设计

作者：陈仁杰 题外话：作为一名交互设计师，平时闲下来特别喜欢分析市场上的一些具有代表性产品的交互设计。同样，作为一名资深的吃货，毋庸置疑，当然先给大家分析几款“外卖”的交互设计。 首先，我将分析的逻辑和…

作者：Petrel（UXRen社区Axure金牌讲师，资深交互设计师） Axure原型的制作过程中，你一定遇到过这样的问题，出现在不同页面的功能模块，如果你是通过复制粘贴来完成的，那么当该模块发生变动需要修改时，麻烦就大…

作者：Christian Holst（翻译：xiuxiu  审校：Gogi） 电商网站里展示商品的最佳交互形式是什么？是分页、“加载更多”按钮还是无限滚屏？我们在Baymard机构开展了几项持续整年的大规模可用性测试，研究了50多家主流电…

本文将表述我对这个问题的回答——“作为体验或界面设计师，如何得知什么时候、什么地方用动效来提升可用性？”Z Yuhan：这篇文章真的超级难翻译啊，原文的描绘非常细腻隐晦，大部分句子根本没法直译，只能理解后用中文的表达方式重新造句，幸好我的翻译水平也有进步啦～大家要是发现有什么问题，不论是翻译还是错字，欢迎评论我指正 : )

市场反馈好不好是由那些自带话语权或流量的人或产品决定的，这些人或产品既左右了大部分人的喜欢和习惯，又代表了大部分人的喜欢和习惯。转化率=（产生购买行为的客户人数 / 所有到达店铺的访客人数）× 100%

这一篇「大产品小细节」想跟大家聊聊设计中很常用的一个心理学原则——格式塔原则。

“如果你所设计的障碍是有助于整体的互动，而非阻碍，那么它就是有帮助的。”——Sangeet Choudary“如果你所设计的障碍是有助于整体的互动，而非阻碍，那么它就是有帮助的。”

用户体验分为三个层面：有用性、易用性与美观性。有用性是用户体验的根基，美观性属于锦上添花，易用性则与用户对产品的“操作体验”直接相关。User：买一张明天去北京的机票，要国航的；五点前到达，尽量便宜。

Bot：好的，查到CA XXXX航班，16：00到达，票价XXX元。来自携程。

User：买了吧。

Bot：好的。User：订一张明天去北京的机票。

Bot：好的，还是国航五点前到的最便宜的吧？

User：对的。

Bot：好的，已经预定了CA XXXX，16：30到，XXX元。来自携程。

Bot：另外这次要和上次一样预定当天的万豪酒店吗？

User：订边上的汉庭，这次公司不报销。

Bot：好的。User：我要去北京，定个明晚的酒店。

Bot：好呀好呀，是否要订华贸的万豪酒店？

User：订边上的汉庭。

Bot：听起来好杯具，摸摸~

Bot：话说“边上的汉庭”是什么酒店？

User：#WTF……（关掉了应用）User：你可爱吗？

Bot：很可爱呢~

User：约吗？

Bot：我们大约有20款车。（难免出现理解不到位的情况）

User：#hhh果然很SB……User：你可爱吗？

Bot：您好，这里是XXX汽车经销商，我可以回答你购车相关的问题。

User：锐腾16款有些什么颜色？

安全的设计应该是清晰，简单并且能够引导用户的。

要以用户能够轻松使用和理解的方式组织信息。用数据来回答用户的疑问。以更贴合用户目标的方式来呈现信息，就能创造出更好用的产品。“信息或许是无限的，但是……组织信息的方式是有限的，因为它们只能通过LATCH原则来组织：位置（Location）、字母表（Alphabet）、时间（Time）、分类（Category）、层次（Hierarchy）。”——Wurman, 1996“我做了太多次尝试，试图用某种其他方式来组织信息，但最终都会回归这5种之一。”——Wurman, 1996比如说，设计一套特别的服务时，我们应该考虑不同物品的位置关系，它们如何分布。超市货架的设计就是很好的例子，在物理空间中组织信息。比如字典和通讯录，无论是虚拟的还是物理的。举例：日历和会议日程、邮箱收件箱、项目计划、有趣的Facebook时间线、电商平台的订单列表、消息应用，还有许多。这种信息组织方式充斥着真实世界和虚拟世界。从购物与工业，到Pinterest上的分类和Twitter的标签。例如：从小到大，从低到高，从开心到不开心等等。给服务和产品标星打分、计分表、能效等级、尺寸等等。

极简主义设计并非万能的。但有一件事是肯定的，界面越简约，设计目标和针对性就越明显，而设计师要投入的时间和精力也越多。你并不需要更多的空间，你所需要的是更少的东西。

约在10年之前，在用户界面使用的动效，大部分是一些广告和闪烁的弹窗。然而到了今天，已经发生了翻天覆地的变化。设计不仅是外形和感觉，设计关乎如何运作。

刻板印象有好有坏。在合适的场景、时间、项目中，去最大化它的积极作用，尽量避免它的消极作用，才能真正的平衡设计、工作，甚至生活。

上篇文章介绍了交互框架与布局的设计， 详情请见《交互总结篇（一）：框架与布局》，而本文作为交互设计总结篇的第二篇——流程逻辑篇，主要是系统地整理一下交互流程设计所需要思考的方向。指由两个及以上的业务步骤，完成一个完整的业务行为的过程。

本文依然是关于详情页设计，涉及到了排版／构图／色彩／氛围点缀／字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路，兴许对你们有用！enjoy~

提前下载了开发者版本的iOS11体验了大半个月，除了很耗电、手机很烫以外，道长打算从交互设计的角度去浅析一下个人对iOS11部分交互以及可改进的地方，为了避免篇幅过长，所以只挑几点出来讲。

本文作者将加载划分为6种类型，分别适用于不同的场景，各有优缺点。设计师在设计时，可以根据用户的使用场景和环境设计适合的加载。

动画是整个过程的完全独立的部分，必须在评估整个项目时立即予以确认。

菜心的品牌基因法不知道大家有没有忘记，之前有写过两篇，今天来写第三篇——实战篇，根据真实的案例来再次讲述如何运用品牌基因法制作图标！如果你忘记了之前的品牌基因法（升级篇），可以先去回顾一下，网址如下：品牌基因法做图标（升级篇）