Wewash 洗車 App 體驗設計

UI/UX / Product Design
作品背景
很多人都很享受使用自助洗車時,能親手將愛車洗乾淨的感覺,我也不例外,常會利用假日空閒時到自助洗車場洗我的機車。在價格方面,自助洗車跟汽車美容比起來,價位也低了不少,對小資族來說是很有價值且方便的體驗。但我也常會遇到很多狀況,像是洗車場沒位子、設備標示不清、機器吃錢、設備過於老舊…等。
我的角色
這次作品屬於創新型,我負責了前期的需求分析、UX 研究,後期的 Wireframe、UI Mockup、設計系統與 Prototype 設計,也負責了幾場使用者訪談與易用性測試。
前期的用戶分析與訪談
除了自身遇到的問題,我先到了 Google Map 上看了各個自助洗車商店的評論,另外也對 3 名使用者做了初步的使用經驗訪談,將有洗車經驗者回饋的問題進行總整理 。
同理心地圖
在根據上述三位的使用者訪談及評論分析後,能更清楚地看到使用者的真實想法,有些甚至是當初沒有想過的。我們運用同理心地圖的概念,將使用者的說詞更清楚地完整呈現在該圖,並透過該圖能了解使用者的真實需求。
Persona
將同理心地圖的結果整理成人物誌,並將使用者遇到的挫折歸納成主要痛點,未來的解決方案能更聚焦在這些痛點上。
User Story
將使用者實際會遇到的故事,融入人物誌中的痛點和需求,整理出三種使用者在洗車時最主要的故事情境。
使用者旅程地圖
將上述的故事放入整個洗車流程的體驗,讓使用者感到挫折的環節呈現於地圖,幫助進行解決方案的發想,更能清楚問題發生的時間與地點。
產品價值主張
確定更精準的痛點後,開始確認產品能帶給顧客什麼樣的價值,並利用親合圖的概念進行更完整的分類。
使用者流程
有了上述的功能帶來的價值後,將基本的使用者流程畫出(這裡用預約和進入洗車場來舉例),並根據使用者故事來規劃流程和體驗。

資訊架構
將需要的功能用資訊架構方式呈現,讓各功能規劃、資訊與細項逐漸清晰。

Wireframe + Low-Fi Prototype 測試
將基本的首頁、預約系統及洗車系統初步的Wireframe製作出,並提供給使用者進行測試,並根據使用者回饋持續修正設計。下圖為首頁的設計迭代過程:




預約系統的的設計迭代過程:
Design System
確定修正大致的Wireframe後,開始建立品牌視覺及設計系統等 UI 的建置。



Component System:
UI Mockup
完成系統建置後,根據 Wireframe 進行 Mockup 繪製,將各功能主要的畫面繪製出。
商業模式的建立
透過一隻 App 即可完成洗車時的各階段步驟,除了到洗車棚洗車的動作,其他皆可在 App 上最方便的完成。

主要可能獲利的來源如下:

1. 各項設施使用費
2. 跟其他商家的合作費用
3. 為其他商家架置設備,收取抽成費用
4. 以洗到飽的優惠方案吸引
5. 累積洗車點數,可兌換洗車時數或洗車用品
6. 洗車用品的廣告費與成交佣金抽成
作品反思
這次的作品盡量涵蓋了整個研究和設計流程,也將整個UI設計系統嘗試用更整潔的方式呈現。

不過可能因為範圍廣,讓每個流程都需要很大量的思考與評估。希望未來進行這樣的作品時能在每個環節都能更加精細。

另外這次作品讓我花最多時間思考的是:預約系統的建立。究竟怎樣的模式才能幫助到使用者,因為洗車和點餐、旅館等預約系統不一樣,有很多洗車上的限制也需要納入考量。

另外也希望之後能將完整的UI都列出,並根據使用者的回饋再修正 Mockup 的設計。

謝謝大家閱讀,歡迎一起討論交流!

其他作品

UI/UX / Product Design

與我聯繫

Contact Me

0926202818@gmail.com

0978 228 167

Medium