2022年用户界面设计风格说明 .pdf

1 引言1.1 设计说明本文档是对系统界面设计风格进行描述，和用户交互的最终界面在详细设计说明书中设计和解释。1.2 概念和定义用户界面： 又称人机界面， 实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。GUI ：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。1.3 用户假定将使用本系统的用户定义为：对应用程序或计算机的一般用法有一定了解，用户希望界面符合 WINDOWS9X特别是 OFFICE97风格，对易用性、简洁性有比较高的要求，对界面快速交互没有很强的要求（即不希望通过命令方式快速交互）。2 用户界面设计规范2.1 用户界面设计原则本系统坚持图形用户界面（GUI ）设计原则，界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把*作流程强加给用户。界面设计必须经过确认才能完成。2.2 界面一致性在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法 ,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。1）显示信息一致性标准（1）标签提示 : 字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10 号） ；（2）日期 :正常字体、宋体、白底黑字、3-D lowered；（3）对齐方法：l 左对齐 :一般文字、单个数字、日期等l 右对齐 :数字、时间、日期加时间。（4）分辨率为800*600，增强色16 色（5）字体缺省为宋替、五号、黑色（6）底色缺省采用灰色这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用，因此开发者应当注意在同一软件中表现形式的一致性。2）布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。在一个窗口中按tab 键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下，再从左至右。一屏中首先应输入的和重要信息的控件在tab 顺序中应当靠前,位置也应放在窗口上较醒目的位置。布局力求简洁、有序、易于* 作。3）鼠标与键盘对应原则应遵循的是可不用鼠标的原则: 应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 4 页 - - - - - - - - - 但是 ,许多鼠标的 * 作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代（或其它方式） 。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口中将一项拖出然后放到另一个中。如果只用键盘 ,就应当在菜单中设置拷贝或移动的菜单项。4）快捷键在菜单项中使用快捷键可以让使用键盘的用户* 作得更快一些 ,在西文Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。面向事务的 : l Ctrl-D 删除l Ctrl-F 寻找l Ctrl-I 插入l Ctrl-N 新记录l Ctrl-S 保存查询 /列表 : l Ctrl-O l Ctrl-R 其它 : l Ctrl-C 拷贝l Ctrl-H 帮助l Ctrl-P 打印l Ctrl-V 粘贴l Ctrl-W 关闭l Ctrl-X 剪切MS Windows保留键 : l Ctrl-T ab 下一窗口l Ctrl-Esc 任务列表l Ctrl-F4 关闭窗口l Alt-F4 结束应用l Alt-Tab 下一应用l Enter 缺省按钮 / 确认 * 作l Esc 取消按钮 / 取消 * 作l Shift-F1 上下文相关帮助其它快捷键其它快捷键使用汉语拼音的开头字母，不常用的可以没有快捷键。2.3 向导（ WIZARD ）使用原则对于应用中某些部分的处理流程是固定的，用户必须按照指定的顺序输入* 作信息，为了使用户 * 作得到必要的引用应该使用向导，使用户使用功能时比较轻松明了，但是向导必须用在固定处理流程中，并且处理流程应该不少于3 个处理步骤。2.4 系统响应时间系统响应时间包括两个方面：时间长度和时间的易变性。用户响应时间应该适中，系统响应时间过长，用户就会感到不安和沮丧，而响应时间过短有时会造成用户加快* 作节奏，从而导致错误。系统响应时间的易变性是指相对于平均响应时间的偏差。即使响应时间比较长，名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 4 页 - - - - - - - - - 低的响应时间易变性也有助于用户建立稳定的节奏。因此在系统响应时间上坚持如下原则：响应时间长度界面设计0-10 秒鼠 标 显 示 成 为 沙 漏10 到 18 秒由微帮助来显示处理进度18 秒 以 上显示处理窗口，或显示进度条一个长时间的处理完成时应给予完成警告信息响应时间的易变性界面设计用户感觉不到不考虑用户稍微感觉到由微帮助提供易变性说明容易性大而且时间绝对差别大显示易变性提示2.5 用户帮助设施常用的帮助设施有两种：集成的和附加的。集成的帮助设施一开始就是设计在软件中的，它与语境有关，用户可以直接选择与所要执行* 作相关的主题。通过集成帮助设施可以缩短用户获得帮助的时间，增加界面的友好性。附加的帮助设施在系统建好以后再加进去的。通常是一种查询能力比较弱的联机帮助。本系统提供这两种帮助设施，设计和实现时遵循以下原则：1） 进行系统交互时，提供部分帮助功能，即：提供主要* 作的帮助2） 用户可以通过帮助菜单、F1 键和帮助按钮（如果有的话）访问帮助3） 表示帮助时根据需要提供三种方式的选择：另一个窗体、微帮助和指出参考某个文档4） 用户如何回到正常交互方式有两种选择：返回键和功能键5） 帮助信息的构造：采用分层式帮助6） 微帮助提供：由状态栏提供，或控件上的提示文本2.6 出错信息和警告出错信息和警告是指出现问题时系统给出的坏消息，本系统对于出错信息和警告应该遵循以下原则：1） 信息以用户可以理解的术语描述；2） 信息应提供如何从错误中恢复的建设性意见；3） 信息应指出错误可能导致那些不量后果，以便用户检查是否出现了这些情况或帮助用户进行改正；4） 信息应伴随着视觉上的提示，如特殊的图像、颜色或信息闪烁。5） 信息不能带有判断色彩，即任何情况下不能指责用户2.7 命令交互由于本系统用户是WINDOWS用户，故本系统不提供命令交互。2.8 一般交互原则本系统一般交互遵循以下原则：1） 一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。2） 提供有意义的反馈3） 执行有较大破坏性的动作前要求确认4） 在数据录入上允许取消大多数* 作5） 减少在动作间必须记忆的信息数量6） 在对话、移动和思考中提高效率7） 允许用户非恶意错误，系统应保护自己不受致命作物的破坏8） 按功能对动作分类，并按此排列屏幕布局，设计者应那里提高命令和动作组织的内聚名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 4 页 - - - - - - - - - 性9） 提供语境相关的帮助机制2.9 信息显示原则本系统信息显示遵循以下原则：1） 只显示与当前用户语境环境有关的信息；2） 不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息；3） 使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源；4） 产生有意义的出错信息，见2.6 ；5） 使用缩进和文本来辅助理解；6） 使用窗口分隔控件分隔不同类型的信息；7） 高效地使用显示器的显示空间。2.10数据输入原则本系统数据输入遵循以下原则：1） 尽量减少用户输入动作的数量；2） 维护信息显示和数据输入的一致性；3） 交互应该时灵活的，对键盘和鼠标输入的灵活性提供支持；4） 在当前动作的语境中使不合适的命令不起作用；5） 让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序（如果允许的话）以及在不退出系统的情况下从错误状态中恢复；6） 为所有输入的动作提供帮助，见2.5 ；7） 消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动获取或计算出来的信息。3 用户界面设计更改和追加说明3.1 更改说明更改本用户界面设计时应该征得所有开发者的同意，所有开发者应该按更正后的原则修改和设计用户界面。3.2 追加说明追加本用户界面设计时应该发布给所有开发者，所有开发者应该按追加后的原则修改和设计用户界面。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 4 页 - - - - - - - - -