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