前言
在如今的软件领域,几乎找不到没有界面的应用软件,但我国界面的设计和测试却发展得比较慢。目前界面设计还没有引起软件设计师足够的重视,直到最近网页制作的兴起才被大家所青睐。但设计精良的界面却因为要求有艺术美感而被拒绝,国内软件公司对此并不太重视。
界面是软件与用户最直接的交互层面,界面的好坏决定了用户对软件的第一印象。设计良好的界面可以引导用户自行完成相应操作,起到向导的作用。同时界面就像人的脸,具有吸引用户的直接优势。设计良好的界面可以带给用户轻松愉悦的感觉,带来成功感。相反,由于界面设计的失败,让用户感到沮丧,甚至最实用、最强大的功能也可能浪费在用户的恐惧和抛弃中。
目前流行的界面风格有三种:多窗口、单窗口、资源管理器风格。无论哪种风格,都要注意或参考以下原则。
1.可用性原则
按钮名称应通俗易懂,用词准确,无歧义,应容易与同一界面上的其他按钮区别开来,最好能一眼就明白含义,理想情况下软件测试设计,用户无需查阅帮助就能知道界面的功能,并进行相关的正确操作。
可用性详细信息:
1)功能相同或相似的按钮应该被框起来,常用按钮应该支持快捷键。
2)将完成相同功能或任务的元素放在集中位置,以减少鼠标必须移动的距离。
3)将界面按照功能划分为局部块,用框架将其框起来,并包含功能描述或标题。
4)界面应支持键盘自动浏览按钮功能,即通过按Tab键自动切换的功能。
5)界面上应首先输入的信息和重要信息的控件应该放在Tab顺序的前面,并放在窗口的显著位置。
6)同一个界面上的控件数量不要超过10个,如果超过10个可以考虑使用分页界面。 7)分页界面应该支持页面间的快速切换,常用的快捷键组合为Ctrl+Tab。
8)默认按钮必须支持Enter操作,即按下Enter键会自动执行默认按钮对应的操作。
9)当输入控件检测到非法输入时,应该提供解释消息并自动获得焦点。
10)Tab键的顺序要与控件的顺序一致,目前流行的方法是整体从上到下,行间从左到右。
1 1)复选框和选项框按选择概率最高和最低的顺序排列。
12)复选框和选项框应具有默认选项,并支持Tab选择。
13)当选项个数相同时,使用选项框代替下拉列表框。
14)当界面空间较小时,使用下拉框代替选项框。
15)选项较少时使用选项框,否则使用下拉列表框。
16)专业性较强的软件应使用相关专业术语,通用接口鼓励使用通用术语。
17)对于界面输入重复性较高的场合,界面应该全面支持键盘操作,即不使用鼠标,而是使用键盘进行操作。
2. 规范原则
通常界面设计都是按照Windows界面规范设计的,也就是包括“菜单栏、工具栏、工具框、状态栏、滚动条、右键快捷菜单”的标准格式。可以说界面标准化程度越高,可用性就越好。小型软件一般不提供工具框。
规范细节:
1)常用菜单应有命令快捷键。
2) 具有相同或相似功能的菜单应以水平线分隔,并放置在相同的位置。
3)菜单前的图标可以直观的表示所要完成的操作。
4)菜单深度一般要求控制在三层以内。
5)工具栏要求可根据用户要求定制。
6)功能相同或相似的工具栏应该放在一起。
7)工具栏中每个按钮都应有及时的提示信息。
8)工具栏的长度不能超出屏幕宽度。
9)工具栏上的图标可以直观地表示所要完成的操作。
10)设置系统常用工具栏的默认放置位置
1 1)当工具栏过多时,可以考虑使用工具箱。
12)工具箱应可扩展和缩小,并可由用户根据需要进行定制。
13)工具箱默认总宽度不要超过屏幕宽度的1/5。
14)状态栏应能显示用户实际需要的信息,包括:当前操作、系统状态、用户所在位置、用户信息、提示信息、错误信息、用户单位信息及软件开发商信息等。若某项操作耗时较长,还应显示进度条和进程提示。
15)滚动条的长度应能根据显示信息的长度或宽度及时变化,以帮助用户了解显示信息的位置和百分比。
16)状态栏的高度要足够容纳“五好”两个字,滚动条的宽度要比状态栏的宽度稍窄一些。
17)菜单和工具栏之间应有明显的分界线,菜单应突出,以便在移除工具栏后仍具有立体感。18)菜单和状态栏通常使用5号字体。工具栏一般比菜单宽,但不要太宽,否则看起来不协调。
19)右键快捷菜单遵循与菜单相同的原理。
3. 协助设施的原则
系统应提供详细、可靠的帮助文档,以便用户在遇到困惑时能够自己找到解决方案。
帮助设施详情:
1)帮助文档中的性能介绍及说明应与系统性能一致。
2)打包新系统时,对帮助文档也做相应修改,保证版本统一。
3)提供操作过程中及时调用系统帮助的功能,F1是比较常用的。
4)界面调用帮助时,应该能够及时定位到操作对应的帮助位置,即帮助要及时、有针对性。
5)最好提供目前流行的在线帮助格式或者HTML帮助格式。
6)用户可以使用关键词在帮助索引中搜索自己所需要的帮助,当然还应该提供帮助关键词。
7)如果没有提供书面的帮助文档,最好有打印帮助功能。
8)我们的技术支持方法应该在帮助中提供,以便用户在发现自己无法解决问题时,可以方便地寻求新的帮助方法。
4.合理性原则
屏幕对角线相交的位置是用户直视的位置,而屏幕正上方四分之一的位置是最容易吸引用户注意力的位置,在放置表单的时候要注意利用这两个位置。
合理的规则:
1)子窗口或主窗口的中心应靠近对角线焦点。
2)主窗口应位于主窗口的左上角或者中心。
3)当弹出多个子窗口时,应按顺序向右下方偏移,显示窗口标题。
4)重要的命令按钮和经常使用的按钮应该放置在界面的显著位置。
5)那些可能因为使用不当导致界面退出或者关闭的按钮不应该放在一点上,水平行的开始或结束软件测试设计,垂直行的结束都应该在一个点上。
6)与正在进行的操作无关的按钮应该被屏蔽。
7)对于可能导致数据无法恢复的操作必须提供确认信息,让用户有放弃选择的机会。
8)对非法输入或操作应有足够的提示和说明。
9)运行过程中出现的问题,导致错误时应有提示,让用户了解错误来源,避免无限期的等待。
10)提示、警告或错误信息应清晰、简洁、恰当,避免使用英文提示。
5.美观与协调原则
界面的尺寸应符合审美的观点,感觉和谐舒适,并能在有效范围内吸引用户的注意力。
美学与协调细节:
1)长宽应接近黄金分割比例,避免长宽不平衡或宽度超过长度。
2)布局要合理,不宜过密,也不宜过宽敞,合理利用空间。
3)按钮大小应相似,避免使用过长的名称,以免占用界面太多空间。
4)按钮的大小要与界面的大小、空间协调。
5)避免在空界面上放置大按钮。
6)放置控件后,界面上不应有较大的空白区域。
7)字体大小要与界面大小协调,常用字体中宋体9-12号比较美观,大于12号的字体很少使用。
8)前景色与背景色要合理协调,对比度不宜过大,最好少用暗色,如鲜红色、鲜绿色等,常用颜色可考虑采用Windows界面色调。
9)若使用其他颜色,主色调应柔和、亲切、富有磁性,避免使用刺眼的颜色。
10)大系统中常用的原色有“#E1E1E1”、“#EFEFEF”、“#C0C0C0”等。
11)界面风格应一致,文字大小、颜色、字体应一致,除非需要艺术处理或有特殊要求。
12)如果窗体支持最小化、最大化或放大,则窗体上的空间也应该随窗体缩放;注意不要只放大窗体而忽略了控件的缩放。
13)含有按钮的界面一般不应该支持缩放,即右上角应该只具有关闭功能。
14)通常当父窗口支持缩放时,就不需要缩放子窗口。
15)如果可以为用户提供自定义的界面风格,让他们选择颜色、字体等就更好了。
6.菜单位置原则
菜单是界面上最重要的元素,菜单位置按照其功能进行组织。
菜单设置详情:
1)菜单通常按照“常用—主要—次要—工具—帮助”的顺序排列,符合流行的Windows风格。
2)常用的是“文件”、“编辑”、“查看”等,几乎每个系统都有这些选项,当然你要根据不同的系统来选择。
3)下拉菜单应根据菜单选项的含义进行分组,按照一定的规则排列,并用水平线分隔。
4)当一组菜单有使用顺序要求或作为指导时,应按优先顺序排列。
5)没有顺序要求的菜单项,应按照使用频率和重要性进行排列,经常使用的放在最前面,不经常使用的放在最后;重要的菜单项应放在最前面,重要性不高的菜单项放在最后。
6)若菜单选项较多,应采取增加菜单长度、减少菜单深度的原则。
7)菜单深度一般要求控制在三级以内。
8)常用菜单应有快捷命令,组合原则见8。
9)与正在执行的操作无关的菜单应该被屏蔽。最好采用动态加载,即只显示需要的菜单。
10)菜单前的图标不宜过大,最好与字体高度保持一致。
11)主菜单的宽度要接近,字符数不要超过4个,最好每个菜单的字符数相同。
12)主菜单数量不宜过多,最好单行排列。
7.独特性原则
如果一味的遵循业界的界面标准,就会失去自己的个性。当框架满足以上规范时,设计出具有自己独特风格的界面就显得尤为重要。特别是在商业软件的流通中,具有很好的潜移默化的广告效果。
独特性细节:1)安装界面应该有公司或产品的介绍,并有自己的图标或标志。
2)主界面,最好是大多数界面,都应该有一个公司图标或标志。
3)登录界面应有产品标识,包含公司图标或标识。
4) 帮助菜单的“关于”部分应包括版权和产品信息。
5)公司的产品系列应保持一致的界面风格。例如,背景颜色、字体、菜单排列、图标、安装流程、按钮术语等应大致一致。
6)应为产品创建独特的图标,并且应与公司图标或徽标不同
8.快捷键的组合原则
在菜单和按钮中使用快捷键可以让喜欢使用键盘的用户更快速地进行操作,西文Windows及其应用软件对快捷键的使用大体一致。
从菜单中:
1)面向事务的组合有:Ctrl-D 删除;Ctrl-F 查找;Ctrl-H 替换;Ctrl-I 插入;Ctrl-N 新建记录;
Ctrl-S 保存 Ctrl-O 打开。
2)列表:Ctrl-R、Ctrl-G用于定位;Ctrl-Tab用于下一页窗口或以相反的顺序浏览同一页面上的控件。
3)编辑:Ctrl-A 全选;Ctrl-C 复制;Ctrl-V 粘贴;Ctrl-X 剪切;Ctrl-Z 撤消;Ctrl-Y 重做。
4)文件操作:Ctrl-P打印;Ctrl-W关闭。
5) 系统菜单:Alt-A 文件;Alt-E 编辑;Alt-T 工具;Alt-W 窗口;Alt-H 帮助。6) MS Windows 保留键:Ctrl-Esc 任务列表;Ctrl-F4 关闭窗口;Alt-F4 结束应用程序;Alt-Tab 下一个应用程序;Enter 默认按钮/确认操作;Esc
取消按钮/取消操作;Shift-F1 上下文相关帮助。
在按钮中:
可以根据系统需要进行调整,以下只是常用的组合,Alt-Y 确定(是);Alt-C 取消;Alt-N 否;Alt-D 删除;Alt-Q 退出;Alt-A 添加;Alt-E 编辑;Alt-B 浏览;
Alt-R 阅读;Alt-W 写入。
这些快捷键也可以作为开发中文应用软件的标准,但也可以使用汉语拼音的首字母。
9. 故障排除注意事项
通过以下方法控制界面中的错误率将大大减少用户错误带来的损害。开发人员应该尽可能考虑所有可能的问题,以将错误发生的可能性降到最低。如果应用程序因为保护错误而退出系统,这种错误最有可能让用户对软件失去信心。这是因为这意味着用户必须中断自己的思路并重新登录,这既费时又费力,而且所有已经执行的操作都将因未保存而丢失。
故障排除详细信息:
1)最重要的是消除可能导致应用程序异常终止的错误。
2)应注意防止用户意外输入无效数据。
3)使用相关控件来限制用户可以输入的值的类型。
4)当用户只有两种可能的选择时,可以使用单选按钮。
5)当有较多可能的选择时,可以使用复选框。每个选择都是有效的,用户不能输入任何无效的选择。
6)当选项很多时,可以使用列表框或者下拉列表框。
7)在应用系统中,开发人员应该阻止用户进行未授权的或者无意义的操作。
8)应限制或阻止可能导致致命错误或系统错误的输入字符或操作。
9)对可能造成严重后果的操作应有补救措施。通过补救措施,用户能够恢复到原来的正确状态。
10)对一些特殊符号、与系统使用的符号冲突的字符等的输入进行判断,阻止用户输入这些字符。
11)对于错误操作最好支持可逆的处理,比如取消一系列操作。
12) 在输入验证字符之前,应阻止用户执行只有在输入验证字符后才能执行的操作。
13)对于可能造成较长等待时间的操作应提供取消功能。
14)特殊字符通常是;;'">