SlideShare a Scribd company logo
1 of 25
Download to read offline
We Eat
一鍵輕鬆約聚會
成團再也不心累
UI / UX Design
原型測試
功能修正
體驗優化
設計流程
UXR UXD
問題發現
UXT
次級資料研究
質化訪談
競品分析
修正HMW 初步需求轉化
功能設計
介面設計
原型設計
設計目標
為團體打造有效率討論聚會時間交集的社群平台,解決團體聚餐「時間喬不攏」問題
創建用戶餐廳偏好分析模型,視覺化餐廳資訊,改善「餐廳沒共識」問題
HMW 讓用戶輕鬆快樂地約成聚餐?
設計挑戰
• 用戶面對不同團體具備不同決策心理,如何辨明共同痛點,提出通用
功能?
• 時間問題屬於強限制條件,如何提高討論熱度與個人配合度協助尋找
團體交集,提高成團比率?
• 餐廳選擇屬個人主觀感受,如何將個人偏好帶入團體決策情境?
用戶分群
消極
討論
積極
討論
群體配合
度高
群體配
合度低
獨善
大隱型
兼善
入世型
獨尊.
領導型
如影
隨型
透過質性訪談,我們將使用
者在聚餐決策的行為分成幾
種不同類型,而獨善大隱並
非我們的目標用戶
用
戶
描
述
兼善入世型
用戶
定義
用戶
特徵
用戶
痛點
獨尊領導型
多數時候是「主
揪」,積極討論、
群體配合度高
1.主動性強,積極發
起聚會時間、餐廳討
論

2.負責團體協調
1. 時間成本、心理壓
力大:需要負責邀約、
提醒團體成員投票等
2. 時間喬不攏
1. 積極參與討論(尤其為了
個人考量)
2. 有特殊需求時,不太願意
妥協
如影隨型
1. 被動等待結論出現
2. 不表態
3. 願意配合團體
4. 出席意願高
積極討論、群體
配合度低
消極討論、群體
配合度高
人格
分類
1. 多數決時,自己的想法或選
擇沒被考量到
2. 其他人不回應拖慢決定進程
1. 期待其他人快速獲得結論,自
己才能提前空下時間
2. 不喜歡被催促、希望能夠按自
己的步調以及方便的時間做決定
開
始
計
劃
統
計
時
間
確
認
結
果
統
計
餐
廳
確
認
結
果
訂
位
發
通
知
提
醒
大
家
不
確
定
要
開
多
少
時
段
與
會
者
不
主
動
回
應
時
間
喬
不
攏
不
清
楚
大
家
喜
好 與
會
者
不
主
動
回
應
餐
廳
沒
有
位
置
沒
有
提
醒
會
忘
記
時
間
地
點
讓
大
家
選
擇
忘
記
要
投
票
,
流
程
延
宕
不
知
道
該
怎
麼
辦
找
餐
廳
很
麻
煩 不
斷
催
促
心
理
負
擔
重
流
程
重
新
開
始
顧
客
旅
程
地
圖
痛
點
分
析
功
能
轉
化
群體回應
不及時
有人不表態
時間無法
找到交集
搜尋餐廳
資訊成本高
不清楚群體
餐廳偏好
需求偏好分析與
個性化推薦
小視頻、照片即時呈
現餐廳、餐點
餐廳軟硬體設備
以icon顯示
公開投票結果,
協助釐清問題
語音詢問用戶
用戶自訂詢問時間
死線設立與提醒
透過優惠提高回應誘因
時段選項預設「有空」,
提高給予時段數量
回覆時間階段 統計時間階段 餐廳選擇階段
語音詢問用戶
設計轉化
設計概念
• 透過降低主揪發起聚餐成本、來
回詢問成本、被揪回覆成本,降
低使用者揪團門檻,同時以誘因
提高用戶參與討論熱度
• 透過投票即時資訊指出聚餐無法
找出交集的問題,創造機會協調,
推進聚餐討論進行
We Eat
主揪
語
音
/文
字
發
起
聚
會
快速掌握群體交集
投票資訊即時揭露
被揪
詢
問
聚
餐
語
音
/文
字
回
覆
主頁面
頁面特色 需求
回饋 修正
1. APP主頁面
2. 可搜尋餐廳
3. 導航列亦可選擇其他功能
1. 使用者可在約聚會的同
時,可以同時找到想吃
的餐廳
1. 使用者誤認搜尋餐廳是
主要的功能
2. 搜尋餐廳的功能與其他
app無差異化
以目前聚會列表作為主頁面
or
以聊天室頁面做為主頁面 ?
1. 卡片形式呈現餐廳
2. 搜尋功能
3. 「收藏」了解使用者偏好
4. 公開社群偏好
1. 即時結合餐廳資訊與社群
聊天功能
1. 跟愛食記⼀一樣,無法差異異
化
2. 愛食記提供優惠卷、24⼩小
時訂位,無優勢
1. 提高使用餐廳搜尋與訂位的誘
因,例如優惠卷或是可以優先訂
位(等等)
頁面特色 需求
回饋 修正
餐廳瀏覽
1. 可直接透過日曆選擇邀約日
期及時間的範圍
2. 偏好設定可讓系統更清楚知
道要推播哪些餐廳
3. 自動發出通知,由系統負責
整合結果
1. 協助主辦人清楚的訂出聚
會的時間地點
2. 與會者都可選擇自己喜歡
的方式來回應,以提高回
應動機
1. 主揪提意⾒見見給⼤大家否決會
比較有效率,⽽而非給範圍
2. 這樣好像讓流程更更複雜了了
主揪的設定以及其他人的選擇要
如何排序,需要更精緻的設計
頁面特色 需求
回饋 修正
邀約規劃
1. 投票訊息生成於聊天室中
2. 時間選項條列呈現
1. 希望可以順利利跟朋友聚餐
1. 使⽤用者流程太多步驟,傾
向以訊息來來回詢問
2. 希望具備投票截⽌止前提醒
功能
改善目前時間條列式資訊量呈現
受限
頁面特色 需求
回饋 修正
聚餐邀約
1. 右滑選擇餐廳
2. 下滑可看餐廳特色
3. 跳出的餐廳屬於「所有聚餐
者」的偏好分析
1. 減少花在選擇餐廳上的時
間
2. 快速得到共識
1. 喜歡偏好分析的功能,因
為很⽅方便便,減少時間
1. 確定偏好分析的機制(除了歷
史紀錄、個人偏好之外要如何確
定每個人的比重)
頁面特色 需求
回饋 修正
餐廳選擇
1. 內嵌日曆供用戶選擇日期/
時段
1. ⽤用⼾戶即時提供⽅方便便時間,
無須跳轉到其他App(如⾏行行
事曆)
1. ⽇日期間跳轉挑選時段花太
多時間
2. 需要知道與其他⼈人時間「交
集」
3. 降低時段選項數量量
資料呈現將參考Doodle/Google
Calendar,降低繁瑣操作程序
即時公開群組其他人回覆,協助
尋找「交集」
限縮即時結果呈現數量
頁面特色 需求
回饋 修正
時間選擇
1. 語音創建聚會邀約
2. 即時整合行事曆
1. 有效率創建聚會
1. 減少時間,會讓⼈人比較想
回應
1. 優化語音助理的機制
頁面特色 需求
回饋 修正
語音助理
主要功能跟Messenger 、
美食App 雷同,如何差異
化並且讓使用者願意再下
載一個,需要再思考。
提高誘因並差異化
使用者最大的痛點是「無法約
成」,但流程的改善只解決了部
分問題,尚須回應如果「時間喬
不攏」該怎麼辦。
滿足其他「約聚會」
之中的痛點
整體流程順暢,但可
以再更優化。
優化使用流程
整體修正方向
串接用戶行事曆
引導詞&語意分析必要資訊
主揪與系統(飯飯精靈)透過對話創建聚會,系統自動生成時段選項供
選擇,在對話中擷取「邀約對象」、「邀約死線」等必要資訊。送出聚
會邀約後,系統亦可以對話型態詢問被揪,並主動媒合受邀者時間,死
線前提醒受邀者,死線後回報主揪結果
語音助理 - 飯飯精靈
• 單一介面完成時間選擇,避免介面切換斷點
• 時間選項預設為「有空並送出」,用戶需點選取消選項,
提高用戶送出時段數量
• 透過對話情境設計與適當引導詞協助釐清「邀約對象」、
「邀約死線」等關鍵資訊
扁平化資訊呈現
即時投票結果細節
聊天室即時投票結果呈現,協助主揪與聊天室成員更
直觀看出時間、餐廳選擇中,出席者與不出席者分佈,
讓彼此更清楚聚會狀況,方便大家做出決定
即時投票結果
• 減少資訊上下層數量,讓用戶省心查找不同時間/餐廳資訊
• 提供「不出席」者資訊及原因,讓團體其他人有機會協調並
推進時間/餐廳討論
自動化偏好分析
習慣與偏好設定
歷史搜尋及用餐分析
系統將會分析平常的搜尋紀錄,了解使用者關注的餐廳面向(例如:
特別常搜尋某種類型、某個區域)比對過去曾經吃過的餐廳,確定
使用者及該群體的偏好
-
系統會請使用者設定自己用餐的偏好(例如:可接受價格範圍、喜
愛類型、是否茹素、常出沒的地理區域等),比對群體中每個人的
設定取出最大的交集,再進行推薦
系統運用機器學習技術根據該群組中每位使用者歷史搜尋、
用餐、餐廳偏好等數據進行餐廳偏好分析,在毫無頭緒時
提供每次聚會多元的餐廳推薦
優惠機制提升誘因
餐廳空位比對
透過群組共同達成任務來集點換取折價券和其他折扣優惠等方式,提供使用
者在指定時間內成團的誘因,在聚餐時間確認後可以直接比對餐廳行事曆並
進行訂位
餐廳合作機制
• 指定時間內需約成聚會、確實出席,即可獲得優惠,藉此讓使用者更積極參與聚會、
提高配合度,最終提高成團率
• 確定聚會日期之後可直接比對餐廳行事曆,即時回報該日期是否可
成團,若已客滿系統會再依順位確認使用者改至其他餐廳的意願,
減少使用者與餐廳、聚會成員來回討論的時間
卡片式+Gallery 資料呈現
滑桿式表達偏好
餐廳選擇方式
• 在餐廳投票中,將各餐廳資訊以卡片式呈現
(卡片包含:影片、圖片、文字),用戶可
在Gallery中滑動瀏覽餐廳卡片做比較,協助
用戶獲得足夠判讀與選擇的資訊,降低用戶
選擇餐廳斷點
• 除了傳統的二分法投票方式外,新增滑桿投
票,讓用戶依喜好程度做差異化表態,在總
結公布最後比分供用戶作為決策參考
HMW 讓用戶輕鬆快樂地約成聚餐?
語音助理 即時結果 偏好分析 餐廳合作 餐廳選擇
測試影片
成員分工
楊智閔 / UX Designer 曾聖雅 / UI Designer 吳悅嘉 / UX Researcher

More Related Content

Similar to We Eat 團體聚餐輕鬆約

Designing Interfaces chapter 9
Designing Interfaces chapter 9Designing Interfaces chapter 9
Designing Interfaces chapter 9Shu Ting Hsieh
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
動腦講座 粉絲團經營等於社群經營
動腦講座 粉絲團經營等於社群經營動腦講座 粉絲團經營等於社群經營
動腦講座 粉絲團經營等於社群經營Ruby Kuan 關芸如
 
CPC-以五感打造服務體驗
CPC-以五感打造服務體驗CPC-以五感打造服務體驗
CPC-以五感打造服務體驗Ian Jang
 
Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計Bill Lin
 
视觉设计
视觉设计视觉设计
视觉设计o0runner
 
如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UX如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UXChih Yuan Cho
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be betterJen-Chieh Ko
 
Uoid04 the details of design thinking
Uoid04 the details of design thinkingUoid04 the details of design thinking
Uoid04 the details of design thinkingNTUST
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀Miya Chang
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 
ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法悠識學院
 
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98悠識學院
 
【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法
【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法
【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法bookfans
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Justin Wu
 
HP41活動介紹-使用者研究
HP41活動介紹-使用者研究HP41活動介紹-使用者研究
HP41活動介紹-使用者研究悠識學院
 

Similar to We Eat 團體聚餐輕鬆約 (19)

Designing Interfaces chapter 9
Designing Interfaces chapter 9Designing Interfaces chapter 9
Designing Interfaces chapter 9
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
動腦講座 粉絲團經營等於社群經營
動腦講座 粉絲團經營等於社群經營動腦講座 粉絲團經營等於社群經營
動腦講座 粉絲團經營等於社群經營
 
CPC-以五感打造服務體驗
CPC-以五感打造服務體驗CPC-以五感打造服務體驗
CPC-以五感打造服務體驗
 
Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計Responsive Web Design 響應式網頁設計
Responsive Web Design 響應式網頁設計
 
视觉设计
视觉设计视觉设计
视觉设计
 
如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UX如何讓你愛上我 從服務設計看UI/UX
如何讓你愛上我 從服務設計看UI/UX
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be better
 
Ux for ym
Ux for ymUx for ym
Ux for ym
 
Uoid04 the details of design thinking
Uoid04 the details of design thinkingUoid04 the details of design thinking
Uoid04 the details of design thinking
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 
ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法
 
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
 
ارائه کیارش آمالی‌وند-بررسی محتوای ابرآروان
ارائه کیارش آمالی‌وند-بررسی محتوای ابرآروانارائه کیارش آمالی‌وند-بررسی محتوای ابرآروان
ارائه کیارش آمالی‌وند-بررسی محتوای ابرآروان
 
【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法
【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法
【青塘園悅讀趣讀書會】《邏輯會議主持術》如何更高效開會的三大指南:會前準備|流程設計|引導技法
 
Change by design (設計思考改變世界)
Change by design (設計思考改變世界)Change by design (設計思考改變世界)
Change by design (設計思考改變世界)
 
HP41活動介紹-使用者研究
HP41活動介紹-使用者研究HP41活動介紹-使用者研究
HP41活動介紹-使用者研究
 

We Eat 團體聚餐輕鬆約