UI DESIGN

網頁介面

交互介面與微互動設計

以下為近 3 年的作品,部分因為與公司或廠商簽訂保密條約,無法公開。

女性時尚網路媒體肌膚檢測APP

功能需求

利用小型肌膚檢測機器(約隨身碟大小)接觸臉上肌膚,即顯示數據在螢幕上。

  1. 檢測需等待時間,要做水滴型等待動畫,讓消費者相信檢測的準確性。
  2. 需要呈現含水量的數據。
  3. 比較使用保養品前後的數據,且在檢測時有 % 數升降的動畫,同樣使消費者更能投入情境。
  4. 判定膚況為濕潤、正常或乾燥
  5. 可得知肌膚年齡為幾歲。
  6. 需有 GPS 定位,並列出在此區域附近的排名(以增加消費者的比較心態,刺激購物慾望)。
  7. 檢測後自動帶出保養建議。
UI 設計與 Measurement 畫面
擔任角色及解決的問題
  1. 與行銷部同事一同訂立 UI 與程式的功能(Function Map)
  2. 先預想不同消費者的使用情境與行為、感覺與需求(開發中無法先做使用者測試)。
  3. 製作 Wireframe,多次與上司溝通討論,來回修改。
  4. 確認目標族群及使用場景後,制定 UI Guideline(顏色、尺寸、動畫效果等)。
  5.  開始著手設計 UI。
  6. 製作 Prototype
  7. Measurement 提供給工程師。
  8. 再次討論改善空間。

MONITOR & USER PORTAL

階層較低的 UI 設計與 MEASUREMENT