用户界面设计

用户界面是人与机之间交流、沟通的层面。从深度上分为两个层次：感觉的和情感的。感觉层次指人和机器之间的视觉、触觉、听觉层面；情感层次指人和机器之间由于沟通所达成的融洽关系。总之用户界面设计是以人为中心，使产品达到简单使用和愉悦使用的设计。

　　

　　界面设计从流程上分为结构设计、交互设计和视觉设计三部分。

　　随着产品屏幕操作的不断普及，用户界面已经融入我们的日常生活。一个良好设计的用户界面，可以大大提高工作效率，使用户从中获得乐趣，减少由于界面问题而造成用户的咨询与投诉，减轻客户服务的压力，减少售后服务的成本。因此，用户界面设计对于任何产品/服务都极其重要。

　　在国外，用户界面设计人员有了一个新的称谓：Information Architecture，信息建筑师。它不仅仅是指美工，而是具有心理学、软件工程学、设计学等综合知识的人。

　　好的用户界面应该集 “实用、易用、美观” 于一体。如果软件的功能不实用，不能为用户解决问题，那么不管这个软件是否易用和美观，用户都不会使用这个软件，除非用户没有选择余地。如果两个软件的功能和价格都差不多，那么易用性就成为用户选择的第一标准。哪款软件更好操作，效率更高，用户就会选择哪款软件。如果两个软件的功能、价格、易用性都差不多，那么用户一定会选择更加美观的那款软件。

　　不好的用户界面主要有以下一些表现：

　　界面操作步骤繁琐，界面布局混乱，缺乏逻辑，盲目堆放界面元素，让用户不知如何下手。界面措辞不专业，含糊不清，如消息框出现文不对题的语病，没有防错处理，对用户输入的信息没有校验；执行破坏性的操作之前，不提醒用户确认等等。不提供进度条、动画来反映正在进行的进程，对于重要的操作也不返回结果。界面缺乏美观和个性，甚至出现界面风格不一致的情况

　　2测试用例

　　指标

　　检查项

　　测试人员评价

　　合适性

　　和正确性

　　用户界面是否与软件的功能相融洽？

　　是否所有界面元素的文字和状态都正确无误？

　　容易理解

　　对于常用的功能，用户能否不必阅读手册就能使用？

　　是否所有界面元素（例如图标）都不会让人误解？

　　是否所有界面元素提供了充分而必要的提示？

　　界面结构能够清晰地反映工作流程？

　　用户是否容易知道自己在界面中的位置，不会迷失方向？

　　有联机帮助吗？

　　风格一致

　　同类的界面元素是否有相同的视感和相同的操作方式？

　　字体是否一致？

　　是否符合广大用户使用同类软件的习惯？

　　及时反馈信息

　　是否提供进度条、动画等反映正在进行的比较耗时间的过程？

　　是否为重要的操作返回必要的结果信息？

　　出错处理

　　是否对重要的输入数据进行校验？

　　执行有风险的操作时，有“确认”、“放弃”等提示吗？

　　是否根据用户的权限自动屏蔽某些功能？

　　是否提供Undo功能用以撤销不期望的操作？

　　适应各种水平的用户

　　所有界面元素都具备充分必要的键盘操作和鼠标操作吗？

　　初学者和专家都有合适的方式操作这个界面吗？

　　色盲或者色弱的用户能正常使用该界面吗？

　　国际化

　　是否使用国际通行的图标和语言？

　　度量单位、日期格式、人的名字等是否符合国际惯例？

　　个性化

　　是否具有与众不同的、让用户记忆深刻的界面设计？

　　是否在具备必要的“一致性”的前提下突出“个性化”设计？

　　合理布局

　　和谐色彩

　　界面的布局符合软件的功能逻辑吗？

　　界面元素是否在水平或者垂直方向对齐？

　　界面元素的尺寸是否合理？行、列的间距是否保持一致？

　　是否恰当地利用窗体和控件的空白，以及分割线条？

　　窗口切换、移动、改变大小时，界面正常吗？

　　界面的色调是否让人感到和谐、满意？

　　重要的对象是否用醒目的色彩表示？

　　色彩使用是否符合行业的习惯？

　　3三大原则编辑

　　置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性。

　　1.简易性

　　界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。

　　2.用户语言

　　界面中要使用能反应用户本身的语言，而不是用户界面设计者的语言，即“用户至上”原则。

　　3.记忆负担最小化

　　人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。

　　4.一致性

　　是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须要与内容相一致。

　　5.清楚

　　在视觉效果上便于理解和使用。

　　6.用户的熟悉程度

　　用户可通过已掌握的知识来使用界面，但不应超出一般常识。

　　7.从用户的观点考虑

　　想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。

　　通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。

　　8.排列

　　一个有序的界面能让用户轻松的使用。

　　9.安全性

　　用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

　　10.灵活性

　　简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄)。

　　11.人性化

　　高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。

　　4工作流程编辑

　　用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。

　　· 结构设计　Structure Design

　　结构设计也称概念设计 （Conceptual Design），是界面设计的骨架。通过对用户研究和任务分析，制定出产品的整体架构。基于纸质的的低保真原型（Paper Prototype）可提供用户测试并进行完善。在结构设计中，目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”，让用户很难找到。

　　· 交互设计 Interactive Design

　　交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。交互设计的原则如下：

　　1）　有清楚的错误提示。误操作后，系统提供有针对性的提示。

　　2) 让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。

　　3) 允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。提供多种可能性。

　　4) 允许工作中断。例用手机写新短信的时候，收到短信或电话，完成后回来仍能够找到刚才正写的新短信。

　　5) 使用用户的语言，而非技术的语言。

　　6) 提供快速反馈。给用户心理上的暗示，避免用户焦急。

　　7) 方便退出。如手机的退出，是按一个键完全退出，还是一层一层的退出。提供两种可能性。

　　8）导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。

　　9）让用户知道自己当前的位置，使其做出下一步行动的决定。

　　· 视觉设计　Visual Design

　　在结构设计的基础上，参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下：

　　1）界面清晰明了。允许用户定制界面。

　　2) 减少短期记忆的负担。让计算机帮助记忆，例：User Name，、Password、IE进入界面地址可以让机器记住。

　　3) 依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择

　　4) 提供视觉线索。图形符号的视觉的刺激；GUI（图形界面设计）：Where,What,Next Step

　　5) 提供默认（default）、撤销（undo）、恢复（redo）的功能

　　6) 提供界面的快捷方式

　　7) 尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。

　　8) 完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户去猜。

　　9）界面的协调一致。如手机界面按钮排放，左键肯定；右键否定；或按内容摆放。

　　10) 同样功能用同样的图形。

　　11）色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似的颜色表示近似的意思。