一步一步教你学写测试用例 6

如果是一个软件的UI，那么在它的形成之前肯定有一份特殊的构造文档，以下是为ATM取款机写的《创意设计概要》，文档内容是这样的：

ATM取款机系统创意设计概要
登录ATM取款机UI设计
版本 1.0
修订历史记录
日期   版本 说明   作者
21/Dec/98 1.0 初始版本   Fastpoint
目录
1.简介
2.概述
3.直观地功能（风格）
4.确定色彩方案
5.字体
6.屏幕布局
7.图形标准
8.其它标准
9.个性化元素
10.结论

登录ATM取款机UI设计

1. 简介
1.1 目的
本文档将说明在ATM取款机系统的用户界面 (UI) 设计中所采用的标准。
1.2 范围
本文档包括在此 Web 站点中使用的所有 UI 元素。
1.3 定义、首字母缩写词和缩略语
请参见词汇表。
1.4 参考

2. 概述

ATM取款机的可视化元素采用同真实银行ATM机器一致的外观元素，除此之外所有和ATM动作联动的硬件功能由软件模拟绘制，大体上，它将保持同真实银行ATM机器一致的视觉和操作效果。


3. 直观地功能（风格）

ATM取款机的用户操作功能，例如插卡、打印票据等功能由软件模拟，整体外观设计趋于保守。排除一切花哨不切实际的元素，例如ATM的广告效果。


4. 确定色彩方案
采用冷色和中性色，亮色或暖色可用作强调。

图4-1 - ATM取款机调色板

在ATM取款机上，将利用色彩来区分背景和活动业务区域。在ATM取款机中，模拟机身背景为标准的灰色。所有的正文文字都是黑色（警告除外，采用红色），相对于各种活动业务背景颜色都为白色。


5. 字体
功能操作字体设定: 字体Dialog,样式无格式，大小12。
业务提示字体设定: 字体Dialog,样式粗体 ，大小16。

6. 屏幕布局

屏幕长宽限制在 640 个象素 X 480 个象素，坐标X 0 、Y 0、宽 640、高 480。活动业务区长宽限制在 270 个象素 X 210 个象素，坐标X 30 、Y 30、宽 270、高 210。



图4-2 - 屏幕布局标准
功能区块将包含帮助键、小数字键盘。动作模拟区块将包含所有用户触发行为键。
7. 图形标准
ATM取款机取消动画和其它图像设置。
8. 其它标准
在下次迭代中确定。
9. 个性化元素
警告字体采用红色。
10. 结论
该ATM取款机应该易于操作、浏览，并具有较快的反馈速度。

版权归属深圳北大测试所有，如需转载，请注明出处！
上一篇：一步一步教你学写测试用例 5   下一篇：一步一步教你学写测试用例 7