即時集食

UI/UX design
免運費、準時取餐、美食社交的遊戲化學校外送平台

簡介

一款專為校園設計的外送平台,整合校園周邊商家,以團購概念推出準時外送與免外送費功能,並獨創專屬於用戶的校園食記社交平台,以達到最終目的:用戶再也不用人擠人又能準時拿到餐點的新選擇,食記串連校園與商家。

專案中負責:發想、UI/UX 設計

創作動機

某次與同學討論關於學校生活可以改善的地方,我們發現我們對中午買午餐這件事都有各自的困擾,而這類問題也曾經有人探討過,但一直沒有確切的解決方式,因此我們便開始思考如何解決這個問題。

需求分析

A教職員生需求分析
經由自身經驗與訪談周圍的同學發現,對於中午下課後不久就要接續下一堂課,與午休有額外活動的同學,很難在中午顛峰時間快速買到午餐,故經常沒用餐直接接續上課。根據教授分享,當午間課程安排較密集時,也會遇到同樣的難題。根據自身系辦工讀經驗,系所秘書習慣翻閱紙本菜單找午餐靈感;系所秘書為了例行會議苦惱,找不到免運又能準時送餐的商家

B市面上外送平台的可行性
根據自身經驗,外送送達時間與預期時間經常有出入,對於下午有課程或活動的老師與學生以及職員為會議訂購餐點,都是不可行的。外送費用對於有經濟壓力的學生以及有預算限制的學校會議也是不可行的。

C與學校附近商家合作的可行性
經過觀察發現餐廳通常12點前客人稀少,中午開始客人陸續上門,訪問店家後也發現他們會趁這段時間輪流用餐或處理客人的外送訂單。
App目的
1.外送免運費
2.節省購餐時間成本
3.解決外送時間的不確定性
4.建立校園與商家的良性連結
5.整合校園商家餐點資訊
用戶行為分析
根據先前觀察與訪談的經驗以及制定好的 persona,設計出使⽤者經驗旅程圖,分析使⽤者“自行購買”與“使用線上外送平台”的⾏為與感受,並歸類出以下痛點與機會點。
痛點
自行購買午餐
思考吃什麼
1.沒有系統化的餐點資訊可參考,需要花更長的時間思考買什麼
購買餐點
1.餐廳沒開 / 未提供餐點              
2.排隊太長
取餐
1.取餐時間長            
2.走回校園需要時間
使用線上外送服務
購買餐點
1.額外運費或服務費            
2.未達最低外送門檻            
3.預計送達時間太晚            
4.未提供現金支付        
取餐
1.外送時間的不確定性
機會點
1.整合學校附近美食商家的平台
2.app顯示可購買餐點的數量,避免發生餐點完售的窘境
3.定時送餐到學校,故取餐時間固定
4.集體送餐免外送費無外送門檻
5.提供貨到付款服務,便於沒有刷卡習慣的學生與必須現金交易的學校部門
競品分析
1.外送平台多以一般大眾為服務對象,即時集食以同一學校之教職員生為客群,服務更能客製化。
2.一般外送平台收取外送費且外送時間不確定,解決以上問題:由於校園作息一致,推出中午一次性送餐,類似團購概念故免外送費。
3.平台結合遊戲化設計:每日10點前登入抽美食優惠券、訂越多社群等級越高。
4.美食社群:用戶撰寫校園美食文章、分享菜單(如一週減脂餐),建立用戶之間以及用戶與商家間的互動。
運行機制與流程規劃
平台運行機制
10點前登入app抽優惠券
遊戲化設計,促使用戶每日登入,獲取優惠於平台使用。
11點結單
餐點每日限量,售光則提早收單,下訂後可於購買記錄查詢訂單狀態。
商家備餐
餐點限量,便於備餐。
12點送達學校外送點
統一於12點送達校園固定外送點,外送時間固定,集體送餐免外送費。
優先與學校附近店家合作,降低外送成本。
每筆訂單 QRcode 取餐,提供現金貨到付款。
社群運行機制
用戶等級
消費越多次等級越高,貼文更具說服力。
用戶可執行動作
發表貼文
攥寫美食評論並附上餐點連結,分享給同一校區的所有用戶。
分享主題菜單
讓有相同需求的用戶更快找到需要的料理。如一週減脂餐,讓想減肥的同學知道上哪找食物;省錢餐讓想省錢的同學不是只能吃吐司。
關注其他食客
追蹤喜愛的食客,不漏掉更新。
查看其他學校的食記
美食不分校界,查看其他學校美食,以後去了可以造訪!
個人化設定
為自己設定酷炫的用戶名,介紹自己到底有多會吃!
行為回饋
獲得更多關注
用心經營食記的獲得其他用戶的關注,是持續在這個平台上分享的動力。
Wireframe
根據 Sitemap 的規劃,訂定 UI Flow 後,再使用 Axure 繪製 Wireframe 以確認流程。 但部分頁面在繪製灰階圖的時候才發現頁面內容缺少,導致 Wireframe 這部分花最多時間思考。
設計產出
設計規範
實作工具:Sketch
字體:開發 IOS 系統 app,故使用蘋方體作為字體設計。
介面設計
主要功能:主頁、搜尋、我的訂單、食記、個人資訊與抽獎
第一次登入:用戶先選擇學校,系統會帶出登入帳號提示,登入帳號密碼同學校 email。開始使用前先選擇外送點,亦可在 app 內更改。
主頁:主頁banner推播訊息、優惠券到期提示、用戶問候。
主頁餐點分類:我的最愛、今日特餐、熱搜、季節推薦、新登場。
搜尋:篩選條件包含價位、熱搜、餐點分類(如:飯、麵),主頁分類與搜尋條件有助於用戶更快找到想吃的餐點。
點餐:每日餐點限量供應,選購商品超過供應量則會標示商品不足。
抽獎:遊戲化設計鼓勵用戶登入 app,每天10點前登入 app 即可抽餐點優惠券。
購物車:介面分隔"消費內容"與"外送資訊",避免消費糾紛。選擇優惠券與付款方式(刷卡或現金貨到付款)即可下單。下單後再我的訂單中會顯示“成功下單”。
取消訂單:平台於11點結單,故在11點前皆可取消訂單。可於我的訂單中聯絡客服。
取餐:目前訂單列表中以淺橘色提示餐點送達,出示 QRcode 取餐。超過11點則無法取消訂單。
食記:專屬該校區的美食社群功能,用戶可分享文章與菜單(如:一週減脂菜單、省錢菜單、甜點菜單等),文章可連結至餐點。發文顯示該用戶等級與用戶名稱。
社群行為:發文、蒐藏文章、追蹤用戶、被追蹤、評論、瀏覽其他學校文章。
個人頁面:用戶可變更個人名稱(取餐時還是使用真名),消費越多次等級越高。
Prototype
以Marvel做Prototype模擬產品體驗。
感想與結語
初版企劃目標用戶為學生與老師,但學校還有其他族群,故我們重新調查其他用戶的需求。App目標族群明確,但除了外送機制,並沒有專為這個族群而設計,經過討論後再加入校內美食社群平台與等級機制,創造其獨特與專屬性。搜尋功能原本置於首頁,沒有獨立成一個分頁,但考慮用戶使用外送平台最在意的是找到餐點,且搜尋功能中有對用戶非常重要的商品分類,故將其獨立成一個新頁面,讓搜尋更直觀。

餐廳訪談後發現有些小吃店沒有足夠人手派遣外賣,故我們提供一個中午時間僱用學生1-1.5小時送外賣的方法以解決人力問題。設計過程許多部分是在實際訪談前沒想到的,訪談之後才會發現不同身份的使用者在意的問題不一,也才能發現他們真正需要的。