文档介绍：文档类型：技术文档
文档编号：.
总页数
版本
文件控制部门
宁波研究院
电子科技大学宁波研究院
UI设计文档类型：技术文档
文档编号：.
总页数
版本
文件控制部门
宁波研究院
电子科技大学宁波研究院
UI设计说明书
项目名称： 蓝牙体温计
项目编号：
拟
制：
（拟制人签字）
年 月
日
审
核：
（审核人签字）
年 月
日
批
准：
（批准人签字）
年 月
日
电子科技大学宁波研究院
年 月 日
目录
目录 2
1文档介绍 3
文档目的 3.
文档范围 4.
读者对象 4.
UI 概述 4..
2需求阶段 4
产品市场定位 4.
产品定义 5.
运营方式 5.
同类竞争产品 5.
3分析设计阶段 5
界面的关系图和工作流程图 .5
界面关系图 5.
工作流程图 7.
启动界面 .11
设置界面 .12
美学设计 .14
界面资源设计 .14
4调研验证阶段 14.
5方案改进阶段 15.
6用户验证阶段 15.
1文档介绍
规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来， 对产品 的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作 性。
文档范围
本文档用于界面设计。
读者对象
本文档的读者对象是项目管理人员、售前服务人员、 UI界面设计人员、界
面评审人员和配置测试人员。
UI概述
UI, W User Interface （用户界面）的简称。UI设计是指对软件的人机交互、 操作逻辑、界面美观的整体设计。
友好界面的好处：
达成软件易用性，提高产品竞争力
减少技术支持成本，增加投资回报率
提高客户满意度，实现产品社会价值
提升企业、品牌形象
2需求阶段
产品主要定位于家庭使用，可作为身体健康测试。
产品定义
蓝牙体温计是一种轻便， 易携的体温测量计， 将体温计测量的数据，上传到手机， 可以
查看历史数据的趋势，并在数据异常时，给出一些温馨提示。
客户群体
一般家庭
运营方式
同类竞争产品
当前在售产品，要么是只支持蓝牙 ,，因此本产品具
有很强的竞争力。
3分析设计阶段
通过分析上面的需求，进入设计阶段。设计原则参见： 《软件界面设计原则》文档，我
们设计出几套不同风格的界面用于被选。
界面的关系图和工作流程图
界面关系图
界面关系如图所示，主界面分 3个区域，屏幕上方显示蓝牙连接，设备电池电量，模
式切换，设置；中间区域显示测量数据信息，横轴为时间，纵轴为温度值；屏幕下方区域显
示一些辅助信息，提示测量值是否属于标准范围或偏高， 偏低等，以及显示最近的一次测量 时间。
不足 T
失败和错误 --
信息
Q开始;
NU1.
一
4r
id查询 产品
N ？ J>
Y +
明细
*
( 结束
图2工作流程图
（开始 > 搜索设备 ——Y , —（季）
N 选择设备
列出连接过 选择设备
和新搜索到 3配对连接
的设备
图3蓝牙连接流程图
固件更新:
软件更新:
图5软件更新图
图4固件更新图
蓝牙体温计
成电泰克
版 ^XXxxx
图6启动界面图
引导界面
引导界面在第一次启动 APP时展示给用户，通过几幅可滑动的图片展示 APP的主要功
能和特色。可以包括以下几幅图片：
.记录体温，关注变化
.关爱健康，从这开始
主界面
启动app ,进入splash界面，提示是否连接蓝牙，不管连接与否，都直接跳到主界面， 屏幕上方显示 4个图标，分别是搜索，电池，列表和设置，除