用户界面设计模板

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

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

2、界面关系63.1登录界面63.1.1页面说明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书籍名称-15-0.文档介绍0.1文档目的OA办公系统《用户界面设计报告》。是为了开发OA办公系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完

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

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

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

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

7、工管理用户Login.aspx后台管理用户Login.aspx3.1.3页面说明3.1.3.1界面原型图3-1宽带收费管理系统登录界面login.aspx3.1.3.2输入控件名称控件类型栏目名称必填约束初值书籍名称-15-Usernametext用户名√最小值10000Passwordpassword密码√非空6-10位LoginButtonsubmit提交补充说明3.1.3.3处理动作步骤处理说明填写信息1输入用户名、密码点击登录2单击“登录按钮”进行验证3判断用户是否输入，若无，提示输入判断资料4判断用户名、