最終設計 & 迭代
無負擔的 Wi-Fi 設定過程
考量使用者年齡層、學習力較低,採用步驟化線性流程,減少單一畫面任務,降低使用者當下操作的認知負荷。並搭配過度動畫,提升介面互動。
更生動的韌體更新過程
學生難以忍受 3 分鐘的更新等待時間,因此將更新 loading 設計為吉祥物角色賽跑、到達終點歡呼等情感化設計,增加與使用者互動性。
更直覺的選擇 USB 序列埠
問題
選擇 USB 序列埠時,若電腦同時連接多個 USB,使用者會無法做出決定。
設計策略
系統背景處理,省去操作步驟 → ❌
過濾不必要選項 → ❌
更改選項名稱 → ❌
提示引導視窗 → 🟢
受限於 Chrome 原生系統技術限制,1. 2. 3. 項設計方法無法實作,經過和工程師多次來回後,採用方法 4.,成功引導使用者。
設計關鍵字 & 設計系統
執行設計系統,訂出設計關鍵字:活潑的 / 互動的 / 能引發學習興趣的,並和視覺設計師、PM 合作,做了一系列吉祥物情境圖示,同時符合介面易用性、一致性及品牌意象。
UX Writing Guideline
Edge Cases
經過測試與正式上線後的使用者回饋,發現些許 edge case 導致使用錯誤。
我和前後端、韌體工程師合力盤點所有錯誤情境,包含系統錯誤、人為操作錯誤、介面引導錯誤,總計 11 個錯誤觸發點。再根據操作情境及工程邏輯,歸納為 6 種提示畫面。
成果 & 影響
這次的改動獲得了不錯的成果,包含減少操作時間 20 分鐘、使用者滿意度 80 分。
而商業價值的部分,因為產品性質無法將所有銷量提升歸功於這次的改動,因次我們更側重於質性的指標,包含使用者回饋、教學心得、購買意願等等訪談結果。
不僅解決使用上的問題,也減少了客服人員每月處理 3 件客服問題的成本。
我認為這是產品設計時的重點,不只要考慮使用者的使用問題,也要同時思考如何降低團隊內部的成本,帶來最大效益。
心得 & 反思
為了更提升商業成果,這項產品還有許多層面需要改善,包含「得知訊息 - 產生興趣」以及「初始化 - 願意持續使用」,這兩階段在使用者旅程中仍有斷點,未來需要調整。
而這次的專案雖然不是我主要負責的產品,但是由我發覺痛點並主動提案,帶來不錯的成果,對團隊有不錯的營運及商業價值。
我帶給團隊的...
將商業問題,轉換為設計方案,解決使用者問題。
與成員合作,透過反覆測試,找到最適合使用者的設計。
根據產品現狀,做出適合的產品決策,並讓團隊往相同目標前進。
幕後花絮
在開發過程中發現,工程師們對於 Figma 的使用以及設計系統的營運方式不太了解,因此做了一份給團隊工程師看的簡報,讓團隊協作更順利。