移动APP-蓝牙体温计UI设计说明书12-24

文档类型：技术文档 文档编号：RZ201304.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主界面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 减少技术支持成本，增加投资回报率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 方案改进阶段 经过用户调研，我们得到目标用户最喜欢的方案，且了解到用户为什么