《388用户界面设计大作业》由会员分享，可在线阅读，更多相关《388用户界面设计大作业（20页珍藏版）》请在金锄头文库上搜索。
1、基于 Zigbee 技术的福利院看护系统用户界面设计说明书姓名：用户界面设计说明书版本号： 3.0 - 1 - 修订历史记录日期版本号修改说明修改人核准人1.0 制定大纲及编写正文2.0 修改界面设计规范3.0 修改主要界面设计用户界面设计说明书版本号： 3.0 - 2 - 目录1 引言 . - 4 - 1.1 编写目的 . . - 4 - 1.2 项目背景 . . - 4 - 1.3 定义、缩略词 . . - 4 - 1.4 参考资料 . . - 5 - 2 应当遵循的界面设计规范 . - 5 - 2.1 用户界面设计原则 . - 5 - 2.2 界面一致性 . . - 5 - 2.3 布局
2、合理化原则 . 错误！未定义书签。3 界面的关系图和工作流程图 . - 8 - 4 主界面 . - 10 - 4.1 主界面 . . - 10 - 4.2 子界面 A . - 11 - 4.3 子界面 B . - 12 - 4.4 子界面 C . - 13 - 4.5 子界面 D . - 14 - 4.6 子界面 E . - 15 - 用户界面设计说明书版本号： 3.0 - 3 - 4.7 子界面 F . - 16 - 5 美学设计 . - 17 - 6 界面资源设计 . - 17 - 6.1 图标资源 . . - 17 - 6.2 图像资源 . . - 18 - 6.3 界面组件 . . -
3、 18 - 7 其他 . - 18 -用户界面设计说明书版本号： 3.0 - 4 - 1 引言1.1 编写目的本文档是对系统界面设计风格进行描述，和用户交互的最终界面在 详细设计说明书中设计和解释。1.2 项目背景基于 Zigbee技术的福利院看护系统。 （此处需增加细节。）1.3 定义、缩略词Zigbee： Zigbee是一种低速短距离传输的无线网络协定，底层是采用 IEEE802.15.4 标准规范的媒体存取层与实体层。主要特色有低速、低耗电、低成本、支援大量网络节点、支援多种网络拓扑、低复杂度、快速、可靠、安全。Zigbee协定层从下到上分别为实体层 （PHY ） 、媒体存取层（MAC）
4、 、网络层（NWK） 、应用层（APL ）等。用户界面：又称人机界面， 实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。GUI：即图形用户界面， 一种可视化得用户界面， 它使用图形界面代替正文界面。用户界面设计说明书版本号： 3.0 - 5 - 1.4 参考资料（此处应增加细节）2 应当遵循的界面设计规范2.1用户界面设计原则本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便使用本应用系统。界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，所以用户界面
5、应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。界面设计必须经过确认才能完成。2.2界面一致性在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法 ,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。用户界面设计说明书版本号： 3.0 - 6 - 2.2.1 显示信息一致性标准（1）标签提示 :字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10 号） ；（2）日期 :正常字体、宋体、白底黑字、3-D lowered；（3）对齐方法：左对齐 :一般文字、单个数字、日期等右对齐
6、:数字、时间、日期加时间。（4）分辨率为 800*600，增强色 16 色（5）字体缺省为宋体、五号、黑色（6）底色缺省采用灰色这些信息的排列显示风格供参考, 在同一个应用中 ,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用，因此开发者应当注意在同一软件中表现形式的一致性。2.2.2 布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。在一个窗口中按 tab 键,移动聚焦的顺序不能杂乱无章,tab 的顺序是先从上至下，再从左至右。首先应输入的和重要信息的控件在tab 顺序中应当靠前 ,位置也应放在窗口上较醒目的位置。 该系统的界面设计布局力
7、求简洁、 有序、易于操作。用户界面设计说明书版本号： 3.0 - 7 - 2.2.3鼠标与键盘对应原则应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。但是,许多鼠标的操作 ,如双击、拖动对象等 ,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代（或其它方式） 。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口中将一项拖出然后放到另一个中。如果只用键盘 ,就应当在菜单中设置拷贝或移动的菜单项用户界
8、面设计说明书版本号： 3.0 3 界面的关系图和工作流程图用户界面设计说明书版本号： 3.0 用户界面设计说明书版本号： 3.0 - 10 - 4 主界面4.1 登录界面用户登录看护系统的界面， 是一个独立于首页之外的界面，用户必须登录才能查看到首页上的信息，以次来增加系统信息的安全性。在登录时，用户可以选择登录权限即“看护员”、 “管理员”登录。为防止可能出现的恶意攻击，登录时设置了验证码。用户界面设计说明书版本号： 3.0 - 11 - 4.2子界面 首页用户成功登录后所见到的第一个页面，此页面上显示福利院发布的通知和新闻。基于看护系统对象为老人，在首页上添加了显示农历的日历。4.3 子界
9、面 入院登记老人入住时必须进行入院登记，生成对应的档案。 包括 ID （用于区别老人身份和查询信息）、姓名、性别、年龄、民族、入院日期、家庭住址、亲人联系方式、病历。用户界面设计说明书版本号： 3.0 - 12 - 4.4 子界面 信息查询看护员可以通过此页面查询老人的即时信息，包括：体温，脉搏，血压，所在位置以及老人基本信息，还可以查看老人最近身体情况。用户界面设计说明书版本号： 3.0 - 13 - 4.5 子界面 智能定位输入 ID，可以查询到老人所在位置， 结合视频监控等功能， 实现对老人的实时定位。用户界面设计说明书版本号： 3.0 - 14 - 4.6 子界面 视频监控对老人的活动
10、区域进行监控， 在页面上可以调用对应区域的高清摄像头对指定区域进行监控，通过页面上的旋转按钮，实现对摄像头的简单操作。用户界面设计说明书版本号： 3.0 - 15 - 4.7 子界面 工作安排包括福利院每周的安排和看护员每日的安排。只有管理员具有修改、 添加信息的权限。用户界面设计说明书版本号： 3.0 - 16 - 4.8 子界面 员工社区显示所有员工简单信息，包括照片、联系方式等。用户界面设计说明书版本号： 3.0 - 17 - 5 美学设计本系统采用了人机界面设计。遵循了以用户为本、提高可交互性、尽量避免需要记忆的内容、简化用户操作、提高操作的效率、应用安全等一般原则。对于用户问题和要求
11、表现得了很好的满足，且界面用语具有可理解性和易用性，极大程度上便于用户的习惯使用方式。6 界面资源设计6.1 图标资源（加入细节）用户界面设计说明书版本号： 3.0 - 18 - 6.2 图像资源（加入细节）6.3 界面组件（加入细节）7 其他用户界面清单：代码名称所属子系统相关组件 /模块描述UII1.1 Login.html / / UII1.2 Index.html / / UII2.1 registration.html 智能监护系统入院登记UII2.2 Query.html 智能监护系统信息查询UII2.3 Video.html 定位系统视频监控UII2.4 Position.html 定位系统智能定位UII2.5 staff.html 后台管理系统员工社区UII2.6 schedule.html 后台管理系统工作安排用户界面设计说明书版本号： 3.0 - 19 -
