东莞科技馆协同工作平台用户界面规格说明.docx

东莞科技馆协同工作平台用户界面规格说明书版本：修订记录版本章节修订内容修订日期修订人批准人目录1 引言21.1 目的与范围21.2 预期读者21.3 定义、缩写词31.4 参考资料32 应当遵循的界面设计规范42.1 易用性42.2 易用性细则43 界面设计53.1 登录界面53.2 主功能菜单界面63.3 通知公告界面73.4 我的工作界面83.5 即时通讯界面133.6 通讯录界面153.7 日程管理界面173.8 系统设置界面191 引言1.1 目的与范围东莞科技馆协同工作平台用户界面设计报告是为了开发东莞科技馆协同工作平台系统而编写，本文档针对东莞科技馆协同工作平台系统的手机客户端界面设计，主要面向项目领导、程序员、测试员和最终用户。本说明书是整个软件开发用户界面的重要依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的重要依据。1.2 预期读者本文档的读者主要包含以下几类：（1）项目领导（2）界面设计人员（3）美工人员（4）编码人员（5）测试人员1.3 定义、缩写词本文章没有用到的专门术语的定义和缩写词的原文。1.4 参考资料（1）91云办公软件2 应当遵循的界面设计规范界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起向导的作用。2.1 易用性按钮名称应该易懂，用词准确，摒弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意，理想的情况是用户不用查阅帮助或用户手册就能知道界面的功能并进行相关正确操作。2.2 易用性细则（1）按功能划分界面，并要有标题。（2）控件建议调节易于使用大小。（3）复选框和选项框要有默认选项。（4）复选框和选项框按照选择几率的高低而先后排序。（5）通用性界面提倡使用通用性词眼。（6）界面设计中应该保持一致性。3 界面设计3.1 登录界面3.1.1 登录界面视图图3.1 登录界面3.1.2 登录界面功能及操作方式登录界面为系统入口界面，如图3.1所示，只有通过登录方可使用系统，其帐号密码由管理员分配，不同的用户对应不同的权限，权限不同的用户进入系统后的界面菜单功能不同。3.2 主功能菜单界面3.2.1 主功能菜单界面视图图3.2 主功能菜单界面3.2.2 主功能菜单界面功能及操作方式用户登录成功后进入的主功能菜单界面，如图3.2所示，主要给用户提供各主要功能选择，当通知公告，即时通讯有最新内容没有阅读的会显示未阅读条数。3.3 通知公告界面3.3.1 通知公告界面视图图3.3 通知公告主界面图3.4 通知公告子界面3.3.2 通知公告界面功能及操作方式该模块主要显示通知公告。在主功能菜单中点击通知公告图标后进入其列表，如图3.3所示，右边为滚动条以上下滑动显示全部通知公告。用户可点击其中一条通知公告进入其详情，如图3.4所示。3.4 我的工作界面3.4.1 我的工作界面视图图3.5 我的工作主界面图3.6 平衡计分卡界面图3.7 协同办公界面图3.8 新建事项界面图3.9 待办事项列表界面图3.10 待办事项处理界面图3.11 已办事项列表界面图3.12 已办事项流程界面3.4.2 我的工作界面功能及操作方式（1）平衡计分卡用户可通过平衡计分卡查看到自己的年度指标。（2）新建事项用户可以新建一个事项，并可标记事项的紧急性，上传或者下达到工作流的下一个经办人。（3）待办事项每个用户在处理待办事项时，都能添加审批意见以及处理用时，并能标记此事项的紧急性。每个经办人标记事项的紧急性是以五颗星星为标准，星星越多，代表事项越紧急。每个经办人在处理待办事项时都能选择星星的颗数以标志事项的紧急性，若没有标识则会默认一个紧急性；上一个经办人的标志紧急性会在下一个经办人的待办事项列表中按紧急性排列。（4）已办事项用户可通过已办事项查看自己已经处理过的事项，以及可以查看到事项的工作流。每个用户对所显示的已办事项进行标记重要程度是以五颗星星为标准，星星越多，代表事项越重要。已办事项列表中以事项的重要性进行排列。若不标记，则默认一个重要性。3.5 即时通讯界面3.5.1 即时通讯界面视图图3.13 即时通讯界面图3.14 即时通讯聊天界面图3.15 即时通讯群组界面3.5.2 即时通讯界面功能及操作方式本模块主要是以科技馆部门组织分组别，可以自行建立一个群组。如图3.13所示为组织列表界面，可在此列表寻找联系人进行通讯，亦可点击搜索寻找联系人。点击其中一个部门中的联系人，进入即时通讯，如图3.14所示：（1）点击+号可选择发送表情、图片或视频。（2）点击实施对讲机转换到对讲状态（此功能实现难度大）。（3）可以点击录音，录制一段声音后可发送一段录音。（4）点击右上角可查看联系人信息。点击群组切换到群组列表，如图3.15所示，可点击加号图标添加群组，并选择所选联系人进入添加的群组，可在群组中进行群聊。3.6 通讯录界面3.6.1 通讯录界面视图图3.16 通讯录部门列表界面图3.17 通讯录部门成员列表界面图3.18 通讯录某一成员详情界面3.6.2 通讯录界面功能及操作方式本模块主要提供用户查询馆内成员联系方式，并能直接拨打。通讯录部门列表中，各成员以所属部门分组，可上下滑动显示全部部门通讯，如图3.16所示，科技馆部门有：馆领导、办公室、财务部、外联部、拓展部、展教部、物安部等等。通讯录部门成员列表由通讯录部门列表中点击其中一个部门跳转到的，如图3.17所示，里面包含本部门全部成员通讯。点击通讯录部门成员列表中某一成员，可跳转到其通讯详情界面，如图3.18所示，用户可直接点击联系号码进行拨号。3.7 日程管理界面3.7.1 日程管理界面视图图3.19 日程表界面图3.20 添加日程界面图3.21 修改日程界面3.7.2 日程管理界面功能及操作方式本模块主要是提供用户日程备忘。在日程管理中，可在某日期添加日程，如图3.20所示，对日程进行提醒、开始结束时间设置。添加成功后在日程界面列表中显示，如图3.19所示，直接点击可修改某日程跳转到修改日程界面，如图3.21所示，可对日程进行修改，亦可以删除改日程。3.8 系统设置界面3.8.1 系统设置界面视图图3.2