交互设计实用指南二

5.简洁清晰，自然易懂

 

什么是简洁自然、清晰易懂？

使信息最简化，少即是多。如果信息繁杂，将使用户承担大量的信息负担。
使用用户语言，使用用户平时使用和理解的表达方式去传递信息，更可以被用户所接受。

信息表达的种类与设计原则

页面布局：

• 排列整齐，有明显的区块感。
• 布局要充分表现其功能性。如标题区、工作区、提示/帮助区等。
• 页面中最重要的信息应该在最明显的位置上。
• 信息的位置保持一致性

交互文本：表述信息尽量口语化
界面色彩：有效的使用色彩区分信息的级别、分类，有助于用户对信息和操作产生关联，减少用户记忆负担。
图形图标：图形符号化的图标更符合用户的认知习惯，有高度的概括性和指向性，让用户能够快速的联想到对应的功能和操作。
声音：在用户可预知的情况下发出声音

6.突出重点，一目了然

 

• 用户的第一关注，将是设计中要表达的重点信息。
• 为扫描而设计，不是阅读
• 你几乎需要把每个用户都想象成大忙人，他们没有时间停留在你精心设计的页面上，去阅读每一行你辛苦撰写的问题，去欣赏你精心设计的高光与圆角，他们想要的只是尽快地找到有用的信息。

1.尽量符合用户习惯的设计，让人接受陌生的东西需要代价。
2.页面上越重要的东西越突出，建立清晰的视觉层次感。
3.把页面划分成明确定义的区域
4.可以点击的地方必须突出
5.省略多余的文字

将功能藏起来
根据80/20法则，80%的用户只会使用20%的功能，为什么要让那些很少人使用的80%的功能放在显眼的位置上，而扰乱只需要20%的大部分用户呢。其实那些80%的功能大部分是专家用户所喜欢的，我们应当让这些功能藏起来。

关注于用户的主要任务流

 

7.标签明晰、有效

 

目的是为网站的信息做分类与整理，降低用户的理解成本。

如何做好标签？

1. 使用用户的语言
2. 采用描述性的标签，如：给卖家留言、产品与服务等
3. 标签之间互斥性要强，寻找差异化
4. 在粒度、语法、展现、用法上保持标签一致性

我们设计标签时词汇从何而来呢？

1. 你自己的网站或产品，遍走整个网站收集所有标签，然后用表格进行整理。
2. 收集同类或竞争对手网站上的标签
3. 在完全没有依据的情况下，我们必须设计新标签系统时，卡片分类法是比较流行的一种做法。

 

8.避免迷路

 

任何位置都能明确：“我在哪里？这里有什么？从这里能去哪里？”
别让自己陷入导航系统的过度设计中去，我们所要做的是使用任务角色和场景作为参考，确定任务角色会选择的到达内容的最佳路线，而不是提供所有路线，更不需要将网站的全部结构复 制到每个页面当中，造成页面信息负担。
首先，我们要帮助用户定向，也就是确定当前位置。
面包屑是注明当前网站位置的好工具，同时也能传递网站的结构信息，以及记录用户的访问足迹。
逃生舱模式，无论什么时候，点击这里都可以回到首页。大部分网站都把逃生舱设置在网站的LOGO上
其次，根据用户需求，确定导航机制。
用户的需求决定了我们应当放置何种导航链接
我们不可能把所有问题的答案都放入页面当中，这时人物角色和场景将发挥很重要的作用。对于不同的页面，弄清楚每个用户角色要去哪里，放置他们最需要的导航。
最后，通过压力测试检验页面的导航能力。

 

9.深广度平衡

 

单个页面上可见菜单的数目与层级结构中级别的数目平衡。

什么是深广度？
在整个树形结构中，链接的层数称深度，最底层页面包含的页面总数称广度。

为什么深广度要保持平衡？
一个网站的链接深度和广度最好有一个合适的均衡关系，深度过大的网站不利于用户快速获取信息，广度过大的网站则容易让用户在无数并列的超链接面前不知所措。

如何保持深广度平衡？
一般来说，广度比深度的效果更好。在深结构的个级别间选择，比起在广导航的各选项间扫视，要付出更多精力。眼睛比起鼠标点击要快的多。

 

10.一次点击

 

尽可能减少完成任务所需要的操作次数
交互设计一个很重要的目的就是让用户方便快捷的执行任务完成工作。在互联网产品的交互设计中，尽可能的消除每一个附加工作，做到尽可能一次操作而完成任务，减少用户的操作次数。
如何减少用户的附加工作，保证用户工作效率呢？

1. 保证主操作以及用户常用功能的方便展现。
2. 合适的关闭与隐藏新手培训工具。
3. 平衡好视觉装饰元素对用户操作的干扰。
4. 不要轻易打断用户操作流。
5. 改善导航。

 

11.别让我思考

 

用户的第一反应所产生的操作正确、有效。
不让用户思考过多，原则上就是设计符合用户心智模型。大致可以从以下几个方面来讲：

文案：需要让人容易理解，快速记忆。

图形：好的图形表达优于文字，但图形没有把内容表示明确反而适得其反。网站不是炫技场，设计要为内容服务。

信息：有效合理的信息分类可以帮助用户快速准确的浏览和完成任务。

引导：通过菜单、导航、面包屑等手段有效引导用户行为路径。

操作方式：充分顺应用户的心理思维来设计功能的操作，可以使用户快速上手。
一致性：设计在同产品中保持一致性，可以降低用户理解成本，使用户快速上手，增加用户的使用率。

 

12.减少记忆负担

 

定义

一是产品给用户的记忆负担，包括产品的内容信息、操作功能等。

二是用户自己的记忆负担，包括个人信息、安全问题答案、输入内容、上次操作行为、操作流程等。

分析

一人在短时间的注意力是集中和少量的，基于识别的用户界面在很大程度上依赖于用户所关心对象的可见性，显示太多的对象和属性会让用户很难找到感兴趣的对象。

二用户不喜欢经常重复性输入一些信息，比如个人帐号、安全信息、操作习惯、上次操作行为等。

如何减轻用户的记忆负担？

1）使用常用交互方式和文案，力求简洁

2）保持正确的对应关系

3）控制信息量：神奇的数字-7，多数情况，用户记忆信息在7加减2个左右，1个记忆最牢靠，3个很清楚，7个以上就需要对信息进行分类来帮助用户理解记忆。

4）帮助用户记忆：记住用户的操作与信息，保持操作的一致性来降低用户对于不同操作的记忆。