用户界面设计规范

前端之家收集整理的这篇文章主要介绍了用户界面设计规范前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

界面设计员应该明白软件中用户是所有处理的核心,不应该有应用程序来决定处理过程,所以用户界面应当由用户来控制应用如何工作、如何响应,而不是由开发者按自己的意愿把操作流程强加给用户
界面设计必须经过确认才能完成。

在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
1)显示信息一致性标准
(1)标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号(10号);
(2)日期:正常字体、宋体、白底黑字、3-D lowered;
(3)对齐方法
l 左对齐:一般文字、单个数字、日期等
l 右对齐:数字、时间、日期加时间。
(4)分辨率为800*600,增强色16色
(5)字体缺省为宋替、五号、黑色
(6)底色缺省采用灰色
这些信息的排列显示风格供参考,在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用,因此开发者应当注意在同一软件中表现形式的一致性。
2)布局合理化原则
应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。
在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下,再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 布局力求简洁、有序、易于操作。
3)鼠标与键盘对应原则
应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。
但是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代(或其它方式)。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口中将一项拖出然后放到另一个中。如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项。
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-Tab 下一窗口
l Ctrl-Esc 任务列表
l Ctrl-F4 关闭窗口
l Alt-F4 结束应用
l Alt-Tab 下一应用
l Enter 缺省按钮/确认操作
l Esc 取消按钮/取消操作
l Shift-F1 上下文相关帮助
其它快捷键
其它快捷键使用汉语拼音的开头字母,不常用的可以没有快捷键。

对于应用中某些部分的处理流程是固定的,用户必须按照指定的顺序输入操作信息,为了使用户操作得到必要的引用应该使用向导,使用户使用功能时比较轻松明了,但是向导必须用在固定处理流程中,并且处理流程应该不少于3个处理步骤。

系统响应时间包括两个方面:时间长度和时间的易变性。用户响应时间应该适中,系统响应时间过长,用户就会感到不安和沮丧,而响应时间过短有时会造成用户加快操作节奏,从而导致错误。系统响应时间的易变性是指相对于平均响应时间的偏差。即使响应时间比较长,低的响应时间易变性也有助于用户建立稳定的节奏。因此在系统响应时间上坚持如下原则:
响应时间长度 界面设计
0-10 秒 鼠 标 显 示 成 为 沙 漏
10 到18 秒 由微帮助来显示处理进度
18 秒 以 上 显示处理窗口,或显示进度条
一个长时间的处理完成时 应给予完成警告信息


响应时间的易变性 界面设计
用户感觉不到 不考虑
用户稍微感觉到 由微帮助提供易变性说明
容易性大而且时间绝对差别大 显示易变性提示

出错信息和警告是指出现问题时系统给出的坏消息,本系统对于出错信息和警告应该遵循以下原则:
1) 信息以用户可以理解的术语描述;
2) 信息应提供如何从错误中恢复的建设性意见;
3) 信息应指出错误可能导致那些不量后果,以便用户检查是否出现了这些情况或帮助用户进行改正;
4) 信息应伴随着视觉上的提示,如特殊的图像、颜色或信息闪烁。
5) 信息不能带有判断色彩,即任何情况下不能指责用户

一般交互原则 1) 一致性:菜单选择、数据显示以及其它功能都应使用一致的格式。 2) 提供有意义的反馈 3) 执行有较大破坏性的动作前要求确认 4) 在数据录入上允许取消大多数操作 5) 减少在动作间必须记忆的信息数量 6) 在对话、移动和思考中提高效率 7) 允许用户非恶意错误,系统应保护自己不受致命作物的破坏 8) 按功能对动作分类,并按此排列屏幕布局,设计者应那里提高命令和动作组织的内聚性 9) 提供语境相关的帮助机制

原文链接:https://www.f2er.com/javaschema/287396.html

猜你在找的设计模式相关文章