交互设计实用指南系列(4)—简洁清晰，天然易懂

连接：http://ued.taobao.org/blog/2009/12/simple/

 

咱们生活在信息繁杂的社会，尤为是在互联网时代，人们开始经过网络开始接触愈来愈多的信息，那么，如何获取/传递有效而准确的信息将很是重要。在网页交互设计中，咱们提出：信息获取和传达的过程必须是简洁清晰，天然易懂。这样用户才可以有效的获取这些信息，并迅速做出决定。

1.什么是“简洁天然，清晰易懂”？

简洁清晰：使信息最简化
“少便是多”。提倡使用最少的元素来表达最多的信息。若是信息繁杂，将使用户承担大量的信息负担，形成信息过载，影响效率，不能帮助用户解决问题。

天然易懂：使用用户语言
用户获取信息的方式多样，而且对信息的理解程度也各有不一样，因此使用用户平时使用和理解的表达方式去传递信息，更能够被用户所接受。

 

2.信息表述的种类与设计原则

在网页交互设计中，用于传达给用户以有效信息的方式有多种，其中包括：页面布局，交互文本，界面色彩，图像与图标，声音等。

1）页面布局

界面中的信息布局，会直接影响用户获取信息的效率。因此，通常界面的布局因功能不一样考虑的侧重点不一样，而且会让用户有一种“区块感”，方便用户对信息的扫描性浏览。

①界面布局尽可能有秩序，排列整齐，防止过紧或过松，有明显的“区块感”。切忌混乱。
②布局要充分表现其功能性，对于每一个区域所表明的功能应有所区别。如：标题区，工做区，提示/帮助区等
③页面中最重要的信息所在的模块将是在屏幕中最明显的位置上。而且，应该是最大的。
④布局中的信息须要有明显的标志和简单介绍，好比标题栏和标题等。
⑤信息的位置保证一致性，让用户能够无需从新创建对页面信息分布的理解。

2）交互文本

交互文本指产品界面涉及交互操做中须要用户理解并反馈的全部的文字：包括标题、按钮文字、连接文字，对话框提示、各类提示信息、帮助等。这些文字直接影响用户在交互过程当中对预期的理解，好的交互文本设计，能够提升用户完成任务的效率。

①表述的信息尽可能口语化，不用或少用专业术语；
②表述语气柔和、礼貌，避免使用被动语态，否认句等；
③简洁、清楚的表达，文字较多要适当断句，尽可能避免左右滚屏，折行。
④对于同种操做的交互文本，操做行文字保持统一性。
⑤字体使用默认/标准的字体，大小以用户的视觉清晰分辨为主；

3）界面色彩

人眼一共约能区分一千万种颜色，因此用户与界面中颜色的关注度很是的高，有效的使用色彩区分信息的级别，分类等，有助于用户对信息和操做产生关联，有效减小用户的记忆负担。

①根据不一样的产品使用“场景”，选择其合适的颜色。如，管理界面常用蓝色。
②考虑颜色对用户的心理和文化的影响。好比，黄色表明警告，绿色表明成功等。
③避免界面中同时出现3种以上的颜色。
④颜色的对比度明显，如在深色的背景中使用浅色的文字。
⑤使用颜色指导用户关注到到最重要的信息。

4）图像图标

相对于单纯的文本，图像以及符号化的图标更加符合用户的认识习惯。每每表述一种信息，一张图片或者一个标识更能让不一样用户理解与接受。适当的使用图片与符号化的图标，会让用户很天然的创建起认知习惯。

①表意清晰，明确，有高度的归纳性与指向性，让用户可以快速的联想到对应的功能和操做。
②同类或同一纬度的信息，在形式和色彩风格上尽可能保持一致性；
③仅在突出重要信息，用户可能产生理解误差的状况下使用。避免滥用。
④尽可能与交互文本结合使用。

5）声音

在网页的交互设计中，用于声音的信息表述方式相对与视觉来讲不是不少。通常应用于提示，提醒，帮助等信息的表述。此类信息表述让用户经过听觉获取反馈，更加的直接与有效。

①表述清晰，语气亲切，不生硬，有礼貌。
②使用符合用户认知习惯的声音。如，使用敲门声提示好友来访信息等。
③使用不让用户反感（如：恐怖，恶心，烦躁）的声音。
④在用户可预知的状况下发出声音。

4.小结

对于不一样的信息表述方式，咱们都要求设计师在表达信息的时候作到简洁清晰，天然易懂，尽可能让用户以为这是天然而然，并且又是清晰明了的信息。就像小溪流水同样天然，就像军人命令同样明确。这样才会让用户快速，准确的完成任务。