交互设计的关键词[上]

设计清单第23期：用时约4分

01从抽象的需求落实到具体的交互界面并不是一件简单的事，其中的关键就在于处理信息和任务。需要展现哪些信息，如何组织信息结构，如何引导用户完成任务，仔细分析这些问题后，需要将解决方案用一系列相关联的界面草图表达出来；然后再细化草图为具体界面，同时要考虑如何让用户轻松、愉悦、高效地浏览和操作；最后，再做一些锦上添花的设计，让用户惊喜于美妙的产品体验。这就是设计规划的过程。

02信息分类：除了逻辑归类以外，卡片分类是一种不错的方法。将需要分类的信息写在卡片上，招募用户来对卡片分类，以检验设计的信息结构是否合理。

03导航：导航有三个关键点，其一让用户明确知道自己在信息结构中所处的位置，其二深广度的平衡，其三需要为常用功能设置快捷入口。

04设计主要任务与次要任务：主要任务即主线流程，如电商产品中的购买流程；次要任务则是在完成主要任务时可能涉及到的任务，

05分解任务：确定主要任务后就需要在设计中突出主要任务，而第一步就是将所有的用户任务分解为具体的行为操作。

06排布任务优先级：分解完后就可以排优先级了，可按使用人数，使用频率，重要程度来排。这里的优先级顺序并不是操作流程顺序。

07组织合并相关任务：将次序相同，操作类似，界面类似的任务组合起来，合并为同一组模块展现。引导用户：引导用户完成任务的方法有许多。相似性引导是利用相似的颜色或样式暗示用户某些元素的关联性，方向性引导是利用指向性箭头或清晰的视觉纵线指明流程的方向，运动元素引导则是利用运动元素的轨迹牵引用户的视觉往下一步走，向导控件用来为多步操作中的用户提供预期。

08易用的界面

001简化复杂操作：减少冗余步骤和干扰项，将复杂操作转移给系统（如地图app的自动定位起点），简化操作方式（Chrome浏览器在地址栏直接进行Google搜索），优化操作过程（提供合适的默认选项，适时的帮助提示和及时的反馈）。

002处理过大的信息量：界面的层次感，突出重点信息&隐藏次要信息。

003感性的界面：要做到人性化的设计就不能将产品逻辑原封不动地展示给用户，而是要在理性规划的基础上用情感打动用户，此谓感性的界面。如某些网站的登录界面用精致的大图吸引用户，某天气应用用颜色的深浅体现气温的变化。切记逻辑正确的设计可以保证产品是可用的，但未必易用

09纸面原型规划好信息组织和任务设定后，先别急着打开原型设计软件，可以在纸上先画画。纸面原型可以看作是最终设计方案的雏形。其中，最需要关注的是框架、流程、基本功能和内容，可以忽略设计细节。