转移互联利用身手的确是

转移互联利用身手的确是

挪动逛戏斥地必要进修什

挪动逛戏斥地必要进修什

SIM卡器械包 正在哪里下载

SIM卡器械包 正在哪里下载

【运用用具】运用用具下

【运用用具】运用用具下

仿站小用具

仿站小用具

DirectX修复器械

DirectX修复器械

用具-Ailete胶水-超乐泰胶水

用具-Ailete胶水-超乐泰胶水

用完即走触手可及!

用完即走触手可及!

妈妈网_官方网站妈妈相信

妈妈网_官方网站妈妈相信

用户界面策画大功课典范

  用户界面设计大作业范例_计算机软件及应用_IT/计算机_专业资料。[键入公司名称] 基于 Zigbee 技术的福利 院看护系统 用户界面设计说明书 zhaofengnian 2012/11/27 用户界面设计说明书 版本号:3.0 修订历史记录 日期 版

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