Health App
Project Hero Image

Overview

這是一款健康運動 App ,主要連接按摩椅、跑步機、血壓計、體重計、超慢跑等裝置,用戶可以下載 App 操控裝置,當使用裝置結束後,App 能夠即時紀錄用戶每一次使用後的數據,用戶可以此款 App 追蹤健康變化,並且能夠加入夥伴或追蹤夥伴帳號,分享、相互提醒夥伴要多運動及定期量測健康數據,長期養成定期量測、定期運動的習慣,達到健康照護。

比稿獲選!

為短期專案性質,歷經比稿 → 獲選 → 正式與客戶合作

客戶希望能重新設計健康照護 App,因此尋找多位設計師進行比稿的方式,比稿主題為超慢跑的使用流程,需完整呈現操作流程以及 UI 設計,客戶給予需求規格之後,期望設計師能設計出符合客戶公司調性的設計,在歷經一個月後的比稿及確認後,很榮幸我的稿件最後被選中!

在確定入選後,則正式展開合作。

My Role

我的角色:Senior Product Designer

主要職責:團隊以兩個人組成,我與一位 PM 合作,我主要釐清用戶需求,了解 App 用戶對於舊有 App 所遇到的問題,並盤點舊有 App 資訊架構,以利展開後續的規劃與設計,包含建立新 App 的 IA 資訊架構、Task Flow 操作流程、建立 Design Guidline 及 UI 設計。

Problems

為了暸解既有用戶對於舊有 App 所遇到的問題,我們前往客戶公司,與客戶討論 App用戶遇到的問題,提供可能的解決方式,同時在現場體驗各種型號的按摩椅、跑步機、體重計等裝置,連接舊版 App,實際感受用戶所遇到的問題,最後我歸納了用戶的痛點及期望:

痛點:

🙁 用戶不知道首頁輪播圖片,可以點擊:舊版的輪播圖片,其實是主要 App 功能項目(按摩椅、血壓計、體重計、健康等),依十大易用性原則,缺乏關聯性,因此用戶並不清楚這其實不僅僅只是圖片,而是可以點擊服務功能的入口

🙁 沒有記憶曾經連接過的裝置:客戶提到每次使用都需要重新連接裝置,非常困擾

🙁 按鍵太小不好點、字太小看得很費力:App 的用戶使用族群年齡範圍在 35~50 歲,對於 App 字太小問題時常提出反應給客戶

🙁 不好看,風格老舊:因舊版 App 已存在幾年時間,客戶希望能重新設計風格

期望:

😃 簡化操作介面

😃 像遙控器一樣直覺的按鈕

😃 需要鼓勵獎勵方式,提升用戶黏著度和參與動機,超慢跑、體脂、體重

Target Audience

App 用戶,以 35~50 歲的女性族群居多,男性占 40%、女性占 60%

Design Process

1. 收集用戶需求,定義問題:為了釐清舊版 App 連接裝置的操作流程及可能的問題,我前往客戶公司親自體驗現場的裝置設備以連接 App 完整操作流程,確認目前 App 用戶所遇到的問題。

2. 建立資訊架構:盤點舊版 App 的資訊架構,在了解需求之後,我重新建立一個新的資訊架構,以這個資訊架構基礎下,去進行下一階段的操作流程繪製

3. 建立 User Flow:在繪製 User Flow 之前,必須先釐清既有的流程,思考如何改善。

(1) 以連接裝置流程為例:為了改善連接裝置的流程,我使用了其他健康照護 App,歸納了連接裝置的幾個重點:

a. 自動記憶連接過的裝置型號
b. 判斷是否有其他帳號有連接該裝置型號
c. 偵測手機藍芽是否有開啟

(2) 使用裝置或服務流程 (按摩椅、體重計、血壓計、超慢跑等)

客戶期望在用戶使用完裝置之後,能給予鼓勵並顯示數據,而每一種裝置的操作流程有一些不同,以跑步機流程為例:

4. 建置 Design System:客戶希望新版 App 能帶入品牌色,並且留意字級不要小於 20px,原因在於使用客群落在 35~50 歲居多

5. Mockup &Prototype:在建立 Task Flow 、Design System 之後,開始進行 UI Design,繪製 Task Flow 是很重要的環節,在設計過程中會遇到操作流程圖未考量到的細節,我會回頭去調整 Task Flow,確保設計 UI 的正確性。

Reflection & Takeaway

前期與客戶討論過程中,客戶對於舊版 App 整體的操作問題感到困擾,因為這也間接影響到 App 用戶對客戶公司品牌的觀感,於是在設計過程中我也特別聚焦在每一個功能的操作流程細節,來回與客戶確認討論,從繪製操作流程、頁面串連,到交付給客戶並完成驗收,能夠幫助到客戶的產品提升到更高的層次,同時感受到客戶的我的信任,身為設計師也有著滿滿的成就感。