移动APP蓝牙体温计UI设计说明书.docx

1、移动APP蓝牙体温计UI设计说明书文档类型：技术文档 文档编号：总页数版本文件控制部门宁波研究院 电子科技大学宁波研究院UI设计说明书项目名称：蓝牙体温计项目编号：拟 制： （拟制人签字） 年 月 日审 核： （审核人签字） 年 月 日批 准： （批准人签字） 年 月 日电子科技大学宁波研究院 年 月 日1 文档介绍文档目的规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。文档范围本文档用于界面设计。读者对象本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。

2、UI概述 UI,即User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。友好界面的好处： 达成软件易用性，提高产品竞争力 减少技术支持成本，增加投资回报率 提高客户满意度，实现产品社会价值 提升企业、品牌形象2 需求阶段产品市场定位产品主要定位于家庭使用，可作为身体健康测试。产品定义蓝牙体温计是一种轻便，易携的体温测量计，将体温计测量的数据，上传到手机，可以查看历史数据的趋势，并在数据异常时，给出一些温馨提示。客户群体一般家庭运营方式同类竞争产品 当前在售产品，要么是只支持蓝牙，或者支持的产品价格昂贵，因此本产品具有很强的竞争力。3 分析设

3、计阶段 通过分析上面的需求，进入设计阶段。设计原则参见：软件界面设计原则文档，我们设计出几套不同风格的界面用于被选。界面的关系图和工作流程图界面关系图 界面关系如图所示，主界面分3个区域，屏幕上方显示蓝牙连接，设备电池电量，模式切换，设置；中间区域显示测量数据信息，横轴为时间，纵轴为温度值；屏幕下方区域显示一些辅助信息，提示测量值是否属于标准范围或偏高，偏低等，以及显示最近的一次测量时间。 图1 界面关系图工作流程图 图2 工作流程图 图3 蓝牙连接流程图 固件更新： 软件更新： 图5 软件更新图 图4 固件更新图 启动界面 图6 启动界面图 引导界面 引导界面在第一次启动APP时展示给用户，

4、通过几幅可滑动的图片展示APP的主要功能和特色。可以包括以下几幅图片：1. 记录体温，关注变化2. 关爱健康，从这开始主界面启动app，进入splash界面，提示是否连接蓝牙，不管连接与否，都直接跳到主界面，屏幕上方显示4个图标，分别是搜索，电池，列表和设置，除了电池电量不可操作，其他图标都有相应的操作界面。图标下方是欢迎界面以及默认曲线显示最新接收设备端的测量数据，并支持周、月、年的间距切换。蓝牙图表显示蓝牙是否开启；电池图标则显示设备端电池的剩余量，提醒用户充电；模式切换按钮则实现按周，月，年来显示数据走向趋势；最后一个设置按钮实现4个功能，提醒用户输入自身基本信息，为测量值提供评判标准，

5、另外还可以检查设备端的软件固件升级以及更新，支持版本信息的查看，以及是否清除历史数据。图7 主界面图 设置界面 界面有有4个选项，软、固件的版本信息查看与更新，数据清空。选择清空按钮，则把历史存储的数据删除；选择版本信息，即查看蓝牙体温计的软件，固件的版本。 图8 设置界面图 更新部分，分为软件更新和蓝牙体温计固件更新。点击软件更新进入右图界面，第一个选项用于设置是否开启自动更新，默认开启；第二个选项用于手动检查更新。如果手动检查更新且没有发现更新，使用消息提示框提示当前版本为最新版；如果发现更新，弹出对话框，提示用户是否下载，用户点击确定后台开始下载，下载完毕启动安装。 美学设计提示：（1） 阐述界面的布局及理由（2） 阐述界面的色彩及理由界面资源设计 图标资源 图像资源 界面组件4 调研验证阶段方案一方案二方案三用户第一印象用户综合印象用户单独评价最喜欢的方案次喜欢的方案色彩（总分10分）文字（总分10分）图形（总分10分）5 方案改进阶段 经过用户调研，我们得到目标用户最喜欢的方案，且了解到用户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。这时候我们可以把精力投入到一个方案上，将方案做到细致精美。6 用户验证阶段 零距离接触最终用户，看看用户真正使用时的感想。为以后的升级版本积累经验资料。