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