388用户界面设计大作业

1、基于Zigbee技术的福利院看护系统用户界面设计说明书姓名:用户界面设计说明书版本号：3.0修订历史记录日期版本号修改说明修改人核准人1.0制定大纲及编写正文2.0修改界面设计规范3.0修改主要界面设计目录1 弓I言 -4-1.1 编写目的 -4-1.2 项目背景 -4-1.3 定义、缩略词 -4-1.4 参考资料 -5-2 应当遵循的界面设计规范 -5-2.1 用户界面设计原则 -5-2.2 界面一致性 -5-2.3 布局合理化原则 错误！未定义书签。3 界面的关系图和工作流程图 -8-4 主界面 -10-4.1 主界面 -10-4.2 子界面A -11-4.3 子界面B -12-4.4 子

2、界面C -13-4.5 子界面D -14-4.6 子界面E -15-4.7 子界面F - 16 -5 美学设计 -17 -6 界面资源设计 -17 -6.1 图标资源 -17 -6.2 图像资源 -18 -6.3 界面组件 -18 -7 其他 -18 -6 -1引言1.1 编写目的本文档是对系统界面设计风格进行描述，和用户交互的最终界面在详细设计说 明书中设计和解释。1.2 项目背景基于Zigbee技术的福利院看护系统。（此处需增加细节。）1.3 定义、缩略词Zigbee： Zigbee是一种低速短距离传输的无线网络协定， 底层是采用IEEE802.15.4 标准规范的媒体存取层与实体层。主要

3、特色有低速、低耗电、低成本、支援大量 网络节点、支援多种网络拓扑、低复杂度、快速、可靠、安全。Zigbee协定层从下到上分别为实体层（PHY）、媒体存取层（MAC）、网络层（NWK）、应用层（APD 等。用户界面：又称人机界面，实现用户与计算机之间得通信，以控制计算机或进行 用户和计算机之间得数据传送得系统部件。GUI:即图形用户界面，一种可视化得用户界面，它使用图形界面代替正文界面。1.4 参考资料（此处应增加细节）2应当遵循的界面设计规范2.1 用户界面设计原则本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、 不需要多少培训就可以方

4、便使用本应用系 统。界面设计员应该明白软件中用户是所有处理的核心， 不应该有应用程序来决定处 理过程，所以用户界面应当由用户来控制应用如何工作、如何响应， 而不是由开 发者按自己的意愿把操作流程强加给用户。 界面设计必须经过确认才能完成。2.2 界面一致性在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面 确保一致。2.2.1 显示信息一致性标准(1)标签提示：字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号(10号)；(2)日期:正常字体、宋体、白底黑字、3-D lower

5、ed;(3)对齐方法：左对齐:一般文字、单个数字、日期等右对齐:数字、时间、日期加时间。(4)分辨率为800*600,增强色16色(5)字体缺省为宋体、五号、黑色(6)底色缺省采用灰色这些信息的排列显示风格供参考，在同一个应用中，这些信息的表现方式不一致, 会使得用户分散注意力，影响这一软件的使用，因此开发者应当注意在同一软件 中表现形式的一致性。2.2.2 布局合理化原则应注意在一个窗口内部所有控件的布局和信息组织的艺术性，使得用户界面美观。在一个窗口中按tab键，移动聚焦的顺序不能杂乱无章，tab的顺序是先从上至 下，再从左至右。首先应输入的和重要信息的控件在tab顺序中应当靠前，位置也

6、应放在窗口上较醒目的位置。该系统的界面设计布局力求简洁、有序、易于操作。2.2.3 鼠标与键盘对应原则应遵循的是可不用鼠标的原则：应用中的功能只用键盘也应当可以完成，即设计的 应用中还应加入一些必要的按钮和菜单项。但是 ，许多鼠标的操作，如双击、拖动 对象等，并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击 其中一项可以表示选中该项内容。为了用键盘也能实现这一功能，必须在窗口中定义一个表示选中的按钮，以作为实现双击功能的替代（或其它方式）。又如在一 个窗口中有两个数据窗口 ，可以用鼠标从一个数据窗口中将一项拖出然后放到另 一个中。如果只用键盘，就应当在菜单中设置拷贝或移动的菜单项

7、用户界面设计说明书版本号：3.03界面的关系图和工作流程图视频监控1福利院平面面馔索功熊|每个老人的实时移动图点帼入某个老人id音询其具体位置自看室内共有多少位老人自动切换视频自动进行切换及时直行室内各处情况员工社区a头像员工基本信息联系方式j工作安排工作安排， 近期重大活动安排主要由找理员及时更新工作安排r看护人员艮有查看功能警周工作安排0司每日工作安排用户界面设计说明书版本号：3.04主界面4.1 登录界面用户登录看护系统的界面，是一个独立于首页之外的界面，用户必须登录才能查看到首页上的信息，以次来增加系统信息的安全性。在登录时，用户可以选择登 录权限即“看护员”、“管理员”登录。为防止可

8、能出现的恶意攻击，登录时设置了验证码。4.2 子界面首页用户成功登录后所见到的第一个页面，此页面上显示福利院发布的通知和新闻 基于看护系统对象为老人，在首页上添加了显示农历的日历福利院看护系统入院登记信息查询智能定位工作安排员工社区182519 2026272B 29 30第十一届象棋大赛开幕10.27老人健康管理条例修订版 黑德如虹:殛诞逊二 .她篦惠毓诵应询一坦空.反强盛逊丽麦k10.24第二娱外由心正式开通1Q23半兵基金会为期院注资加箕万 !鱼生舍遍【吸施适还后藩金 山飙重诙施L ，咫坦京电遹9世也一一一 1C. 18式独汁技卡终端投入使用4.3 子界面一一入院登记老人入住时必须进行入

9、院登记，生成对应的档案。包括ID （用于区别老人身份和 查询信息）、姓名、性别、年龄、民族、入院日期、家庭住址、亲人联系方式、 病历。福利院看护系统首页入院登记 信息查询 智能定位工作安排 员工社区4.4 子界面信息查询看护员可以通过此页面查询老人的即时信息，包括：体温，脉搏，血压，所在位置以及老人基本信息，还可以查看老人最近身体情况。福利院看护系统4.5 子界面智能定位输入ID,可以查询到老人所在位置，结合视频监控等功能，实现对老人的实时定位。-20 -福利院看护系统入院登记信息查询智能定位视频监控工作安排员工社区4.6 子界面 视频监控对老人的活动区域进行监控，在页面上可以调用对应区域的高

10、清摄像头对指定区域进行监控，通过页面上的旋转按钮，实现对摄像头的简单操作。福利院看护系统入院登记信息查询智能定位工作安排员工社区4.7 子界面一一工作安排包括福利院每周的安排和看护员每日的安排。只有管理员具有修改、添加信息的权限。福利院看护系统入院赞记福利院每周安排信息查询智能定位二;二;:二;二;二一】，循:5蹶班，期：其-11:55第一班10. 2C夕阳红大理演出安排二:二"爰、二二二；二;2- 11节领班，12:(XHX:5 薄f10. 26美于接转社会慰问团的安排：二工；:二二二3, 16:5旗豌，1L。-叮:55第一班10. 23者AA寓取晚设施安检行动二；一。=；甘、2重

11、：55换班，22:间-0：1:55第一班UL L3第十-届象祺大赛开幕_ 工作安排10.1S领导视察各部门工作生务员工社区看护员每日安排5. 3:55换班，02:00-06:55®更方4.8子界面员工社区显示所有员工简单信息，包括照片、联系方式等。福利院看护系统入院登记信息查询智能定位员工社区5美学设计本系统采用了人机界面设计。遵循了以用户为本、提高可交互性、尽量避免需要记忆的内容、简化用户操作、提高操作的效率、应用安全等一般原则。对于用户 问题和要求表现得了很好的满足，且界面用语具有可理解性和易用性，极大程度 上便于用户的习惯使用方式。6界面资源设计6.1 图标资源（加入细节）6.2 图像资源（加入细节）6.3 界面组件（加入细节）7其他用户界面清单:代码名称所属子系统相关组件/模块描述UII1.1Login.html/UII1.