top of page
Momclear

2019

UX研究/互動設計/視覺設計

現代人工作忙碌,沒時間、沒體力做生活瑣事,像是沒空整理、打掃家裡等,透過智慧系統為忙碌的上班族提供像是媽咪般的呵護,提供居家打掃、整理等清潔服務,也提供大型家具清潔服務,例如冷氣機、洗衣機等,為現代忙碌的人提供最方便的服務,並優先給予婦女及失業婦女就業機會。

工作區域 7.png

執行設計 Process

・User research・Persona・User journey map・

・Information Architecture・Functional map・Wireframe・Visual design・Interactive prototype

1.定義需求 Defining requirements

透過訪問了解需求產出Persona,分為三種族群的缺口了解背景及問題需求,透過User Journey map模擬整個接觸時間流程,分為打掃前、打掃中、打掃後時間軸,並把族群分為已婚及未婚,把使用者當下做什麼、想什麼分別列出,把感受最低的痛點標示出來,尋找出最需要的功能。

工作區域 4.png

2.定義問題 Define the problem

根據上述痛點確認主因為休息時間不夠、家務繁多、沒體力等,以及其他需求。

工作區域 10_edited.jpg

3.資訊架構圖 Information Architecture

根據上述問題發展出資訊架構圖,以使用者角度分別為需要客戶需求、時間需求、服務端、個人中心等功能。

工作區域 9_edited.jpg

4.功能架構圖 Functional map

根據上述資訊圖在構思功能時將以使用者最大的需求為主要目標,把次要的需求拿掉,產品確立為提供居家打掃、整理等清潔服務。

工作區域 9.png

5.線框圖 Wireframe

根據上述問題發展出資訊架構圖,以使用者角度分別為需要客戶需求、時間需求、服務端、個人中心等功能。

wire.png

6.設計系統 Design System

工作區域 2.png

8.介面設計 UI mockup

進行視覺設計時,針對 Wireframe 的細節再進行修正,以下為最終呈現:

工作區域 3.png
工作區域 5.png
工作區域 6.png

9.互動原型 Prototype

建立原型並加入動畫後,再次檢視 UI Flow 中是否還缺少了對使用者來說必要的提示與操作。

登入畫面

單次清掃服務

定期清掃服務

其他家具清掃服務

其他功能展示

10.試試看 Try it

這是Prototype的線上網址,你可以掃描QR-Code連上,或是直接點擊連線過去,檔案較大需要稍等一下,試試看吧!

qrcode.jpeg
工作區域 8.png
bottom of page