元盛生醫肌膚檢測 App

看見全面真實肌膚狀況
為你量身訂製最佳保養方案

App StoreGoogle Play

專案角色

UX 設計師

執行時間

2019.02 —— 2019.05( 4 個月)

載體

App( IoT 物聯網應用 )
ici_full
專案背景

元盛生醫致力於研發可隨身攜帶的肌膚檢測儀,結合物聯網與美妝保養,協助使用者隨時隨地進行膚況分析,提供準確的量化數據和專屬保養建議。為了提升格局、順利打入國外保養市場,元盛生醫決定針對原先的肌膚分析 App 改版,讓使用者能夠確實感受到品牌形象翻新後,AI 智慧保養所帶來的升級與科技感。

ici_1
易用性測試

此次專案的研究目的為 —— 解決使用者在未改版的 App 遇到的痛點,讓使用者可以快速且正確地使用檢測儀器。為了導出設計策略與目標,我們執行了多場易用性測試,觀察和紀錄六位「不同年齡層、具有基礎保養習慣」的受測者初次使用未改版的 App 的行為和感受,釐清在每個階段過程中產生的問題和疑惑,並將問題點依據 ISO 9241-11 標準定義分類為「有效性 Effectiveness / 效率 Efficiency / 滿意程度 Satisfication」:

ici_2
設計策略

我們從易用性測試觀察到的問題中,導出四個設計策略作為此次專案的執行方針,確保每個操作流程都有可以緊扣的設計原則。

ici_3
資訊架構

以不同的使用情境區分功能區塊,將目標動作點擊次數減至最低:

ici_4
藍牙連線
開始踏上美肌旅程

iCi 儀器需要和 App 進行藍牙連線後才能使用,然而在易用性測試時,我們發現使用者在連線過程頻頻卡關。在〈十項使用者體驗設計優化原則〉裡,第一個首要原則即是:藉由合理時間和適當回饋,系統應該讓使用者知道現在的狀態是什麼。

因為缺少清楚的提示回饋,導致使用者感到被困住,不知道連線是否成功。我們不只重新梳理操作動線,也藉由動態效果吸引使用者的注意、幫助理解每個步驟和當下狀態。例如在藍牙連線過程中,設計向外擴散的水波動態,向使用者傳達「正在偵測掃描要連線的裝置」的狀態,成功和失敗時分別播放正確和錯誤的音效。

ici_5
深層肌膚檢測

儀器連線完成後就能進行肌膚檢測,將儀器探頭貼於左臉、右臉、額頭三個部位的肌膚表面,即能根據膚況分析出最適切的保養用量建議和目前保養品剩餘存量,以及獲得一份完整檢測報告。我們特地在保養頁面規劃了「如何測更準?」入口,幫助使用者以正確的儀器角度檢測肌膚,提升數據精確度。檢測完後加入 3 秒的保養品用量調配轉場頁面,讓使用者更真實地感受到「iCi 正為你計算最佳保養比例」。

ici_6ici_7
全方位檢測報告

檢測左臉、右臉、額頭三個部位後,會得到四個保養指標(油脂分泌量、含水量、黑色素、肌膚含氧量),然而在易用性測試裡,幾乎所有的受測者都表示不理解這些指標對自身膚況會產生什麼影響,以及數值是否在正常範圍內。

我們首先在局部肌膚部位數值之上,給予更全面的「總分」概念,讓使用者在報告首頁掌握肌膚概況以後,再瞭解較關心的部位細節。頁面底部的趨勢圖表不只以視覺化呈現肌膚變化狀況,同時具備滑動功能,俐落切換到至上一則報告。

ici_8
深入瞭解肌膚指標

從檢測報告首頁點擊特定的指標後,就能進入到該項目的詳細頁面。我們新增了每個指標的對應說明以及範圍說明,讓使用者瞭解這項指標和膚況的關聯,也能清楚看見數值落在「稍低/正常/良好」的區間。另外針對肌膚狀況給予實際回饋,幫助使用者進一步調整保養方式。

ici_9
有效追蹤肌膚變化

除了藉由折線圖直觀表達肌膚變化趨勢,我們也把在特定時段區間內「首次」和「最近一次」的檢測數據,分別放置於圖表的左側和右側,更直觀地感受變化幅度。

ici_10
奪得獎項 🎉

專案結束後,iCi App 奪得有「美容界奧斯卡」之稱的 Cosmetic 360 Awards「品牌與零售 Retail & Brands」類別冠軍,實現專案改版的核心目標,順利在法國保養市場打開知名度!

與你肌膚互動的「新轉肌」!交大理工男自創保養品牌,勇奪法美妝奧斯卡首獎

美妝部落客實際體驗

親自使用 iCi 產品一週以上的美妝部落客們,各自點出 App 的特色功能和使用順暢度,驗證在易用性測試裡的痛點皆有被解決,甚至幫助她們改善原先的保養習慣。

ici_12