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

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

《移动APP蓝牙体温计UI设计说明书.docx》由会员分享，可在线阅读，更多相关《移动APP蓝牙体温计UI设计说明书.docx（10页珍藏版）》请在冰豆网上搜索。

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

文档类型：

技术文档

文档编号：

总页数

版本

文件控制部门

宁波研究院

电子科技大学宁波研究院

UI设计说明书

项目名称：

蓝牙体温计

项目编号：

拟制：

（拟制人签字）年月日

审核：

（审核人签字）年月日

批准：

（批准人签字）年月日

电子科技大学宁波研究院

年月日

1文档介绍

文档目的

规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。

文档范围

本文档用于界面设计。

读者对象

本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。

UI概述

UI,即UserInterface（用户界面）的简称。

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。

友好界面的好处：

达成软件易用性，提高产品竞争力

减少技术支持成本，增加投资回报率

提高客户满意度，实现产品社会价值

提升企业、品牌形象

2需求阶段

产品市场定位

产品主要定位于家庭使用，可作为身体健康测试。

产品定义

蓝牙体温计是一种轻便，易携的体温测量计，将体温计测量的数据，上传到手机，可以查看历史数据的趋势，并在数据异常时，给出一些温馨提示。

客户群体

一般家庭

运营方式

同类竞争产品

当前在售产品，要么是只支持蓝牙，或者支持的产品价格昂贵，因此本产品具有很强的竞争力。

3分析设计阶段

通过分析上面的需求，进入设计阶段。

设计原则参见：

《软件界面设计原则》文档，我们设计出几套不同风格的界面用于被选。

界面的关系图和工作流程图

界面关系图

界面关系如图所示，主界面分3个区域，屏幕上方显示蓝牙连接，设备电池电量，模式切换，设置；中间区域显示测量数据信息，横轴为时间，纵轴为温度值；屏幕下方区域显示一些辅助信息，提示测量值是否属于标准范围或偏高，偏低等，以及显示最近的一次测量时间。

图1界面关系图

工作流程图

图2工作流程图

图3蓝牙连接流程图

固件更新：

软件更新：

图5软件更新图

图4固件更新图

启动界面

图6启动界面图

引导界面

引导界面在第一次启动APP时展示给用户，通过几幅可滑动的图片展示APP的主要功能和特色。

可以包括以下几幅图片：

1.记录体温，关注变化

2.关爱健康，从这开始

主界面

启动app，进入splash界面，提示是否连接蓝牙，不管连接与否，都直接跳到主界面，屏幕上方显示4个图标，分别是搜索，电池，列表和设置，除了电池电量不可操作，其他图标都有相应的操作界面。

图标下方是欢迎界面以及默认曲线显示最新接收设备端的测量数据，并支持周、月、年的间距切换。

蓝牙图表显示蓝牙是否开启；电池图标则显示设备端电池的剩余量，提醒用户充电；模式切换按钮则实现按周，月，年来显示数据走向趋势；最后一个设置按钮实现4个功能，提醒用户输入自身基本信息，为测量值提供评判标准，另外还可以检查设备端的软件固件升级以及更新，支持版本信息的查看，以及是否清除历史数据。

图7主界面图

设置界面

界面有有4个选项，软、固件的版本信息查看与更新，数据清空。

选择清空按钮，则把历史存储的数据删除；选择版本信息，即查看蓝牙体温计的软件，固件的版本。

图8设置界面图

更新部分，分为软件更新和蓝牙体温计固件更新。

点击软件更新进入右图界面，第一个选项用于设置是否开启自动更新，默认开启；第二个选项用于手动检查更新。

如果手动检查更新且没有发现更新，使用消息提示框提示当前版本为最新版；如果发现更新，弹出对话框，提示用户是否下载，用户点击确定后台开始下载，下载完毕启动安装。

美学设计

提示：

（1）阐述界面的布局及理由

（2）阐述界面的色彩及理由

界面资源设计

图标资源

图像资源

界面组件

4调研验证阶段

方案一

方案二

方案三

用户第一印象

用户综合印象

用户单独评价

最喜欢的方案

次喜欢的方案

色彩（总分10分）

文字（总分10分）

图形（总分10分）

5方案改进阶段

经过用户调研，我们得到目标用户最喜欢的方案，且了解到用户为什么喜欢，还有什么遗憾等，这样我们就可以进行下一步修改了。

这时候我们可以把精力投入到一个方案上，将方案做到细致精美。

6用户验证阶段

零距离接触最终用户，看看用户真正使用时的感想。

为以后的升级版本积累经验资料。