目录
总体原则 2
原则详述 2
以用户为中心 2
清楚一致的设计 3
拥有良好的直觉特征 3
较快的响应速度 3
简单且美观 4
细节约定 4
界面风格 4
普通外观 4
Windows的可视提示 5
交互 5
程序 6
默认 7
窗体 7
布局和间距 7
图标、图片 8
提示信息(Hint) 8
标点符号 8
对话框 8
对话框的主要命令按钮 9
属性表和属性页 10
向导 11
控件 11
命令按钮 11
复选框 12
单选按钮 13
组合框 13
编辑框 13
滑块 14
静态文本 14
列表框 14
列表视图 15
滚动条 15
分组框 15
菜单 15
上下文菜单 16
工具栏 16
工具提示 16
文本 17
消息框 17
错误消息 18
字体 18
颜 18
三维效果 19
各种细节 19
统一术语 19
页面设计风格术语的重要性 19
命名 20
用用户的语言说话 20
要避免的术语 20
总体原则
一、 以用户为中心:设计由用户控制的界面,而不是界面控制用户。
二、 清楚一致的设计:所有界面的风格保持一致,所有具有相同含义的术语保持一致,并易于理解。
三、 拥有良好的直觉特征:以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻,来帮助用户能迅速学会软件的使用。
四、 较快的响应速度:能给客户比较快的响应、及简单、快捷的操作模式。
五、 简单且美观:界面搭配合理、简洁,能够客户比较好的视觉效果。
原则详述
以用户为中心
用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。
1. 应该从客户的角度及业务流程的顺序来设计界面,而不应该是从开发人员角度、软件功能罗列的方式设计界面。
2. 操作上假设是用户,而不是计算机或软件开始动作。用户扮演主动角,而不是扮演被动角。
3. 提供用户自定义设置。因为用户的技能和喜好各不相同,因此他们必须能够个性化界面的某些方面。您的软件应该能够允许用户定制自己希望的属性–例如整体界面风格、各部分区域的宽度、列表中各列是否显示及显示宽度、等等。
4. 谅解。用户喜欢探索一个界面,并经常从尝试和错误中学习。一个有效的界面允许交互式的发现,它只提供一组合适的选择,并在用户可能破坏系统或数据的情况时发出警告。如果可行,还应提供可逆转或可还原的操作。即使在设计得很好得界面中,用户也可能犯错误。这些错误既可以是物理上的(偶然地指向了错误的命令或数据),也可以是逻辑上的(对选定哪一个命令或哪些数据做出了错误的决定)。有效的设计应避免很可能导致错误的情况。它还包容潜在的用户错误,并且使用户易于还原。
清楚一致的设计
一致允许用户将已有的知识传递到新的任务中,更快地学习新事物,并将更多的注意力集中
在任务上。这是因为他们不必花时间来尝试记住交互中的不同。通过提供一种稳定的感觉,一致使得界面熟悉而又可预测。一致在界面的所有方面都是很重要的,包括命令的名称、信息的可视表示,操作行为,以及元素在屏幕和窗口内部的放置。
1. 相同含义的词使用统一的术语。比如对于仓库中存放的物料,不可同时又称为物品、货物、备品、产品和材料等等,而统一约定一个称谓,且此称谓是用户熟悉的和易于理解的。
2. 使用一组一致的命令和界面来展示常见功能。例如,避免一个”删除”操作在一种情况下直接点击行右边删除按钮进行删除,但在另一种情况却是要求先选择删除行左边的CHECKBOX后再点击按钮执行删除。应该使用同样的命令来执行对用户来说相似的功能。
3. 建立项目保留字。通过建立保留字来明确和统一术语和操作命令。
拥有良好的直觉特征
1. 用熟悉的隐喻为用户的任务提供直接而直观的界面。通过允许用户利用他们的知识和经验,隐喻使得预测和学习基于软件的表示的行为更加容易。
2. 在使用隐喻时,不需要将基于计算机的实现局限在真实世界的对应物上范围之内。例如,与其基于纸张的对应物不同,Windows桌面上的文件夹可以被用来组织各种对象,例如打印机、计算器、以及其他文件夹。同样,Windows文件夹可以其真实世界对应物不可能的方式被排序。在界面中使用隐喻的目的是提供一个认知的桥梁;隐喻并不以其自身为最终目的。
3. 隐喻支持用户认知而不是记忆。用户记起与一个熟悉的事物相关联的意义要比他们记起一个特定命令的名称要容易得多。
4. 同常见软件保持一致性。出的用户界面在程序中将实现同用户以前用过的其它成功软件一致的动作。
5. 让用户能够比较便捷的得到当前界面的帮助,方便快速的学习软件如何使用
6. 提供可视反馈。在后台运行长进程时(时间超过1~10秒,视具体情况而定),必须提供进度条等信息指示。
7. 除非特别必要时,不要提供声音反馈。在有严重的问题发生时,可以使用声音来提示用户,但是通常应该允许用户取消声音。
8. 保持文字内容清楚。信息的表达要言简意赅,易于理解而又不罗嗦;避免使用冗长的文字给用户反馈。
较快的响应速度
1. 保持界面能很快对用户操作作出反应。
2. 提供快捷键。特别对于有大量录入项的界面,能让用户不使用鼠标即可完成快速数据录入。在用户界面中加入一些功能,这些功能可以让熟练用户在不同的区域快速的输入数据。这些功能包括重复功能、快捷键、带有有意义的图标的按钮等等,所有这些可以使速度快的用户可以控制界面并加快数据的输入。
3. 设计功能操作时要做到步骤简洁,不繁琐,要做到让用户一步即可完成某个功能点操作,比如:可以用单选框取代下拉列表框、可以在列表界面就提供一些常用的操作(比如:删除操作),而不必要打开明细后才提供操作
简单且美观
1. 简单。界面应该很简单(不是过分单纯化)、易于学习、并且易于使用。它还必须提供对应用程序的所有功能的访问。在界面中,扩大功能和保持简单是相互矛盾的。一个有效的设计应该平衡这些目标。支持简单性的一种方法是将信息的表示减少到进行充分交流所需的最少信息。例如,避免命令名和消息的文字描述。不相关或冗长的句子扰乱了您的设计,使得用户难以很容易地提取重要信息。另一个设计简单而有用的界面的方法是使用自然的映射和语意。界面元素的排列和表示影响它们的意义和关联。简单还与熟悉相互关联。熟悉的事物通常似乎更简单。尽可能尝试建立利用用户已有的知识和经历的联系。您可以使用渐进揭示来帮助用户管理复杂的事物。”渐进揭示”涉及到仔细的信息组织,以便只在恰当的时候才显示信息。通过隐藏向用户表达的信息,您减少了用户必须处理的信息数量。例如,您可以使用菜单来显示操作或选择的列表,还可以使用对话框来显示一组选项。渐进揭示并不意味着对显示信息使用非传统的技术,例如需要一个修饰键作为访问基本功能的唯一方法,或者强迫用户通过一个更长的分级交互序列。这会使用户界面更加复杂和麻烦。
2. 美观。可视设计是应用程序界面的重要部分。可视属性提供了非常好的印象,并传达特定对象的交互行为的重要线索。同时,出现在屏幕上的每一个可视元素也是很重要的,它们可能竞争用户的注意。提供清楚地促进用户对表达的信息的理解的连贯环境。
细节约定
界面风格
普通外观
1. 使用一致性:一致的外观将使用户界面更易于理解和使用。用户界面控件看起来应该是一致的。
2. 使用安排和流程:在西方文化中(包括中国),人们习惯于从左到右,从上到下进行阅读,因此,应该将重要信息放在上面和左边。左上角最容易吸引起人们的注意力。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论