宽带收管理系统用户界面设计..doc

宽带收费管理系统 用户界面设计报告 文件状态： [√] 草稿 [ ] 正式发布 [ ] 正在修改 文件标识： Hands-On-宽带收费管理系统-SD-UI 当前版本： 1.0 作 者： 完成日期： 07-03-14 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 1.0 新建 目 录 0.1 文档目的 4 0.2 文档范围 4 0.3 读者对象 4 0.4 参考文献 4 0.5 术语与缩写解释 4 1. 应当遵循的界面设计规范 4 1.1：易用性： 5 1.2易用性细则 5 2. 界面的关系图和工作流程图 5 2.1前台管理完成界面功能一览 5 2.3 界面关系及工作流程 6 2.3.1前台管理界面关系 6 3. 界面关系 6 3.1 登录界面 6 3.1.1 页面说明 6 3.1.2 页面迁移图 6 3.1.3 页面说明 7 3.1.4 前置条件 8 3.1.5 关联数据表 8 3.1.6 补充说明： 8 3.2 前台管理主界面 8 3.2.1 页面说明 8 3.2.2 页面迁移图 9 3.2.3 页面说明 9 3.3 入网登记单界面 11 3.3.1 页面说明 11 3.3.2 页面迁移图 11 3.3.3 页面说明 12 4．总后总结： 15 0. 文档介绍 0.1 文档目的 宽带收费管理系统《用户界面设计报告》。是为了开发宽带收费管理系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。 本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。 0.2 文档范围 本文档主要包含以下几部分： 1. 文档介绍 2. 界面设计规范 3. 界面关系图 4. 主界面说明 0.3 读者对象 本文档的读者主要包含以下几类： 1. 界面设计人员 2. 美工人员 3. 编码人员 4. 测试人员 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： [标识符] 作者，文献名称，出版单位（或归属单位），日期 例如： [AAA] 作者，《立项建议书》，机构名称，日期 [SPP-PROC-SD] SEPG，系统设计规范，机构名称，日期 0.5 术语与缩写解释 缩写、术语 解 释 GIF Graphics Interchange Format的缩写－图像交换格式的缩写 1. 应当遵循的界面设计规范 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。 用户原则: 1.1：易用性： 按钮名称应该易懂，用词准确，屏弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好, 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。 1.2易用性细则： 1):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 2):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 3):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 4):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。 5):复选框和选项框按选择几率的高底而先后排列。 6):复选框和选项框要有默认选项，并支持Tab选择。 7):选项数相同时多用选项框而不用下拉列表框。 8):界面空间较小时使用下拉框而不用选项框。 9):选项数叫少时使用选项框，相反使用下拉列表框。 10):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。 2. 界面的关系图和工作流程图 2.1前台管理完成界面功能一览 界面名称 界面标识 功能说明 宽带互联网入网登记单 accept_innet.aspx 填写客户的入网信息，提交客户入网信息。 前台管理首界面 Default.aspx 显示前台管理中的全部功能菜单。 缴费受理 fee.aspx. 提供缴费的条件。 缴费登记单 fee_print.aspx 显示对应客户的信息及帐户余额，填写客户缴费金额。 业务受理单 print.aspx 对驳回的业务受理进行信息修改。 业务受理单 print_result.aspx 显示搜索结果。 修改密码 user_manage.aspx 对用户的密码进行修改。 宽带收费管理系统前台管理一览表 2.3 界面关系及工作流程 2.3.1前台管理界面关系 图2-1宽带收费管理系统客户端界面关系及工作流程图 3. 界面关系 3.1 登录界面 3.1.1 页面说明 登录页面为系统入口页面，只有通过登录方可使用