新闻发布系统用户界面设计.docVIP

新闻发布系统 用户界面设计报告 文件状态： [√] 草稿 [ ] 正式发布 [ ] 正在修改 文件标识： Hands-On-新闻发布系统-SD-UI 当前版本： 1.0 作 者： 完成日期： 07-03-14 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 1.0 新建 目 录 0. 文档介绍 5 0.1 文档目的 5 0.2 文档范围 5 0.3 读者对象 5 0.4 参考文献 5 0.5 术语与缩写解释 5 1. 应当遵循的界面设计规范 6 1.1：易用性： 6 1.2易用性细则 6 2. 界面的关系图和工作流程图 6 2.1前台管理界面功能一览 6 2.2 后台管理员界面功能一览 7 2.3 界面关系及工作流程 7 2.3.1用户界面关系 7 2.3.2后台管理界面关系 8 3. 界面关系 9 3.1 登录界面 9 3.1.1 登录界面视图 9 3.1.2 登录界面功能一览 9 3.2 用户浏览新闻主界面 10 3.2.1 主界面视图 10 3.3用户新闻管理界面 17 3.3.1 新闻发布界面 18 3.3.2 新闻管理页面 19 3.3.3 新闻管理功能一览 19 3.3.4当日新闻一览页面 20 3.3.5 新闻统计量页面 21 3.3.6 文章是否允许评论页面 21 4 后台管理页面 22 4.1管理员管理 23 4.1.1添加用户页面 23 4.1.2 添加用户页面功能一览 23 4.1.3 管理用户页面 24 4.2类别管理 26 4.2.1 添加栏目页面 26 4.2.2添加栏目功能一览 26 4.2.3栏目管理页面 27 4.2.4 栏目管理功能一览 27 4.2.5添加子类页面 28 4.2.4 添加类别功能一览 28 4.2.5分类管理页面 29 4.2.6类别管理功能一览 29 5 日志管理 30 5.1 用户日志管理页面 30 5．2新闻日志管理页面 30 6新闻评论管理 31 7 文章审核管理 31 0. 文档介绍 0.1 文档目的 新闻发布系统《用户界面设计报告》。是为了开发新闻发布系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。 本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。 0.2 文档范围 本文档主要包含以下几部分： 1. 文档介绍 2. 界面设计规范 3. 界面关系图 4. 主界面说明 0.3 读者对象 本文档的读者主要包含以下几类： 1. 界面设计人员 2. 美工人员 3. 编码人员 4. 测试人员 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： [标识符] 作者，文献名称，出版单位（或归属单位），日期 例如： [AAA] 作者，《立项建议书》，机构名称，日期 [SPP-PROC-SD] SEPG，系统设计规范，机构名称，日期 0.5 术语与缩写解释 缩写、术语 解 释 GIF Graphics Interchange Format的缩写－图像交换格式的缩写 1. 应当遵循的界面设计规范 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。1：易用性：按钮名称应该易懂，用词准确，屏弃模两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。易用性细则：):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 ):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。):复选框和选项框按选择几率的高底而先后排列。):复选框和选项框要有默认选项，并支持Tab选择。):选项数相同时多用选项框而不用下拉列表框。):界面空间较小时使用下拉框而不用选项框。):选项数较少时使用选项框，相反使用下拉列表框。):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。Login.jsp 对用户的身份进行验证 普通注册用户介面 register.jsp 据用户权限进入新闻的管理页面(当日新闻一览, 新闻统计量, 文章是否允许评论, 新 闻 发 布 ,新 闻 管 理) 非注册用户界面(普通注册用户) Index.jsp 查看在线新闻并对新闻发表评论(注册用户可以进行自身资料的修改，没有注册用户的可在此进行注册) 当日新闻一览 scan