用户界面设计大作业范例.docx
- 文档编号:28658681
- 上传时间:2023-07-19
- 格式:DOCX
- 页数:12
- 大小:647.12KB
用户界面设计大作业范例.docx
《用户界面设计大作业范例.docx》由会员分享,可在线阅读,更多相关《用户界面设计大作业范例.docx(12页珍藏版)》请在冰豆网上搜索。
用户界面设计大作业范例
[键入公司名称]
基于Zigbee技术的福利
院看护系统
用户界面设计说明书
zhaofengnian
2012/11/27
修订历史记录
日期
版本号
修改说明
修改人
核准人
1.0
制定大纲及编写正文
2.0
修改界面设计规范
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-
6界面资源设计-18-
6.1图标资源.-18-
6.2图像资源.-18-
6.3界面组件.-18-
7其他-18-
1引言
1.1编写目的
本文档是对系统界面设计风格进行描述,和用户交互的最终界面在《详细设计说明书》中设计和解释。
1.2项目背景
基于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-Dlowered;
(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.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
后台管理系统
工作安排
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 用户界面 设计 作业 范例
![提示](https://static.bdocx.com/images/bang_tan.gif)