用户界面设计说明书样本.docx

用户界面设计说明书

- 18 -
2020年4月19日
文档仅供参考，不当之处，请联系改正。

[键入公司名称]
基于Zigbee技术的福利院看护系统
用户界面设计说明书

DengYihan
2012/11/27

修订历史记录

日期
版本号
修改说明
修改人
核准人
.11.5
1.0
制定大纲及编写正文
邓益涵
林阳
.11.12
2.0
修改界面设计规范
邓益涵
林阳
.11.26
3.0
修改主要界面设计
邓益涵
林阳

目录
1 引言 2
1.1编写目的 2
1.2项目背景 2
1.3定义、缩略词 3
1.4参考资料 3
2 应当遵循的界面设计规范 3
2.1用户界面设计原则 3
2.2界面一致性 3
2.3布局合理化原则 4
3 界面的关系图和工作流程图 5
4 主界面 5
4.1主界面 5
4.2子界面A 6
4.3子界面B 6
4.4子界面C 7
4.5子界面D 7
4.6子界面E 8
4.7子界面F 8
5 美学设计 9
6 界面资源设计 9
6.1图标资源 9
6.2图像资源 9
6.3界面组件 9
7 其他 9

1 引言
1.1编写目的
本文档是对系统界面设计风格进行描述，和用户交互的最终界面在《详细设计说明书》中设计和解释。
1.2项目背景
信息科学与技术学院 10级软件工程六班软件工程作业：基于Zigbee技术的福利院看护系统。
1.3定义、缩略词
Zigbee：Zigbee是一种低速短距离传输的无线网络协定，底层是采用IEEE802.15.4 标准规范的媒体存取层与实体层。主要特色有低速、低耗电、低成本、支援大量网络节点、支援多种网络拓扑、低复杂度、快速、可靠、安全。Zigbee协定层从下到上分别为实体层（PHY）、媒体存取层（MAC）、网络层（NWK）、应用层（APL）等。
用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行用户和计算机之间得数据传送得系统部件。 
GUI：即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。
1.4参考资料
2 应当遵循的界面设计规范
2.1 用户界面设计原则
本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、不需要多少培训就能够方便使用本应用系统。 
界面设计员应该明白软件中用户是所有处理的核心，不应该有应用程序来决定处理过程，因此用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。 界面设计必须经过确认才能完成。

2.2 界面一致性 
在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
2.2.1 显示信息一致性标准
（1）标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号（10号）； 
（2）日期:正常字体、宋体、白底黑字、3-D lowered； 
（3）对齐方法： 
左对齐:一般文字、单个数字、日期等 
右对齐:数字时间、日期加时间。 
（4）分辨率为800*600，增强色16色 
（5）字体缺省为宋体、五号、黑色 
（6）底色缺省采用灰色 
这些信息的排列显示风格供参考, 在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用，因此开发者应当注意在同一软件中表现形式的一致性。 
2.2.2 布局合理化原则
应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab的顺序是先从上至下，再从左至右。首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。该系统的界面设计布局力求简洁、有序、易于操作。
2.2.3 鼠标与键盘对应原则
应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当能够完成,即设计的应用中还应加入一些必要的按钮和菜单项。可是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项能够表示选中该项内容。为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代（或其它方式）。又如在一个窗口中有两个数据窗口,能够用鼠标从一个数据窗口中将一项拖出然后放到另一个中。如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项

3 界面的关系图和工作流程图

4 主界面
4.1 登录界面
用户登录看护系统的界面，是一个独立于首页之外的界面，用户必须登录才能查看到首页上的信息，以次来增加系统信息的安全性。在登录时，用户能够选择登录权限即“看护员”、“管理员”登录。为防止可能出现的恶意攻击，登录时设置了验证码。

4.2 子界面——首页
用户成功登录后所见到的第一个页面，此页面上显示福利院发布的通知和新闻。基于看护系统对象为老人，在首页上添加了显示农历的日历。

4.3子界面——入院登记
老人入住时必须进行入院登记，生成对应的档案。包括ID（用于区别老人身份和查询信息）、姓名、性别、年龄、民族、入院日期、家庭住址亲人联系方式、病历。

4.4子界面——信息查询
看护员能够经过此页面查询老人的即时信息，包括：体温，脉搏，血压，所在位置以及老人基本信息，还能够查看老人最近身体情况。

4.5子界面——智能定位
输入ID，能够查询到老人所在位置，结合视频监控等功能，实现对老人的实时定位。

4.6子界面——视频监控
对老人的活动区域进行监控，在页面上能够调用对应区域的高清摄像头对指定区域进行监控，经过页面上的旋转按钮，实现对摄像头的简单操作。

4.7子界面——工作安排
包括福利院每周的安排和看护员每日的安排。只有管理员具有修改、添加信息的权限。

4.8子界面——员工社区
显示所有员工简单信息，包括照片、联系方式等。

5 美学设计
本系统采用了人机界面设计。遵循了以用户为本、提高可交互性、尽量避免需要记忆的内容、简化用户操作、提高操作的效率、应用安全等一般原则。对于用户问题和要求表现得了很好的满足，且界面用语具有可理解性和易用性，极大程度上便于用户的习惯使用方式。
6界面资源设计
6.1图标资源
软件工程6班兔兔创新工作室
6.2图像资源
软件工程6班兔兔创新工作室
6.3界面组件
软件工程6班兔兔创新工作室
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
后台管理系统

工作安排