用户界面设计实用模板.doc

《用户界面设计实用模板.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、宽带收费管理系统用户界面设计报告文件状态：[√]草稿[]正式发布[]正在修改文件标识：宽带收费管理系统-SD-UI当前版本：1.0作者：完成日期：07-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页面说明6

2、3.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．总后总结：150.文档介绍0.1文档目的宽带收费管理系统《用户界面设计报告》。是为了开发宽带收费管理系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的

3、依据。0.2文档围本文档主要包含以下几部分：1.文档介绍2.界面设计规3.界面关系图4.主界面说明0.3读者对象本文档的读者主要包含以下几类：1.界面设计人员2.美工人员3.编码人员4.测试人员0.4参考文献提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下：[标识符]作者，文献名称，出版单位（或归属单位），日期例如：[AAA]作者，《立项建议书》，机构名称，日期[SPP-PROC-SD]SEPG，系统设计规，机构名称，日期0.5术语与缩写解释缩写、术语解释GIFGraphicsInterchangeFormat的缩写－图

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

5、先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。4):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。5):复选框和选项框按选择几率的高底而先后排列。6):复选框和选项框要有默认选项，并支持Tab选择。7):选项数相同时多用选项框而不用下拉列表框。8):界面空间较小时使用下拉框而不用选项框。9):选项数叫少时使用选项框，相反使用下拉列表框。10):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。2.界面的关系图和工作流程图2.1前台管理完成界面功能一览界

6、面名称界面标识功能说明宽带互联网入网登记单accept_innet.aspx填写客户的入网信息，提交客户入网信息。前台管理首界面Default.aspx显示前台管理中的全部功能菜单。缴费受理fee.aspx.提供缴费的条件。缴费登记单fee_print.aspx显示对应客户的信息及余额，填写客户缴费金额。业务受理单print.aspx对驳回的业务受理进行信息修改。业务受理单print_result.aspx显示搜索结果。修改密码user_manage.aspx对用户的密码进行修改。宽带收费管理系统前台管理一览表2.3界面关系及工作流程

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

8、.1.3页面说明3.1.3.1界面原型图3-1宽带收费管理系统登录界面login.aspx3.1.3.2输入控件名称控件类型栏目名称必填约束初值Usernametext用户名√最小值10000Passwordpasswo