最新网上银行交互界面分析和设计

网上银行系统交互界面分析和设计 1

1.对象建模分析

2

3

图1银行系统用例图 4

5

2.视图抽象设计 6

网上银行系统中的交互视图可能包括：用户登录视图，用户个人信息查询视7

图，用户交易信息查询视图，转账服务视图，密码修改视图，转账信息填写视8

图， 交易情况反馈视图等。 9

10

3.概要设计（以登录视图、交易信息查询视图为例）

11

Aih lgk

用户名

密码验证码 12

图3-1 用户登录视图

13

交易号 交易时间 转账金额 交易类型 交易摘要 转账方 接收方 …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… ……

打印上一页下一页输入文本查询条件查询

14

图3-2 交易信息查询视图

15

4.视图的关联设计 16 系统首页忘记密码账户挂失登录交易信息查询注册个人信息查询转账服务

密码修改找回密码转账信息填写

转账信息确认帮助页面

退出确认

转账成功票单

显示

失败页面 17

图4 视图之间的关联设计 18

19

5.视图的全面设计（网上银行系统logo ） 20

21