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

用户界面设计用户界面设计报告文件状态： 草稿 正式发布 正在修改文件标识：Company-Project-SD-UI当前版本：1.0作 者：刘夏斐 肖明洋完成日期：2010-06-03版本/状态作者参与者起止日期备注起始版1.0刘夏斐肖明洋2010-06-03南阳理工学院软件学院 目 录1 文档介绍31.1 文档目的31.2 文档范围31.3读者对象31.4 参考文献31.5 术语与缩写解释32 应当遵循的界面设计规范43 界面的关系图和工作流程图4（1）数据对象E-R图5（2）、数据流程图5（3）、存款流程图6（4）、 取款流程图74 主界面85 子界面86 美学设计137 界面资源设计138 其他131 文档介绍1.1 文档目的本文档是在用户创建界面之前所写，在征求开发者意见的同时进行改进，主要是为了设计出一个让用户满意的良好的界面。1.2 文档范围列出了该软件在运行后所出现的各种界面，以及各个界面先后出现的顺序。1.3读者对象所有本组参加开发该项目的成员和银行方面的一些人员。1.4 参考文献软件工程导论（第5版）  张海藩  编着    清华大学出版社出版。1.5 术语与缩写解释SD系统设计，System Design缩写、术语解 释SPP精简并行过程，Simplified Parallel ProcessCurrent活期存款的相关信息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 其他界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力，因为用户在办理业务的同时面临着每一种业务所伴随的界面，不同的界面会带来不同的效果，很明显，一个好的界面会给用户一个好的印象。我们力争使改程序运行时出现的每一个界面给用户一种清新的感觉。