欢迎所有爱好软件测试的任人志士加入本空间!

界面设计规范

上一篇 / 下一篇  2008-03-04 09:40:46

界面设计规范

v twR Z?0~ y-^0

 

S I(f`6{0CY0

整理: 暗涧幽火       更新时间: 2008-03-03 16:10:28

4t` t8?y(Xxr0

 软件测试网 }aJ[ru$p.]|

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。设计良好的界面能够引导用户自己完成相应操作,起到向导作用。

{l}Y\0~9p"R6m r0

界面设计主要是为了达到以下目的:软件测试网X U2DWc7g*E

1)        以用户为中心。设计由用户控制的界面,而不是界面控制用户。

"m1{GpZf"u;r dA(|&t0

2)        清楚一致的设计。所有界面的风格保持一致,所有具有相同含义的术语保持一致,且易于理解和使用。软件测试网@9DZmE`xl

3)        拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻,来帮助用户能迅速学会软件的使用。

Hn(cqa0

4)        较快的响应速度。

p,`$B[#uA0

5)        简洁、美观。软件测试网n*g$nl c4G-_,K

以下规则应该重视:软件测试网$x%sh.ZI+ga zO

界面风格一致性软件测试网"g6D.I*N jKg6\

操作项

Ui{!tN'ew7c0

基本规范

+D\_,W\5f*vG0

UI色彩与字体软件测试网]Y*O3qKih

1  UI 字体,色彩要一致。

9JY)_CWA0

2  整体色彩搭配要融为一体,同时诸如CaptionButton 起提示、提交作用的部分要清楚,醒目。

wU3~0AOl Q&L:k$[0

3  不可修改的字段,统一使用灰色文字显示。(例:浏览页面、删除页面均需显示灰色)软件测试网/eWh cjB

窗口风格软件测试网dKIi:u7]+oK] A

1  所有窗口最大化、最小化风格要一致。软件测试网kP4DRZ(E"M)W

2  报错页面的风格一致,最好有统一的报错页面。

1i+vZ;C;F,NY8G0

3  类似功能的窗口打开的风格要一致。

g'kw;?(q9ij0

4  相同功能在不同模块的名称要一致。软件测试网/V"I.tz&A B[]

5  子窗体应尽量在显示在主窗体的左上或居中放置。

l Ky;h:NPvm0yp0

6  弹出式窗口应尽量在不借助水平和垂直滚动条的情况下显示所有内容。

4ODb|QO0

7  窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;不能只放大窗体而忽略控件的缩放。软件测试网,r"]zV_

8  父窗体支持缩放时,子窗体不必缩放。

Y@N5I-e8b0

9  实现自定义界面风格(可参考电子社区系统)软件测试网.u-s3}i1s?

布局与间距(待定)软件测试网R%O(B`6jj9P#O+Y

1  窗体控件布局和间距尽量与Windows标准保持一致。软件测试网pg2R9a%e!q{Q5d0Lc

2  按钮与窗体上、下、左、右之间的间距为

c6yJ*PE1B |e*w:i'Xg0

3  按钮之间的间距为

,u5?)vs$f J g]3N/|3I0

4  ……

:uQ5g&] y$wM0

菜单深度

4Wo8ej.]"H0

1  菜单深度一般不要超过三层软件测试网,A8T1s&g+q#r3N

2  菜单层次太多时,应给出返回主窗口、主分支的快捷链接。软件测试网-?5cy+|#SJ

    软件测试网.W)i V'wglZq

1  按钮风格相同,大小相似,标题字体保持一致,在整个系统中的显示位置要统一。软件测试网Yx5[;fqb1s

2  无效按钮要屏蔽。软件测试网otL1Lrp;X

    软件测试网d#c"N,A ^p

1  复选框和选项框按选择几率的高低而先后排列。软件测试网u'Bjo O

2  复选框和选项框要有默认选项,并支持Tab选择。软件测试网 x WBmL-\AaU

3  界面空间较小时使用下拉框而不用选择框。

~3O&?+Pru!}0

4  选项数较少时使用选项框,相反使用下拉列表框。软件测试网S-W:^:YL8t Mu

文本框输入软件测试网"h{Y6l^$S2Blj

操作项

&{6`Q@`:V}0

基本规范

$l KY%L f;^t(@;h0

b,H2cqB%{/fpoI&vT0

1)必输项中不可为空,不可输入空格

:v bFaPZM(y0

2)必输项给出必输项标识(*)。软件测试网M@:`"XUZ5zO

3)非必输项字段,Null 插入数据库时不会出错,在数据库中设置默认值。

L!T[ a+[obo0

字段长度

A2O8f1b^2x5b-w0

超过数据库规定长度时不允许输入,自动截断超长部分(注:2字符=1字)软件测试网wiP X;C E.g#z

格式校验软件测试网Ip F9y1W3XBJ~

1)身份证号、E-MAIL、邮箱等特定字段的格式要符合需求的规定。软件测试网"RL@9B k j9V

日期格式

U _"L(|+z5n5FLf0

1  日期显示格式一致,为 yyyy-mm-dd软件测试网 l?Ux'V

2  使用日期控件,则不可手工录入。

(]4zK-~f0

3  若允许手工输入:需做格式校验。不可输入字符串、汉字、特殊字符。

2|,z/kKvDyv0

4  若允许手工输入:对于日期段,需在截止日期小于开始日期时给出提示。软件测试网#b h]j'g+z4h U

特殊字符软件测试网H0j(d.~v#y&@c

1)输入区域输入特殊字符,插入数据库时不出错或提示不允许输入特殊字符。特殊字符包括:  “ =  @  `  ~  $  %  ^  % & #  @

]9O_-?e t[0

英文输入

GP3lNV*` c0

英文输入不区分大小写,不可输入汉字、数字及特殊字符

E%m9piT'v9oG0

数值字段软件测试网OL,m7i/P:W

只能输入+ ,— 0~9及功能键(

TAG:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

日历

« 2011-05-28  
1234567
891011121314
15161718192021
22232425262728
293031    

数据统计

  • 访问量: 8470
  • 日志数: 113
  • 图片数: 2
  • 建立时间: 2007-04-28
  • 更新时间: 2008-03-04

RSS订阅