XX系统用户界面设计

1、文件状态： 草稿 正式发布 正在修改.xx 系统用户界面设计报告文件标识：xx 系统 -sd-ui当前版本：1.0作者：完成日期：10-03-14机构公开信息.版 本 历 史版本 /状态作者参与者起止日期备注1.0新建.目录0.1文档目的 .40.2文档范围 .40.3读者对象 .40.4参考文献 .40.5术语与缩写解释 .41.应当遵循的界面设计规范 .41.1：易用性： .51.2易用性细则 .52.界面的关系图和工作流程图 .52.1前台管理完成界面功能一览 .52.3界面关系及工作流程 .62.3.1 前台管理界面关系 .63.界面关系 .63.1登录界面 .63.1.1页面说明 .

2、63.1.2页面迁移图 .63.1.3页面说明 .73.1.4前置条件 .83.1.5关联数据表 .83.1.6补充说明： .83.2前台管理主界面 .83.2.1页面说明 .83.2.2页面迁移图 .93.2.3页面说明 .93.3入网登记单界面 .113.3.1页面说明 .113.3.2页面迁移图 .113.3.3页面说明 .124总后总结：.15.0. 文档介绍0.1文档目的xx 系统用户界面设计报告 。是为了开发 xx 系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。0.2文

3、档范围本文档主要包含以下几部分：1. 文档介绍2. 界面设计规范3. 界面关系图4. 主界面说明0.3读者对象本文档的读者主要包含以下几类：1. 界面设计人员2. 美工人员3. 编码人员4. 测试人员0.4参考文献提示： 列出本文档的所有参考文献（可以是非正式出版物），格式如下： 标识符 作者，文献名称，出版单位（或归属单位），日期例如：aaa 作者，立项建议书，机构名称，日期spp-proc-sdsepg，系统设计规范，机构名称，日期0.5术语与缩写解释缩写、术语解 释gifgraphics interchange format的缩写图像交换格式的缩写1. 应当遵循的界面设计规范界面是软件与

4、用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设.计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。用户原则 :1.1 ：易用性：按钮名称应该易懂，用词准确，屏弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好 , 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。1.2 易用性细则 ：1): 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。2): 按功能将界面划分局域块，用frame 框括起来 , 并要有功能说明或标题。3): 界面上首先应输入的和重要信息的控件在tab 顺序中应当靠前, 位置也应放在窗口上较醒目的位置。

5、4): 同一界面上的控件数最好不要超过10 个，多于10 个时可以考虑使用分页界面显示。5): 复选框和选项框按选择几率的高底而先后排列。6): 复选框和选项框要有默认选项，并支持tab 选择。7): 选项数相同时多用选项框而不用下拉列表框。8): 界面空间较小时使用下拉框而不用选项框。9): 选项数叫少时使用选项框，相反使用下拉列表框。10): 专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。2. 界面的关系图和工作流程图2.1 前台管理完成界面功能一览界面名称界面标识功能说明宽带互联网入网登记单accept_innet.aspx填写客户的入网信息，提交客户入网信息。前台

6、管理首界面default.aspx显示前台管理中的全部功能菜单。缴费受理fee.aspx.提供缴费的条件。缴费登记单fee_print.aspx显示对应客户的信息及帐户余额，填写客户缴费金额。业务受理单print.aspx对驳回的业务受理进行信息修改。业务受理单print_result.aspx显示搜索结果。修改密码user_manage.aspx对用户的密码进行修改。.xx系统前台管理一览表2.3界面关系及工作流程2.3.1前台管理界面关系前台管理界面修改密码搜索结果业务查询缴费受理业务受理查询结果查询结果缴费登记故障申请详细资料详细资料新客户入网停机申请图 2-1xx 系统客户端界面关系及

7、工作流程图3. 界面关系3.1登录界面3.1.1页面说明登录页面为系统入口页面，只有通过登录方可使用系统，不同用户对应不同权限，权限不同的用户进入系统后的界面菜单项是不同的。登录成功，转向主界面main.jsp 。权限信息参见3.xx 权限设置页面。3.1.2页面迁移图前台管理主界面登录主界面后台管理主界面施工管理主界面补充说明：登录对象标识功能操作前台管理用户login.aspx是非锁定的经过审核登录的注册用户登录到新闻管施工管理用户login.aspx理页面，管理员则登录到管.后台管理用户login.aspx理员管理页面 .3.1.3页面说明3.1.3.1界面原型图 3-1xx 系统登录界

8、面login.aspx3.1.3.2输入控件名称控件类型栏目名称必填约束初值usernametext用户名最小值 10000passwordpassword密码非空6-10 位loginbuttonsubmit提交补充说明3.1.3.3 处理动作步骤处理说明填写信息1输入用户名、密码点击登录2单击“登录按钮”进行验证3判断用户是否输入，若无，提示输入判断资料4判断用户名、密码是否合法返回信息5显示提示信息“您的登录尝试不成功。请重试。”.3.1.3.4输出控件名称控件类型栏目名称说明3.1.4前置条件前置条件说明3.1.5关联数据表数据表说明bbc_employee存储用户的用户编号和密码读写

9、数据表时的注意事项，若简单读取，可空白补充说明3.1.6补充说明：对于此界面的其他补充说明。3.2前台管理主界面3.2.1页面说明显示前台管理中的全部功能菜单。通过功能菜单进入相应得的功能界面，主显示区域显示主要业务申请入网申请，停机申请，故障申请。单击入网申请按钮，进入新客户入网登记单界面。.3.2.2页面迁移图前台管理界面业务受理缴费受理业务查询搜索结果修改密码补充说明：宽带受理和业务受理是同一个界面。3.2.3页面说明3.2.3.1界面原型故障申请停机申请新客户入网缴费登记查询结果详细资料查询结果详细资料.3.2.3.2 输入控件名称控件类型栏目名称必填约束初值txtaidtextbox

10、业务记录查询最小值 10000ddltpyedropdownlist驳回的业务类型设定值：入网申请/ 停机申 入网申请请/故障申请。btninnetinput业务受理入网申请btnstopinput业务受理停机申请btntroubleinput业务受理故障申请补充说明界面中和还有些相同的功能，其控件基本上相似就不在这里一一列出。3.2.3.3处理业务记录查询处理：动作步骤处理说明填写受理编号1输入受理编号，非空点击搜索2单击“搜索”进行验证3判断用户是否输入，若无，提示输入打开页面4打开处理结果页面选择业务类型处理：动作步骤处理说明选择下拉1选择不同的业务受理类型显示记录2显示选择的驳回业务受

11、理记录业务受理处理：动作步骤处理说明单击按钮1单击需要受理的处理按钮打开新界面2显示进行的业务受理记录单3.2.3.4 输出控件名称控件类型栏目名称说明gvlistgridview驳回业务受理记录显示被审核驳回的受理记录.3.2.3.4前置条件前置条件说明成功登录系统用户使用合法的帐号成功登陆宽带管理系统3.2.3.5关联数据表数据表说明客户信息表存储客户信息的表(bbc_customer 表)业务受理表用业务受理表进行保存。实际工作的流程中，业务受理需要业务(bbc_accept)受理号，受理人编号，时间日期，审核人编号，要求等字段内容服务类型表业务的种类控制也需要进行管理(bbc_serv

12、ice)业 务受 理类别 表在业务受理的时候对业务信息进行区分(bbc_accept_type)暂无补充说明3.2.3.6补充说明：对于此界面的其他补充说明。3.3入网登记单界面3.3.1页面说明入网登记单界面显示了入网客户需要填写的各项信息， 并且对填写的信息做基本的验证，同时提供了入网登记单的打印功能。入网登记单提交完成以后，自动生成业务受理记录。客户入网成功以后弹出提示信息，失败同样显示提示信息。3.3.2页面迁移图业务受理新客户入网提示信息补充说明：用户填写客户填写基本资料，提交通过脚本检测：通过验证提交服务器程序处理，同时显示提示信息。验证没有通过，返回页面同时显示各项提示信息。.3

13、.3.3页面说明3.3.3.1界面原型3.3.3.2输入.控件名称控件类型栏目名称必填约束初值rbl_innetradiobuttonlist接入方式定制（注释1）tbnametextbox客户姓名最多 8 字符rblpaperradiobuttonlist有效证件定制（注释2）tbpaperntextbox证件号码最长字符数 18rbluser_typeradiobuttonlist客户类别定制（注释3）tbaddresstextbox通信地址最长字符数 50tbpastalcodetextbox邮政编码6 位tblinkmantextbox联系人最多 8 字符tbemailtextbox常

14、用 email电子邮件地址tbunitstextbox单位最多 50字符tbsetaddtextbox安装地址最多 50字符tbphonetextbox联系电话最多 5 位区号最多8 号码rblservice_content1radiobuttonlist组网方式定制（注释4）rblservice_content2radiobuttonlist速率定制（注释5）rblservice_content3radiobuttonlist施工方式定制（注释6）rblservice_content4radiobuttonlist是否调试定制（注释7）rblservice_content5radiobutt

15、onlist用户端设备定制（注释8）rblservice_content6radiobuttonlist缴费周期定制（注释9）ddlservertypedropdownlist服务类别定制（注释10）rblservice_content7radiobuttonlist是否优惠定制（注释11）tbmemotextbox备注最多 100 字符tbuserrequretextbox客户要求最多 100 字符注释说明表：编号项目定制内容1接入方式 adsl 接入 lan 接入2有效证件身份证 军官证 护照 户口簿 工商营业执照3客户类别个人 单位 网吧 单位局域网4组网方式虚拟拨号专线 其它5速率 5

16、12k 1m 1.5m 2m 4m 6m6施工方式电话加装 adsl 装电话和 adsl装 adsl isdn 改装 adsl7是否需要调试是 否8用户端设备用户自备 租用 借用 免费提供 其它9缴费周期每月 半年 每季度 一年10是否优惠是 否11服务类别60 元包月， 2m 600 元包年， 2m 计时 2 元/小时12受理类别入网停机故障13审核状态等待通过驳回.3.3.3.3处理动作步骤处理说明填写客户资料1输入受理编号，非空点击提交申请2单击“提交申请”按钮进行验证3判断用户输入是否合法，若无后非法，提示输入显示提示信息4服务器程序进行处理，返回提示信息3.3.3.4输出控件名称控件类型栏目名称说明lb_c_idlabel客户帐号显示客户提交成功以后的客户帐号lb_a_idlabel受理编号显示客户提交成功以后的受理编号3.2.3.4前置条件前置条件说明成功登录系统用户使用合法的帐号成功登陆宽带管理