宽带收费管理系统用户界面设计报告机构公开信息版本历史目录文档目的 ................................................................................................... 错误!未定义书签。

文档范围 ................................................................................................... 错误!未定义书签。

读者对象 ................................................................................................... 错误!未定义书签。

参考文献 ................................................................................................... 错误!未定义书签。

术语与缩写解释........................................................................................ 错误!未定义书签。

1. 应当遵循的界面设计规范............................................................................. 错误!未定义书签。

：易用性：.................................................................................................. 错误!未定义书签。

易用性细则.................................................................................................. 错误!未定义书签。

2. 界面的关系图和工作流程图......................................................................... 错误!未定义书签。

前台管理完成界面功能一览...................................................................... 错误!未定义书签。

界面关系及工作流程................................................................................ 错误!未定义书签。

前台管理界面关系.............................................................................. 错误!未定义书签。

3. 界面关系 ........................................................................................................ 错误!未定义书签。

登录界面 ................................................................................................... 错误!未定义书签。

页面说明............................................................................................ 错误!未定义书签。

页面迁移图........................................................................................ 错误!未定义书签。

页面说明............................................................................................ 错误!未定义书签。

前置条件............................................................................................ 错误!未定义书签。

关联数据表........................................................................................ 错误!未定义书签。

补充说明：........................................................................................ 错误!未定义书签。

前台管理主界面........................................................................................ 错误!未定义书签。

页面说明............................................................................................ 错误!未定义书签。

页面迁移图........................................................................................ 错误!未定义书签。

页面说明............................................................................................ 错误!未定义书签。

入网登记单界面........................................................................................ 错误!未定义书签。

页面说明............................................................................................ 错误!未定义书签。

页面迁移图........................................................................................ 错误!未定义书签。

页面说明............................................................................................ 错误!未定义书签。

4．总后总结：.................................................................................................... 错误!未定义书签。

0. 文档介绍文档目的宽带收费管理系统《用户界面设计报告》。

是为了开发宽带收费管理系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。

本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。

本文也是项目完成后系统验收的依据。

文档范围本文档主要包含以下几部分：1. 文档介绍2. 界面设计规范3. 界面关系图4. 主界面说明读者对象本文档的读者主要包含以下几类：1. 界面设计人员2. 美工人员3. 编码人员4. 测试人员参考文献提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下：[标识符] 作者，文献名称，出版单位（或归属单位），日期例如：[AAA]作者，《立项建议书》，机构名称，日期[SPP-PROC-SD]SEPG，系统设计规范，机构名称，日期术语与缩写解释1. 应当遵循的界面设计规范界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。

而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。

用户原则:：易用性：按钮名称应该易懂，用词准确，屏弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好, 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。

易用性细则：1):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。

2):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。

3):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。

4):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。

5):复选框和选项框按选择几率的高底而先后排列。

6):复选框和选项框要有默认选项，并支持Tab选择。

7):选项数相同时多用选项框而不用下拉列表框。

8):界面空间较小时使用下拉框而不用选项框。

9):选项数叫少时使用选项框，相反使用下拉列表框。

10):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。

2. 界面的关系图和工作流程图前台管理完成界面功能一览宽带收费管理系统前台管理一览表界面关系及工作流程2.3.1前台管理界面关系图2-1宽带收费管理系统客户端界面关系及工作流程图3. 界面关系登录界面3.1.1 页面说明登录页面为系统入口页面，只有通过登录方可使用系统，不同用户对应不同权限，权限不同的用户进入系统后的界面菜单项是不同的。

登录成功，转向主界面。

权限信息参见权限设置页面。

3.1.2 页面迁移图补充说明：后台管理用户理员管理页面.3.1.3 页面说明3.1.3.1 界面原型图3-1宽带收费管理系统登录界面3.1.3.2 输入控件名称控件类型栏目名称必填约束初值Username text用户名√最小值10000Password password密码√非空6-10位LoginButton submit提交补充说明3.1.3.3 处理动作步骤处理说明填写信息1输入用户名、密码点击登录2单击“登录按钮”进行验证3判断用户是否输入，若无，提示输入判断资料4判断用户名、密码是否合法返回信息5显示提示信息“您的登录尝试不成功。