银行取款系统用户界面设计报告样本.doc

银行取款系统用户界面设计报告样本

17
2020年4月19日
文档仅供参考
用户界面设计

用户界面设计报告
文件状态:
[√] 草稿
[ ] 正式发布
[ ] 正在修改
文件标识:
Company-Project-SD-UI
当前版本:
1.0
作 者:
刘夏斐 肖明洋
完成日期:
-06-03

版本/状态
作者
参与者
起止日期
备注
起始版1.0

刘夏斐肖明洋

-06-03

南阳理工学院软件学院

目 录
1 文档介绍 3
1.1 文档目的 3
1.2 文档范围 3
1.3读者对象 3
1.4 参考文献 3
1.5 术语与缩写解释 3
2 应当遵循的界面设计规范 4
3 界面的关系图和工作流程图 4
(1)数据对象E-R图 5
(2)、数据流程图 5
(3)、存款流程图 6
(4)、 取款流程图 7
4 主界面 8
5 子界面 8
6 美学设计 13
7 界面资源设计 13
8 其它 13

1 文档介绍
1.1 文档目的
本文档是在用户创立界面之前所写,在征求开发者意见的同时进行改进,主要是为了设计出一个让用户满意的良好的界面。
1.2 文档范围
列出了该软件在运行后所出现的各种界面,以及各个界面先后出现的顺序。
1.3读者对象
所有本组参加开发该项目的成员和银行方面的一些人员。
1.4 参考文献
<软件工程导论(第5版)>  张海藩  编着    清华大学出版社出版。
1.5 术语与缩写解释
SD
系统设计,System Design
缩写、术语
解 释
SPP
精简并行过程,Simplified Parallel Process
Current
活期存款的相关信息
Regular
定期存款的相关信息
CustomInfo
储户的相关信息
Account
储户银行账号
DepositDate
存款金额
DepositDate
存款日期
WithdrawalMoney
取款金额
WithdrawalDate
取款日期
Total
储户账户余额
Number
银行工作人员编号
Position
银行工作人员职务

2 应当遵循的界面设计规范
一个简洁的界面给人一种好的感觉,界面规范,总体原则以用户为中心,

3 界面的关系图和工作流程图
银行储蓄管理系统
登入系统
申请账 号
存款管理
取款管理
注销用户
查询管理
退出系统

库存余额

输入密码
输入取款信息
填表

储户

签名
清单生成程序

清单

(1)数据对象E-R图

身份证号码
性别
姓名
年龄
单位
性别
姓名

住址
住址
办理

储户
业务员

工资
年龄
N M

N N

余额
存/取款
管理

银行
1 M

联系方式
经理
名称

地址

(2)、数据流程图

重填

重输

有 误 错 误
1.1.1
核对
密码

1.1
验收
取款单

储户

取款单 需要密码 密码 D1 密码
(或银行卡)
正确

未留密码

取款单
1.2
计算
利息

信息
利息

2
打印
清单

1.4
处理
取款

1.3
更新
余额

储户

取款清单 取款信息 余额信息
现金

D3 取款信息 D2 余额信息

(3)、存款流程图

重填

储户
重填
D1 存款信息

填 出 存 信
表 错 款 息
1.2
更新存款信息
1.1
验收
存款单

储户

存款
需要设置
密码(可选)
(存折)

不需要密码
存款信息
1.2.1

设置
密码

密码 D2 密码

1.3
处理
存款

2
打印
存单

储户

存单 存款信息

(4)、 取款流程图

重填

重输

有 误 错 误
1.1.1
核对
密码

1.1
验收
取款单

储户

取款单 需要密码 密码 D1 密码
(或银行卡)
正确

未留密码

取款单
1.2
计算
利息

信息
利息

2
打印
清单

1.4
处理
取款

1.3
更新
余额

储户

取款清单 取款信息 余额信息
现金

D3 取款信息 D2 余额信息

4 主界面

5 子界面

6 美学设计
长宽接近黄金点比例,避免长宽比例失调、或宽度超过长度。布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。按钮的大小要与界面的大小和空间要协调。避免空旷的界面上放置很大的按钮。如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放。

7 界面资源设计
所设计界面的图像大多数来自互联网。

8 其它
界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力,因为用户在办理业务的同时面临着每一种业务所伴随的界面,不同的界面会带来不同的效果,很明显,一个好的界面会给用户一个好的印象。我们力争使改程序运行时出现的每一个界面给用户一种清新的感觉。