1、文檔類型：技術(shù)文檔文檔編號：總頁數(shù)版本文件控制部門寧波研究院電子科技大學(xué)寧波研究院UI 設(shè) 計說 明書項目名稱： 藍牙體溫計項目編號：擬制：（擬制人簽字）年月日審核：（審核人簽字）年月日批準：（批準人簽字）年月日電子科技大學(xué)寧波研究院年月日目錄目錄 21 文檔介紹 3文檔目的 . 3文檔范圍 . 3讀者對象 . 3UI 概述 42 需求階段 4產(chǎn)品市場定位 . 4產(chǎn)品定義 . 4運營方式 . 4同類競爭產(chǎn)品 . 43 分析設(shè)計階段 4界面的關(guān)系圖和工作流程圖 . 5界面關(guān)系圖 . 5工作流程圖 . 5啟動界面 . 8引導(dǎo)界面 . 8主界面 9設(shè)置界面 . 9美學(xué)設(shè)計 . 10界面資源設(shè)計 .

2、114 調(diào)研驗證階段 115 方案改進階段 116 用戶驗證階段 111 文檔介紹文檔目的規(guī)范公司 UI 設(shè)計流程， 使 UI 設(shè)計師參與到產(chǎn)品設(shè)計整個環(huán)節(jié)中來， 對產(chǎn)品 的易用性進行全流程負責(zé)， 使UI設(shè)計的流程規(guī)范化，保證 UI設(shè)計流程的可操作 性。文檔范圍本文檔用于界面設(shè)計讀者對象 本文檔的讀者對象是項目管理人員、售前服務(wù)人員、 UI 界面設(shè)計人員、界 面評審人員和配置測試人員。UI 概述UI, 即 User Interface （用戶界面） 的簡稱。 UI 設(shè)計是指對軟件的人機交互、 操作邏輯、界面美觀的整體設(shè)計。友好界面的好處：達成軟件易用性，提高產(chǎn)品競爭力減少技術(shù)支持成本，增加投資

3、回報率提高客戶滿意度，實現(xiàn)產(chǎn)品社會價值提升企業(yè)、品牌形象2 需求階段產(chǎn)品市場定位產(chǎn)品主要定位于家庭使用，可作為身體健康測試。產(chǎn)品定義 藍牙體溫計是一種輕便， 易攜的體溫測量計， 將體溫計測量的數(shù)據(jù)，上傳到手機， 可以 查看歷史數(shù)據(jù)的趨勢，并在數(shù)據(jù)異常時，給出一些溫馨提示。客戶群體一般家庭運營方式同類競爭產(chǎn)品 當(dāng)前在售產(chǎn)品，要么是只支持藍牙，或者支持的產(chǎn)品價格昂貴，因此本產(chǎn)品具有很強 的競爭力。3 分析設(shè)計階段通過分析上面的需求，進入設(shè)計階段。設(shè)計原則參見： 軟件界面設(shè)計原則文檔，我 們設(shè)計出幾套不同風(fēng)格的界面用于被選。界面的關(guān)系圖和工作流程圖 界面關(guān)系圖 界面關(guān)系如圖所示， 主界面分 3個區(qū)域

4、， 屏幕上方顯示藍牙連接， 設(shè)備電池電量， 模式 切換，設(shè)置；中間區(qū)域顯示測量數(shù)據(jù)信息，橫軸為時間，縱軸為溫度值；屏幕下方區(qū)域顯示 一些輔助信息， 提示測量值是否屬于標(biāo)準范圍或偏高， 偏低等， 以及顯示最近的一次測量時 間。圖 1 界面關(guān)系圖工作流程圖開始圖2 工作流程圖圖3 藍牙連接流程圖軟件更新：固件更新：YNYN圖5 軟件更新圖圖4 固件更新圖啟動界面藍牙體溫計成電泰克版本x號xx：xx圖 6 啟動界面圖APP的主要功能引導(dǎo)界面 引導(dǎo)界面在第一次啟動 APP時展示給用戶， 通過幾幅可滑動的圖片展示 和特色。可以包括以下幾幅圖片：1. 記錄體溫，關(guān)注變化2. 關(guān)愛健康，從這開始主界面啟動

5、app，進入 splash 界面，提示是否連接藍牙，不管連接與否，都直接跳到主界面， 屏幕上方顯示 4 個圖標(biāo)，分別是搜索，電池，列表和設(shè)置，除了電池電量不可操作，其他圖 標(biāo)都有相應(yīng)的操作界面。圖標(biāo)下方是歡迎界面以及默認曲線顯示最新接收設(shè)備端的測量數(shù) 據(jù)，并支持周、月、年的間距切換。藍牙圖表顯示藍牙是否開啟；電池圖標(biāo)則顯示設(shè)備端電 池的剩余量，提醒用戶充電；模式切換按鈕則實現(xiàn)按周，月，年來顯示數(shù)據(jù)走向趨勢；最后 一個設(shè)置按鈕實現(xiàn) 4個功能， 提醒用戶輸入自身基本信息， 為測量值提供評判標(biāo)準， 另外還 可以檢查設(shè)備端的軟件固件升級以及更新，支持版本信息的查看，以及是否清除歷史數(shù)據(jù)。圖 7 主界面

6、圖設(shè)置界面界面有有 4 個選項，軟、固件的版本信息查看與更新，數(shù)據(jù)清空。選擇清空按鈕，則 把歷史存儲的數(shù)據(jù)刪除；選擇版本信息，即查看藍牙體溫計的軟件，固件的版本。圖 8 設(shè)置界面圖如果更新部分，分為軟件更新和藍牙體溫計固件更新。點擊軟件更新進入右圖界面， 第一個選項用于設(shè)置是否開啟自動更新， 默認開啟； 第二個選項用于手動檢查更新。 手動檢查更新且沒有發(fā)現(xiàn)更新，使用消息提示框提示當(dāng)前版本為最新版；如果發(fā)現(xiàn)更新， 彈出對話框，提示用戶是否下載，用戶點擊確定后臺開始下載，下載完畢啟動安裝。美學(xué)設(shè)計提示：1) 闡述界面的布局及理由2） 闡述界面的色彩及理由界面資源設(shè)計 圖標(biāo)資源圖像資源界面組件4 調(diào)研驗證階段方案一方案二方案三用戶第一印象用戶綜合印象用戶單獨評價最喜歡的方案次喜歡的方案色彩（總分 10 分）文字（總分 10 分）圖形（總分 10 分）5 方案改進階段經(jīng)過用戶調(diào)研，我們得到目標(biāo)用戶最喜歡的方案， 且了解到用戶為什么喜歡， 還有什么