XX系统用户界面设计说明.docx

《XX系统用户界面设计说明.docx》由会员分享，可在线阅读，更多相关《XX系统用户界面设计说明.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、XX系统用户界面设计说明 XX系统 用户界面设计报告 机构公开信息 版本历史 目录 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前置条

2、件 (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总后总结： (14) 0.文档介绍 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术语与缩写解释 1.应当遵循的界面设计规 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能 够引导用户自己完成相应的操作，起到

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

5、先后排列。 6):复选框和选项框要有默认选项，并支持Tab选择。 7):选项数相同时多用选项框而不用下拉列表框。 8):界面空间较小时使用下拉框而不用选项框。 9):选项数叫少时使用选项框，相反使用下拉列表框。 10):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。 2.界面的关系图和工作流程图 2.1前台管理完成界面功能一览 图2-1XX系统客户端界面关系及工作流程图 3.界面关系 3.1登录界面 3.1.1页面说明 登录页面为系统入口页面，只有通过登录方可使用系统，不同用户对应不同权限，权限不同的用户进入系统后的界面菜单项是不同的。 登录成功，转向主界面mai n.jsp。 权限信息参见3.XX权限设置页面。 3.1.2页面迁移图 补充说明: 登录对象标识功能操作 前台管理用户Login.aspx 是非锁定的经过审核的 注册用户登录到新闻管理页 面，管理员则登录到管登录 施工管理用户Login.aspx XX系统前台管理一览表 2.3界面关系及工作流程 2.3.1前台管理界面关系 修改密码搜索结果 查询结果_ 查询结果：缴费登记_ ：（详细资料（详细资料J 新客户入网7故障申请1停机申请 业务查询业务受理 前台管理主界面 后台管理主界面 - 施工管理主界面