系统用户界面设计Word文档下载推荐.docx

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

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

3、5）:复选框和选项框按选择几率的高底而先后排列。6）:复选框和选项框要有默认选项，并支持Tab选择。7）:选项数相同时多用选项框而不用下拉列表框。8）:界面空间较小时使用下拉框而不用选项框。9）:选项数叫少时使用选项框，相反使用下拉列表框。10）:专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。2. 界面的关系图和工作流程图2.1前台管理完成界面功能一览界面名称界面标识功能说明宽带互联网入网登记单accept_innet.aspx填写客户的入网信息，提交客户入网信息。前台管理首界面Default.aspx显示前台管理中的全部功能菜单。缴费受理fee.aspx.提供缴费的条件

4、。缴费登记单fee_print.aspx显示对应客户的信息及帐户余额，填写客户缴费金额。业务受理单print.aspx对驳回的业务受理进行信息修改。print_result.aspx显示搜索结果。修改密码user_manage.aspx对用户的密码进行修改。XX系统前台管理一览表2.3 界面关系及工作流程2.3.1前台管理界面关系图2-1XX系统客户端界面关系及工作流程图3. 界面关系3.1 登录界面3.1.1 页面说明登录页面为系统入口页面，只有通过登录方可使用系统，不同用户对应不同权限，权限不同的用户进入系统后的界面菜单项是不同的。登录成功，转向主界面main.jsp。权限信息参见3.XX

5、权限设置页面。3.1.2 页面迁移图补充说明：登录对象标识功能操作前台管理用户Login.aspx是非锁定的经过审核的注册用户登录到新闻管理页面，管理员则登录到管理员管理页面.登录施工管理用户后台管理用户3.1.3 页面说明3.1.3.1 界面原型图 3-1XX系统登录界面login.aspx3.1.3.2 输入控件名称控件类型栏目名称必填约束初值Usernametext用户名最小值10000Passwordpassword密码非空6-10位LoginButtonsubmit提交补充说明3.1.3.3 处理动作步骤处理说明填写信息1输入用户名、密码点击登录2单击“登录按钮”进行验证3判断用户是

6、否输入，若无，提示输入判断资料4判断用户名、密码是否合法返回信息5显示提示信息“您的登录尝试不成功。请重试。”3.1.3.4 输出说明3.1.4 前置条件前置条件3.1.5 关联数据表数据表BBC_EMPLOYEE存储用户的用户编号和密码读写数据表时的注意事项，若简单读取，可空白3.1.6 补充说明：对于此界面的其他补充说明。3.2 前台管理主界面3.2.1 页面说明通过功能菜单进入相应得的功能界面，主显示区域显示主要业务申请入网申请，停机申请，故障申请。单击入网申请按钮，进入新客户入网登记单界面。3.2.2 页面迁移图 宽带受理和业务受理是同一个界面。3.2.3 页面说明3.2.3.1 界面

7、原型3.2.3.2 输入txtAidTextBox业务记录查询ddlTpyeDropDownList驳回的业务类型设定值：入网申请/停机申请/故障申请。入网申请btnInNetInput业务受理btnStop停机申请btnTrouble故障申请界面中和还有些相同的功能，其控件基本上相似就不在这里一一列出。3.2.3.3 处理业务记录查询处理：填写受理编号输入受理编号，非空点击搜索 单击“搜索”打开页面打开处理结果页面选择业务类型处理：选择下拉选择不同的业务受理类型显示记录显示选择的驳回业务受理记录业务受理处理：单击按钮单击需要受理的处理按钮打开新界面 显示进行的业务受理记录单3.2.3.4 输

8、出gvListGridView驳回业务受理记录显示被审核驳回的受理记录3.2.3.4 前置条件成功登录系统用户使用合法的帐号成功登陆宽带管理系统3.2.3.5 关联数据表客户信息表（BBC_CUSTOMER表）存储客户信息的表业务受理表（BBC_ACCEPT）用业务受理表进行保存。实际工作的流程中，业务受理需要业务受理号，受理人编号，时间日期，审核人编号，要求等字段内容服务类型表（BBC_SERVICE）业务的种类控制也需要进行管理业务受理类别表（BBC_ACCEPT_TYPE）在业务受理的时候对业务信息进行区分暂无3.2.3.6 补充说明：3.3 入网登记单界面3.3.1 页面说明 入网登记

9、单界面显示了入网客户需要填写的各项信息，并且对填写的信息做基本的验证，同时提供了入网登记单的打印功能。 入网登记单提交完成以后，自动生成业务受理记录。 客户入网成功以后弹出提示信息，失败同样显示提示信息。3.3.2 页面迁移图用户填写客户填写基本资料，提交通过脚本检测：通过验证提交服务器程序处理，同时显示提示信息。验证没有通过，返回页面同时显示各项提示信息。3.3.3 页面说明3.3.3.1 界面原型3.3.3.2 输入RBL_innetRadioButtonList接入方式定制（注释1）TbName客户姓名最多8字符RBLPaper有效证件定制（注释2）TBPapern证件号码最长字符数18

10、RBLUser_type客户类别定制（注释3）TBAddress通信地址最长字符数50TBPastalcode邮政编码6位Tblinkman联系人TBEmail常用Email电子邮件地址TBUnits单位最多50字符TBSetAdd安装地址TBphone联系电话最多5位区号最多8号码RBLService_content1组网方式定制（注释4）RBLService_content2速率定制（注释5）RBLService_content3施工方式定制（注释6）RBLService_content4是否调试定制（注释7）RBLService_content5用户端设备定制（注释8）RBLService_content6缴费周期定制（注释9）DDLServerType服务类别定制（注释10）RBLService_content7是否优惠定制（注释11）TBMemo最多100字符TBUser