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

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