资源描述
文档类型:技术文档
文档编号:RZ04.2.2.
总页数
版本
文献控制部门
宁波研究院
电子科技大学宁波研究院
UI设计阐明书
项目名称:
蓝牙体温计
项目编号:
拟 制:
(拟制人签字) 年 月 日
审 核:
(审核人签字) 年 月 日
批 准:
(批准人签字) 年 月 日
电子科技大学宁波研究院
年 月 日
目录
目录 2
1 文档简介 3
1.1文档目 3
1.2文档范畴 3
1.3读者对象 3
1.4 UI概述 3
2 需求阶段 3
2.1产品市场定位 3
2.2产品定义 3
2.4运营方式 3
2.5同类竞争产品 3
3 分析设计阶段 4
3.1界面关系图和工作流程图 4
3.1.1界面关系图 4
3.1.2工作流程图 5
3.2 启动界面 7
3.3 引导界面 7
3.4主界面 7
3.5设立界面 8
3.6美学设计 9
3.7界面资源设计 9
4 调研验证阶段 9
5 方案改进阶段 9
6 顾客验证阶段 9
1 文档简介
1.1文档目
规范公司UI设计流程,使UI设计师参加到产品设计整个环节中来,对产品易用性进行全流程负责,使UI设计流程规范化,保证UI设计流程可操作性。
1.2文档范畴
本文档用于界面设计。
1.3读者对象
本文档读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配备测试人员。
1.4 UI概述
UI,即User Interface(顾客界面)简称。UI设计是指对软件人机交互、操作逻辑、界面美观整体设计。
和谐界面好处:
l 达到软件易用性,提高产品竞争力
l 减少技术支持成本,增长投资回报率
l 提高客户满意度,实现产品社会价值
l 提高公司、品牌形象
2 需求阶段
2.1产品市场定位
产品重要定位于家庭使用,可作为身体健康测试。
2.2产品定义
蓝牙体温计是一种轻便,易携体温测量计,将体温计测量数据,上传到手机,可以查看历史数据趋势,并在数据异常时,给出某些温馨提示。
2.3客户群体
普通家庭
2.4运营方式
2.5同类竞争产品
当前在售产品,要么是只支持蓝牙3.0,或者支持4.0产品价格昂贵,因而本产品具备很强竞争力。
3 分析设计阶段
通过度析上面需求,进入设计阶段。设计原则参见:《软件界面设计原则》文档,咱们设计出几套不同风格界面用于被选。
3.1界面关系图和工作流程图
3.1.1界面关系图
界面关系如图所示,主界面分3个区域,屏幕上方显示蓝牙连接,设备电池电量,模式切换,设立;中间区域显示测量数据信息,横轴为时间,纵轴为温度值;屏幕下方区域显示某些辅助信息,提示测量值与否属于原则范畴或偏高,偏低等,以及显示近来一次测量时间。
图1 界面关系图
3.1.2工作流程图
图2 工作流程图
图3 蓝牙连接流程图
固件更新:
软件更新:
图5 软件更新图
图4 固件更新图
3.2 启动界面
图6 启动界面图
3.3 引导界面
引导界面在第一次启动APP时展示给顾客,通过几幅可滑动图片展示APP重要功能和特色。可以涉及如下几幅图片:
1. 记录体温,关注变化
2. 关爱健康,从这开始
3.4主界面
启动app,进入splash界面,提示与否连接蓝牙,不论连接与否,都直接跳到主界面,屏幕上方显示4个图标,分别是搜索,电池,列表和设立,除了电池电量不可操作,其她图标均有相应操作界面。图标下方是欢迎界面以及默认曲线显示最新接受设备端测量数据,并支持周、月、年间距切换。蓝牙图表显示蓝牙与否启动;电池图标则显示设备端电池剩余量,提示顾客充电;模式切换按钮则实现按周,月,年来显示数据走向趋势;最后一种设立按钮实现4个功能,提示顾客输入自身基本信息,为测量值提供评判原则,此外还可以检查设备端软件固件升级以及更新,支持版本信息查看,以及与否清除历史数据。
图7 主界面图
3.5设立界面
界面有有4个选项,软、固件版本信息查看与更新,数据清空。选取清空按钮,则把历史存储数据删除;选取版本信息,即查看蓝牙体温计软件,固件版本。
图8 设立界面图
更新某些,分为软件更新和蓝牙体温计固件更新。点击软件更新进入右图界面,第一种选项用于设立与否启动自动更新,默认启动;第二个选项用于手动检查更新。如果手动检查更新且没有发现更新,使用消息提示框提示当前版本为最新版;如果发现更新,弹出对话框,提示顾客与否下载,顾客点击拟定后台开始下载,下载完毕启动安装。
3.6美学设计
提示:
(1) 阐述界面布局及理由
(2) 阐述界面色彩及理由
3.7界面资源设计
2.3.5.1 图标资源
2.3.5.2 图像资源
2.3.5.3 界面组件
4 调研验证阶段
方案一
方案二
方案三
顾客第一印象
顾客综合印象
顾客单独评价
最喜欢方案
次喜欢方案
色彩(总分10分)
文字(总分10分)
图形(总分10分)
5 方案改进阶段
通过顾客调研,咱们得到目的顾客最喜欢方案,且理解到顾客为什么喜欢,尚有什么遗憾等,这样咱们就可以进行下一步修改了。这时候咱们可以把精力投入到一种方案上,将方案做到细致精美。
6 顾客验证阶段
零距离接触最后顾客,看看顾客真正使用时感想。为后来升级版本积累经验资料。
展开阅读全文