界面设计的行业标准总结(上)

发表于:2010-2-25 14:46

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:未知    来源:51Testing软件测试网采编

GUI整体标准的制定

  GUI的整体标准包括以下四个方面:

  1.规范性

  2.合理性

  3.一致性

  4.界面定制性

  一、GUI设计的规范

  遵循一致的准则,确立标准并遵循,是软件界面设计中必不可必的环节。确立界面标准的好处:

  1.便于用户操作:户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能

  2.使用户感觉到统一、规范,在使用软件的过程中愉快轻松的完成操作,提高对软件的认知

  3.降低培训、支持成本,不必花费较多的人力对客户进行逐个指导

  二、GUI布局的合理性

  界面的合理性是指界面是否与软件功能相融洽,界面的颜色和布局是否协调等。例如:

  1.界面布局

  a.屏幕不能拥挤

  *  Mayhew在1992年的试验结果表明屏幕总体覆盖度不应该超过40%,而分组覆盖度不应该超过62%。

  *  整个项目,采用统一的控件间距,通过调整窗体大小达到一致,即使在窗体大小不变的情况下,宁可留空部分区域,也不要破坏控件间的行间距。

  b.控件按区域排列

  *  一行控件纵向中对齐, 控件间距基本保持一致,行与行之间间距相同,靠窗体的控件距窗体边缘的距离应大于行间距。

  *  当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域

  c.有效组合

  逻辑上相关联的控件应当加以组合以表示其关联性,反之,任何不相关的项目应当分隔开。在项目集合间用间隔对其进行分组,或者使用方框划分各自区域

  d.窗口缩放时,控件位置、布局

  *  固定窗口大小,不允许改变尺寸

  *  改变尺寸的窗口,在窗口尺寸发生变化时控件的位置、大小做出相应的改变

  *  改变尺寸的窗口,在窗口改变尺寸时增加相应在的纵向、横向滚动条,以方便用户使用窗体上的控件

  2.界面颜色搭配

  使用恰当的颜色,可以使软件的界面看起来更加规范:

  a.统一色调

  针对软件类型以及用户工作环境选择恰当色调,如:安全软件,根据工业标准,可以选取黄色。绿色体现环保,蓝色表现时尚清新、紫色表现浪漫等等,淡色可以使人舒适,暗色做背景使人不觉得累等。

  b.与操作系统统一,读取系统标准色表

  c.遵循对比原则

  在浅色背景上使用深色文字,深色背景上使用浅色文字,如蓝色文字以白色背景容易识别,而在红色背景则不易分辨。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色

  d.整个界面色彩尽量少的使用类别不同的颜色

  e.颜色方案也许会因为显示器、显卡、操作系统等原因显示出不同的色彩

  f.针对色盲、色弱用户,可以使用特殊指示符

  e.颜色方案也许会因为显示器、显卡、操作系统等原因显示出不同的色彩

  f.针对色盲、色弱用户,可以使用特殊指示符

21/212>
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号