XX系统用户界面设计

《XX系统用户界面设计》由会员分享，可在线阅读，更多相关《XX系统用户界面设计（25页珍藏版）》请在装配图网上搜索。

1、XX系统用户界面设计报告文件状态：文件标XX 系统-SD-UI切草稿识：正式发布当前版1.0正在修改本：作者：完成日10-03-14期：版本历史版本/状态作者参与者起止日期备注1.0新建目录0.1 文档目的 50.2 文档范围 50.3 读者对象 50.4 参考文献 50.5 术语与缩写解释 51. 应当遵循的界面设计规范 6.1.1 ：易用性： 61.2 易用性细则 62. 界面的关系图和工作流程图 7.2.1 前台管理完成界面功能一览 7.2.3 界面关系与工作流程 8.2.3.1 前台管理界面关系 8.3. 界面关系 93.1 登录界面 93.1.1 页面说明 93.1.2 页面迁移图

2、93.1.3 页面说明 103.1.4 前置条件 113.1.5 关联数据表 113.1.6 补充说明： 123.2 前台管理主界面 123.2.1 页面说明 123.2.2 页面迁移图 123.2.3 页面说明 133.3 入网登记单界面 163.3.1 页面说明 163.3.2 页面迁移图 173.3.3 页面说明 184 总后总结： 230.文档介绍0.1文档目的XX系统用户界面设计报告。是为了幵发XX系统而编写，主要面向 系统分析员、程序员、测试员、实施员和最终用户。本说明书是整个软件幵发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。0.2文档范围本文档主要包

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

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

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

6、缴费登记单fee_pri nt.aspx显示对应客户的信息与帐户余 额，填写客户缴费金额。业务受理单prin t.aspx对驳回的业务受理进行信息修 改。界面名称界面标识功能说明宽带互联网入acceptnn et.aspx填写客户的入网信息，提交客户网登记单入网信息。前台管理首界Default.aspx显示前台管理中的全部功能菜面单。缴费受理fee.aspx.提供缴费的条件。缴费登记单fee_pri nt.aspx显示对应客户的信息与帐户余 额，填写客户缴费金额。业务受理单prin t.aspx对驳回的业务受理进行信息修 改。业务受理单prin t_result.aspx显示搜索结果。修改密码

7、user_ma nage.aspx对用户的密码进行修改。XX系统前台管理一览表2.3界面关系与工作流程231前台管理界面关系前台管理界面:修改密码搜索结果业务查询缴费受理业务受理十（缴费登2（详细资料）（详细资料）I新客户入网故障申请*停机申请图2-1XX系统客户端界面关系与工作流程图3. 界面关系 3.1登录界面页面说明登录页面为系统入口页面，只有通过登录方可使用系统，不同用户对应 不同权限，权限不同的用户进入系统后的界面菜单项是不同的。登录成功，转向主界面 main.jsp。权限信息参见3.XX权限设置页面。页面迁移图1、前台管理主界面后台管理主界面施工管理主界面补充说明:登录对象标识功能

8、操作前台管理用户Log in. aspx是非锁定的经 过审核的注册用户 登录到新闻管理页 面，管理员则登录 到管理员管理页 面.登录施工管理用户Log in. aspx后台管理用户Log in. aspx页面说明3.131界面原型图3-1XX 系统登录界面login.aspx3.1.3.2 输入控件名称控件类型栏目名称必填约束初值Usernamtext用户名V最小值e10000Passwordpasswor密码V非空d6-10 位Log in Butsubmit提交ton补充说明3.133 处理动作步骤处理说明填写信息1输入用户名、密码点击登录2单击“登录按钮”进行验证3判断用户是否输入，若无

9、，提示输入判断资料4判断用户名、密码是否合法返回信息5显示提示信息 您的登录尝试不成功。请重试。3.134输出控件名称控件类型栏目名称说明前置条件前置条件说明关联数据表数据表说明BBC_EMPLO存储用户的用户编号和密码YEE补充说明读写数据表时的注意事项，若简单读取，可空白补充说明：对于此界面的其他补充说明3.2前台管理主界面页面说明显示前台管理中的全部功能菜单。通过功能菜单进入相应得的功能界面, 主显示区域显示主要业务申请一入网申请，停机申请，故障申请。单击入网申请按钮，进入新客户入网登记单界面。页面迁移图:前台管理界面业务受理费受理i故障申请停机申请、新客户入网（缴费登记）业务查询查询结

10、甲.搜索结果详细资料.查询结果，. 修改密码一详细资料.补充说明:宽带受理和业务受理是同一个界面323页面说明323.1界面原型Handsn烫:带收费管理聚统這主醱淫I曲企占代I业务酬 I理出入网申请j 帧画厂|戶画丽口土务记全査为:i*当前用户程喜用户隹号：10XD苗C 哼碗谒I入啣舸霑户壽户甘窑IQ0431伽1L1入阿10U45laoat11AFTKT100571OD38111AH1001?10055律飞AF?1001910K7n費几网10 LOT1O3S6amAR关于剧1 |联草卸 |阳尸那!| |站点姬囲子昌頁训仃系6 .版杖昕石dpTri臨13BIS All冇丁也辛.WW迂忡甲車1?

11、用户停用10銅C0乩耀空佰3.232输入控件名称控件类型栏目名称必填约束初值txtAidTextBox业务记录查最小值10000询ddITpyeDropDow n驳回的业务V设定值：入网申请/入网申List类型停机申请/故障申请请。btnlnNetIn put业务受理入网申请btn StopIn put业务受理停机申请btn TroubleIn put业务受理故障申请补充说明界面中和还有些相同的功能，其控件基本上相似就不在这里 一一列出。3.233处理业务记录查询处理:动作步骤处理说明填写受理编号1输入受理编号，非空点击搜索2单击“搜索”进行验证3判断用户是否输入，若无，提示输入打幵页面4打幵

12、处理结果页面选择业务类型处理:动作步处理说明骤选择下拉1选择不同的业务受理类型显示记录2显示选择的驳回业务受理记录业驱理：人風申谓再机斬昏故龍申谓业务受理处理：动作步骤处理说明单击按钮1单击需要受理的处理按钮打幵新界面2显示进行的业务受理记录单323.4 输出控件名称控件类型栏目名称说明gvListGridVie w驳回业务受理记录显示被审核驳回的受理记录323.4 前置条件前置条件说明成功登录系统用户使用合法的帐号成功登陆宽带管理系统323.5 关联数据表数据表说明客户 信 息 表(BBC_CUSTOMER表)存储客户信息的表业务受理表(BBC_ACCEPT)用业务受理表进行保存。实际工作的

13、流程中， 业务受理需要业务受理号，受理人编号，时 间日期，审核人编号，要求等字段内容服务类型表(BBC_SERVICE)业务的种类控制也需要进行管理业务受理类别表(BBC_ACCEPT_T YPE)在业务受理的时候对业务信息进行区分补充说明暂无3.236 补充说明：对于此界面的其他补充说明3.3入网登记单界面 页面说明入网登记单界面显示了入网客户需要填写的各项信息，并且对填写的 信息做基本的验证，同时提供了入网登记单的打印功能。入网登记单提交完成以后，自动生成业务受理记录。客户入网成功以后弹出提示信息，失败同样显示提示信息332页面迁移图（业务受理新客户入网提示信息补充说明：用户填写客户填写基

14、本资料，提交通过脚本检测：通过验证提交服务器 程序处理，同时显示提示信息。验证没有通过，返回页面同时显示各项提 示信息。页面说明界面原型宽带互联网入网登记申业诲捱至!娜自标昱朗表顶诩应塞必埴运2D58客户惓号:10D60按：广rtIBh捋入广LAJMsrsw害尸览咼）r：1 *有滋证伴：厂身跻述C罕宜迁C护照广户匚广簿口工商鱼业数脑*at件号码：14c用尸蠢孰1：平人厂車住广阴吧广舷局痙阿客尸妥聿；d zl単位:1 1 夕敢Si码；联至人：1 章禺电话：11Rfflfeu:1宝装1A址：1 1*比.1序备顶目悄岳户忧靈吕护坯需显T1帰TlfflX琛S3材力式：C虚拟按号厂专违苴它訂印入阵登记单

15、3.332 输入控件名称控件类型栏目名称必填约束初值RBL_i nn etRadioBut ton List接入方式V定制（注释1）TbNameTextBox客户姓名V最多8字符RBLPaperRadioBut ton List有效证件V定制（注释2）TBPapernTextBox证件号码V最长字符数18RBLUser_typeRadioBut ton List客户类别V定制（注释3）TBAddressTextBox通信地址V最长字符数50TBPastalcodeTextBox邮政编码X6位Tbli nkma nTextBox联系人V最多8字符TBEmailTextBox常用EmailX电子邮

16、件地址TBU nitsTextBox单位V最多50字符TBSetAddTextBox安装地址V最多50字符TBphoneTextBox联系电话V最多5位区号最多8号码控件名称控件类型栏目名称必填约束初值RBLService_con te nt1RadioBut ton List组网方式V定制（注释4）RBLService_con te nt2RadioBut ton List速率V定制（注释5）RBLService_con te nt3RadioBut ton List、.八亠 、亠 【、施丄方式V定制（注释6）RBLService_content4RadioBut ton List是否调试V

17、定制（注释7）RBLService_con te nt5RadioBut ton List用户端设备V定制（注释8）RBLService_c on te nt6RadioBut ton List缴费周期V定制（注释9）DDLServerTypeDropDow n List服务类别V定制（注释10）RBLService_con te nt7RadioBut ton List是否优惠定制（注释11 ）TBMemoTextBox备注V最多100字符TBUserRequreTextBox客户要求X最多100字符注释说明表:编号项目定制内容1接入方式ADSL接入CLAN接入2有效证件身份证军官证护照户口

18、簿工商营业执照3客户类别个人单位网吧单位局域网4组网方式虚拟拨号专线其它5速率512K QM Q.5M PM DIM C6M6、.八亠 、亠 【、施丄方式电话加装ADSL 装电话和ADSL 装ADSLSDN 改装 ADSL7是否需要调试是否8用户端设备用户自备租用借用免费提供其它9缴费周期每月半年 每季度 一年10是否优惠是否11服务类别50元包月，2M 600元包年，2M 计 时2元/小时12受理类别入网停机故障13审核状态等待通过驳回3.333 处理动作步骤处理说明填写客户资1输入受理编号，非空料点击提交申请2单击“提交申请”按钮进行验证3判断用户输入是否合法，若无后非法，提示输入显示提示

19、信息4服务器程序进行处理，返回提示信息333.4 输出控件名称控件类型栏目名称说明LB_CDLabel客户帐号显示客户提交成功以后的客户帐号lb_a_idLabel受理编号显示客户提交成功以后的受理编号323.4 前置条件前置条件说明成功登录系统用户使用合法的帐号成功登陆宽带管理系统323.5 关联数据表数据表说明客户 信 息 表存储客户信息的表(BBC_CUSTOMER表)业务受理表用业务受理表进行保存。实际工作的流程中，(BBC_ACCEPT)业务受理需要业务受理号，受理人编号，时间日期，审核人编号，要求等字段内容服务类型表业务的种类控制也需要进行管理(BBC_SERVICE)业务受理类别表在业务受理的时候对业务信息进行区分(BBC_ACCEPT_T YPE)补充说明暂无3.236 补充说明：对于此界面的其他补充说明4 .总后总结：项目中的其余界面学习者自己书写用户界面设计