学期笔记03 - 用户界面设计

用户界面设计

人机交互（Human-computer interaction）涉及到设计，实现和评估三个方面。它关于人与计算机这两个复杂体之间的交流。 用户界面就像是人类使用者和电脑系统之间的翻译。

我说的用户界面设计不是国内不少人所理解的描绘Icon或精绘一套闪屏，用户界面设计是关于设计使用系统的整体体验，他是交互设计的一种形式（a form of interaction design ）。用户界面设计决策一般被分为两个部分，一个是视觉设计决策，另一个就是结构设计决策。

针对交互系统的用户界面设计包含三个部分：
a. 确认用户和信息：确认用户是谁（年龄段，性别，文化背景... ），信息（你的目标用户偏爱的体验类型和结构，用什么感觉去传递信息）是什么是非常重要的。
b. 确定使用设置：你得很清楚你的交互系统会被如何使用，比如说在哪儿被用，在什么类型的设备上被用，一般会被用多久？
c. 创建用户体验：决定什么类型的用户体验是必要的，你得确定目标用户的偏好。不同类型的外观和使用感受提供了不同类型的用户体验。这里你需要清楚，结构和导航部分与视觉部分一样重要。

有一些很重要的用户界面准则需要记住：
a. 考虑需求：仅提供必要的功能，记住别画蛇添足。
b. 提供一致性： 在提供功能时保证一致性，让用户在使用过程中能有很大的信心去探索整个系统。
c. 减少用户负担： 尽量把用户的使用负担降低到最低，让用户用很少的成本即可实现任务。
d. 先发制人：一个好的界面应该可以预测用户接下来想要做的事。
e. 透明（简单）：一个高效率的界面应该是透明的，用户应该专注于他们在做什么，而不是怎么去做。

用户界面设计同样应该遵守易用性的三大要素：
a. 可见的： 视觉设计在用户界面设计中承担着很重要的角色（视觉设计决策至关重要），高效率的视觉设计能鼓舞用户去与系统进行交互行为。

b. 反馈： 当与界面进行交互时，用户需要及时得到反馈。反馈可能是通过视觉，声音或者是触感等等来表现。但要记住反馈信息需要一致性，比如相同的按键；反馈的方式也应该是相同的，比如按键颜色的变化。

c. 概念模型 （隐喻与一致）： 概念模型就像是一个街道地图，让用户清楚知道自己在哪儿。有的用户界面有很多不同的图形，如何让用户清楚知道哪里可以点击，哪里又不能点击呢？用户界面本身应该需要提供一些提示去帮助用户了解如何进行交互，这可以通过隐喻与视觉一致性来实现。

c1. 隐喻允许用户去把他们现实生活中的知识应用到用户界面的交互过程中，交互的系统可以把现实生活给模型化，用户界面上的东西表现的就像现实生活中真实的事物一样（降低用户学习成本）。当然要记住，别太过分了，比如用在手机上模仿转盘电话，滑动手指来拨打电话这类自作聪明的交互，在绝大多数场景下简直就是逗比。

c2. 隐喻揭示了系统的概念交互模型，视觉一致性则是告诉用户在不同界面部分做什么的细节，让用户去把界面上的图形联想到现实生活的某个真实常用的物品，比如可翻页的书本。另外它提供一个交互的建议，比如说光标移至某物体上呈现手状，即告诉用户该物体可以被移动的。