征集网锐志网络淘途找素材上91
创意在线首页
平面设计交互设计CG动漫工业设计建筑环境数码影像创意搜
 首页大赛征集资讯教程画廊访谈作品集创企同盟设计招聘人才专区竞赛台专题论吧 找素材看酷站设计网址库
交互设计首页
当前位置:首页 > 交互设计 > 观点 > 正文
界面设计测试规范
作者: 来源:uichannel 发表时间:2008-8-25 10:25:35 浏览:

老早前收藏的一篇文章了,发出来一起学习下

目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。

1.易用性

按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

易用性细则:

  1. 完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。
  2. 完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
  3. 按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
  4. 界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。
  5. 界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
  6. 同一界面上的控件数最好不要超过劳过度10个,多于10个时可以考虑使用分页界面显示。
  7. 分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab
  8. 默认按钮要支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。
  9. 可写控件检测到非法输入后应给出说明并能自动获得焦点。
  10. Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。
  11. 复选框和选项框按选择几率的高底而先后排列。
  12. 复选框和选项框要有默认选项,并支持Tab选择。
  13. 选项数相同时多用选项框而不用下拉列表框。
  14. 界面空间较小时使用下拉框而不用选项框。
  15. 选项数叫少时使用选项框,相反使用下拉列表框。
  16. 专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。

2.规范性

通常界面设计都按Windows界面的规范来设计,即包含"菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单"的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具厢。

规范性细则:

  1. 常用菜单要有命令快捷方式。
  2. 完成相同或相近功能的菜单用横线隔开放在同一位置。
  3. 菜单前的图标能直观的代表要完成的操作。
  4. 菜单深度一般要求最多控制在三层以内。
  5. 工具栏要求可以根据用户的要求自己选择定制。
  6. 相同或相近功能的工具栏放在一起。
  7. 工具栏中的每一个按钮要有及时提示信息。
  8. 一条工具栏的长度最长不能超出屏幕宽度。
  9. 工具栏的图标能直观的代表要完成的操作。
  10. 系统常用的工具栏设置默认放置位置。
  11. 工具栏太多时可以考虑使用工具厢。
  12. 工具箱要具有可增减性,由用户自己根据需求定制。
  13. 工具箱的默认总宽度不要超过屏幕宽度的1/5。
  14. 状态条要能显示用户切实需要的信息,常用的有:
    目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一操作需要的时间较长,还应该显示进度条和进程提示。
  15. 滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
  16. 状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。
  17. 菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。
  18. 菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。
  19. 右键快捷菜单采用与菜单相同的准则。

3.帮助设施

系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。

帮助设施细则:

  1. 帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。
  2. 打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。
  3. 操作时要提供及时调用系统帮助的功能。常用F1。
  4. 在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
  5. 最好提供目前流行的联机帮助格式或HTML帮助格式。
  6. 用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。
  7. 如果没有提供书面的帮助文档的话,最好有打印帮助的功能。
  8. 在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。

1 2
在线编辑:52design
本文链接:


推荐阅读:
·2021第十五届“创意中国”设计大奖 征稿章程
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·青春唯美插画培训网络远程班正在招生
·第八届中国高等院校设计作品大赛启动
·第十二届中国高校美术作品学年展获奖名单公布
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·第六届“包豪斯奖”国际设计大赛获奖名单揭晓
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件请不要盗链本站地址,且不准打上各自站点的水印!

近期推荐报道 返回首页更多精彩等着你!

Illustrator| 用AI创建精细矢量插图徽章Photoshop| PS经典合成张开血盆大嘴樱桃
Photoshop| Photoshop自制个性的黑色翅膀摄影佳作| 德国Thomas Wuhrer长腿女郎性
Photoshop| Photoshop制作超酷的边缘发光的荧CorelDraw| CorelDRAW制作编织效果详细教程
Illustrator| illustrator制作潮流海报字体摄影佳作| 惊艳的Francesco Marconi
Photoshop| 利用画笔及图层样式制作方格子艺术纹理背景Photoshop| Photoshop制作简单时尚的彩色放射
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿