交大餐廳app 介面設計

46
交大餐廳 NCTU-Rest 吳俐弦 0013318 徐映婷 0013326 丁則之 0013346 林奇平 0013309 林以哲 0013301 針對交大校園設計- 14年1月2日星期四

Post on 08-Mar-2016

256 views

Category:

Documents


0 download

DESCRIPTION

2013 人因工程 交大餐廳APP 介面設計

TRANSCRIPT

Page 1: 交大餐廳APP 介面設計

交大餐廳NCTU-Rest

吳俐弦 0013318徐映婷 0013326丁則之 0013346林奇平 0013309林以哲 0013301

針對交大校園設計-

14年1月2日星期四

Page 2: 交大餐廳APP 介面設計

架構大綱• 緒論-研究動機-研究目的-研究範圍-研究架構

• 現有模型探討與延伸-摩斯漢堡APP-模型概念發想

• 研究方法• 評估-調查及問卷之回饋

• 結論與討論14年1月2日星期四

Page 3: 交大餐廳APP 介面設計

緒論

• 研究動機• 研究目的• 研究範圍• 研究架構

14年1月2日星期四

Page 4: 交大餐廳APP 介面設計

研究動機

• 1. 無法掌握等候時間

• 考驗耐心、食慾• 延誤原訂計畫

• 2. 現有模型

• 引進交大校園

14年1月2日星期四

Page 5: 交大餐廳APP 介面設計

研究目的• 研究目的為能針對交大餐廳與交大師生設計出⼀一套能減少消費者用餐困擾的APP。

• 此APP設計的目的在降低排隊等候時間、掌握大約的等候時間,以及讓消費者有機會能依據各個餐廳的排隊狀況來選擇餐廳,另外加上網路預定的功能,讓提早做決定的消費者能大幅降低等候的時間,滿足消費者忙碌的大學生活。

14年1月2日星期四

Page 6: 交大餐廳APP 介面設計

研究範圍

• 研究範圍在於APP的功能、介面、身分認證的雛型架構,針對消費者與店家之間的互動關係,做出適當且相對應的介面模式,再分別以兩者的角度去體驗評估,藉以找出問題做修正。

14年1月2日星期四

Page 7: 交大餐廳APP 介面設計

研究架構

������

����

�����

����� ��� � �

14年1月2日星期四

Page 8: 交大餐廳APP 介面設計

• 參考 摩斯漢堡所發行的點餐APP 這是摩斯點行動點餐APP的主畫面

• 主要功能:點餐優惠訊息 點餐記錄分店資訊

文獻研究 摩斯應用程式

14年1月2日星期四

Page 9: 交大餐廳APP 介面設計

點餐點入點餐以後出現取餐方式與時間

14年1月2日星期四

Page 10: 交大餐廳APP 介面設計

分店資訊-打開定位功能-從地圖上面看到附近的店家-選擇想要取餐的分店

14年1月2日星期四

Page 11: 交大餐廳APP 介面設計

摩斯APP相關資訊

• 摩斯APP是最受歡迎的第九名

• QR CODE掃描人數7757

• 交大目標群眾:約12373人

金揚資訊科技 QuickMark QR Code Reader App 掃描 QR Code 的統計資料

14年1月2日星期四

Page 12: 交大餐廳APP 介面設計

前端分析

• 使用者分析:此App主要是給交大的老師、學生、職員使用的。

• 作業分析:提供交大師生⼀一個方便、快捷的點餐流程。進入App後可先選擇想去的餐廳然後再選擇攤位以觀看餐點訊息和預計等待時間

14年1月2日星期四

Page 13: 交大餐廳APP 介面設計

• 環境分析:主要作業的環境在交大校園內,使用者需輸入師生資訊以確認身分,手機需連上網路以確認收取餐廳訊息。

• 功能分析:與校園內各家餐廳做連結提供使用者菜單、預計等候時間、餐點是否仍在供應、線上訂餐等即時資訊。

14年1月2日星期四

Page 14: 交大餐廳APP 介面設計

交大餐廳師生專屬應用程式

14年1月2日星期四

Page 15: 交大餐廳APP 介面設計

交大餐廳-概念�����

����� ��� ��� ��� � ���

•  �����!•  ��!

•  ���!

�����

14年1月2日星期四

Page 16: 交大餐廳APP 介面設計

14年1月2日星期四

Page 17: 交大餐廳APP 介面設計

14年1月2日星期四

Page 18: 交大餐廳APP 介面設計

一樓 二樓

麵朝

姊妹飯桶

竹豐快餐

八方雲集

麥味登

多多咖啡

茗松美食

14年1月2日星期四

Page 19: 交大餐廳APP 介面設計

多多咖啡

德式臘腸斜管麵 90煙燻培根螺絲麵 90奶油海鮮義大利麵 90義大利肉醬麵 70泡菜牛肉丼飯 70家鄉牛肉麵/泡飯 80叻沙紅咖哩雞飯 90炸豬排咖哩飯 80土耳其雞肉捲 60蔬菜牛肉堡 60勁辣雞腿堡 45加拿大脆薯 30麥克雞塊 30香蒜麵包 20

分機:59075預計等候時間:5分鐘

訂餐

14年1月2日星期四

Page 20: 交大餐廳APP 介面設計

訂餐系統 24

2014/1/212:00

傳送訂單

14年1月2日星期四

Page 21: 交大餐廳APP 介面設計

店家介面

多多咖啡

德式臘腸斜管面 X2義大利肉醬面 X4

訂購人資料:

吳俐弦工工1040013318

取餐時間:2014/1/2 12:00

14年1月2日星期四

Page 22: 交大餐廳APP 介面設計

麵朝椒麻雞絲拌麵 小 50 大 60青醬雞絲拌麵 小 60 大 70椒麻雲吞拌麵 小 70 大 80青醬雲吞拌麵 小 70 大 80柴魚雲吞拌麵 小 70 大 80羅宋牛腩雲吞麵 小 85 大 95原汁牛腩雲吞拌麵 小 85 大 95羅宋牛腩湯 50羅宋蔬菜湯 30鮮蝦雲吞湯 40貢丸湯 30魚丸湯 40餛飩湯 30燙青菜 30

分機:59075預計等候時間:30分鐘

訂餐

14年1月2日星期四

Page 23: 交大餐廳APP 介面設計

姊妹飯桶椒麻雞腿飯 70雞腿飯 70排骨飯 65雞排飯 65清蒸鮮魚 65酥炸魚排飯 65黑胡椒豬肉 60人蔘滷雞腿 60蒜泥白肉 55醬爆雞丁 55沙茶豬肉 55蝦捲飯 60招牌飯 60香腸飯 55豬排飯 50無骨雞腿飯 50菜盒子 45

分機:59075預計等候時間:40分鐘

訂餐

14年1月2日星期四

Page 24: 交大餐廳APP 介面設計

竹豐快餐椒麻/酥炸雞腿飯 70麻辣/蔥油雞腿飯 65叉燒飯 60叉燒併魚排飯 60叉燒併雞肉飯 60叉燒併香腸飯 60滷/酥炸雞腿飯 60沙茶牛肉飯 60紅燒排骨飯 55糖醋咕咾肉飯 55白斬雞肉飯 55蒜味白肉飯 55香腸飯 55宮保雞丁飯 55無骨雞排飯 50鱈香魚排飯 50

分機:59075預計等候時間:15分鐘

訂餐

14年1月2日星期四

Page 25: 交大餐廳APP 介面設計

八方雲集招牌鍋貼 4.5韭菜鍋貼 4.5韓式辣味鍋貼 5咖哩鍋貼 5招牌水餃 5韭菜水餃 5韓式辣味水餃 5咖哩水餃 5酸辣湯 25玉米濃湯 25旗魚花枝湯 25酸辣湯餃 60白豆漿 15黑豆漿 15洛神麴梅汁 15

分機:59075預計等候時間:25分鐘

訂餐

14年1月2日星期四

Page 26: 交大餐廳APP 介面設計

麥味登漢堡火腿 30鮮蔬 30肉鬆 30培根 35香雞 35豬肉 40鮪魚 40黑胡椒雞排 45香燻雞 45檸檬雞 45總匯 50卡啦雞腿 55塔塔鱈魚 60超厚牛肉起司 60阿囉哈海蝦堡 75薯餅堡 40

德式香腸堡 40蔬菜沙拉系列鮮蛋沙拉 50燻雞沙拉 60

分機:59075預計等候時間:40分鐘

現做吐司三明治培根三明治 25火腿三明治 25起司蛋三明治 30豬肉三明治 30香雞三明治 30鮪魚蛋三明治 35檸檬雞三明治 40黑豬排三明治 40燻雞三明治 40卡啦雞三明治 45厚片果醬類 25吐司果醬類 15湯種果醬類 35貝果果醬類 35

14年1月2日星期四

Page 27: 交大餐廳APP 介面設計

茗松美食

原汁牛肉麵 70貢丸麵 40香菇肉絲麵 40香菇肉絲米粉 40香菇肉絲板條 40貢丸粄條 40貢丸米粉 40餛飩粄條 40餛飩米粉 40餛飩麵 40蔬菜肉絲麵 40香菇肉絲乾麵 40餛飩乾麵 40香菇意麵 40醡醬麵 40貢丸乾麵 40

分機:59075預計等候時間:17分鐘

榨菜肉絲乾麵 40滷肉飯 35乾麵 35貢丸湯 25餛飩湯 25肉絲蛋包飯 50雞肉蛋包飯 50培根蛋包飯 60椒麻雞飯 70碳烤雞腿飯 65雞排蓋飯 70豬排蓋飯 70雞腿蓋飯 70碳烤雞排飯 65炭烤豬排飯 65

14年1月2日星期四

Page 28: 交大餐廳APP 介面設計

奶油廚房甜味吐司 草莓 15 花生 15 巧克力 15

燻雞蛋餅 35 檸檬雞肉蛋吐司 35 檸檬雞肉蛋餅 35 鐵板豬排蛋吐司 35 鐵板豬排蛋餅 35 紐澳良雞肉蛋吐司 35 紐澳良雞肉蛋餅 35起司蛋餅 25肉鬆蛋餅 25原味蛋餅 15 訂

14年1月2日星期四

Page 29: 交大餐廳APP 介面設計

一樓 二樓

阿諾

COMEBUY

野味碳烤

元氣蓋飯

上品行

阿貴冰店

極麵道

金盃美而美

14年1月2日星期四

Page 30: 交大餐廳APP 介面設計

阿諾可麗餅:果醬區: 水果區:阿諾原味 NT.20 奶油蜂蜜香蕉 NT.40奶油 NT.25 香蕉牛奶 NT.45奶油蜂蜜 NT.30 巧克力香蕉 NT.45花生 NT.35 日式抹茶香蕉 NT.45草莓 NT.35 草莓藍莓香蕉 NT.45巧克力 NT.35 椰香奶酥香蕉 NT.45藍梅果粒 NT.35 拿鐵抹茶香蕉 NT.50椰香奶酥 NT.35 花生巧克力香蕉 NT.50黃金乳酪 NT.35 蜂蜜抹茶香蕉 NT.50黃金起司 NT.35 蜂蜜煉乳香蕉 NT.50日式抹茶 NT.35 焦糖奶油香蕉NT.50拿鐵咖啡 NT.35 焦糖牛奶香蕉NT.50牛奶煉乳 NT.35

餐點區:匈牙利牛肉 NT.65

分機:59075預計等候時間:5分鐘

訂餐

14年1月2日星期四

Page 31: 交大餐廳APP 介面設計

Comebuy

原汁: 檸檬冰茶 45 七巧歐蕾 50鮮檸檬原汁 45 百香果冰沙 40蜂蜜檸檬 45 檸檬愛玉 45 話梅檸檬 45 黃金梅茶 45 金桔檸檬 45 梅子桔茶 45 葡萄柚綠茶 50 鮮葡萄柚原汁 50 青檸香柚QQ 55 西瓜冰露 60西瓜果漾 60

拿鐵: 紅茶拿鐵 50 經典可可 35烏龍拿鐵 50 特調咖啡 40祁門拿鐵 50 桂圓紅棗 35仙草凍拿鐵 50 黑糖薑汁可可 35白珍珠鮮奶茶55 紫米可可 45

分機:59075預計等候時間:5分鐘

14年1月2日星期四

Page 32: 交大餐廳APP 介面設計

金盃漢堡類: 潛艇堡:豬肉/培根 25 德國香腸潛艇堡 50香雞排 30 鮪魚起司潛艇堡 50黑胡椒雞排35 黑胡椒雞排潛艇堡 50鱈魚/檸檬雞40 培根火腿起司潛艇堡50卡啦雞腿 40吐司類: 墨西哥生菜捲:火腿/肉鬆 20 檸檬雞生菜捲 50培根/鮪魚 20 德式香腸生菜捲 50香雞排 30 培根火腿起司生菜捲50黑胡椒雞排 35鱈魚/檸檬雞 40卡啦雞腿 40總匯三明治 45水果蔬菜總匯三明治 50薄片吐司 15厚片吐司 20

分機:59075預計等候時間:5分鐘

訂餐

14年1月2日星期四

Page 33: 交大餐廳APP 介面設計

元氣蓋飯元氣丼 65 椒鹽雞排 60 蒜泥白肉 55招牌丼 65 椒麻雞排 60 蔥爆豬柳 55活力丼 65 咖哩雞排 60 薑絲豬肉 55酥炸豬排 65 藍帶豬排 60 糖醋雞丁 55酥炸鮮蝦 65 紅茶滷肉 60 金莎雞丁 55元氣雞腿 65

分機:59075預計等候時間:5分鐘

蒜香牛肉 60 宮保雞丁 55瓜仔雞 60簡餐 45麻油滑雞 60滷蛋 7

14年1月2日星期四

Page 34: 交大餐廳APP 介面設計

上品行飯類: 白飯 10 肉燥飯 30 炸醬飯 45 肉羹飯 50 咖哩飯 60 牛肉湯泡飯55 牛肉泡飯 75

麵類:麵/粄條/米粉/冬粉 40肉羹麵/粄條/米粉/冬粉 50炸醬麵/粄條/米粉/冬粉 45餛飩麵/粄條/米粉/冬粉 50貢丸麵/粄條/米粉/冬粉 50牛肉湯麵/粄條/米粉/冬粉 55牛肉麵/粄條/米粉/冬粉 75

分機:59075預計等候時間:5分鐘

14年1月2日星期四

Page 35: 交大餐廳APP 介面設計

阿貴冰店豆花系列: 甜品四兄弟 $35 紅豆豆花 $30 綠豆豆花 $30 芋圓豆花 $30 花生豆花 $30 綜合豆花 $35

冬季甜湯系列:紫米紅豆 $40紅豆湯圓 $40紅豆湯 $35燒仙草(加一項料) $30燒仙草(加三項料) $35燒仙草 $25紅豆芋圓 $40綠豆湯 $30綠豆薏仁湯 $35

分機:59075預計等候時間:5分鐘

訂餐

14年1月2日星期四

Page 36: 交大餐廳APP 介面設計

極麵道豚骨拉麵 60 沙茶豬肉鍋燒 65 麻辣豬肉鍋燒 65味噌拉麵 60 沙茶牛肉鍋燒 70 麻辣牛肉鍋燒 70味噌烏龍麵 60 沙茶海鮮鍋燒 70 麻辣海鮮鍋燒 70香Q貢丸麵 50 沙茶鴨血鍋燒 65 麻辣鴨血鍋燒 65餛飩麵 50 沙茶臭豆腐鍋燒65 麻辣臭豆腐鍋燒65肉燥乾麵 45

分機:59075預計等候時間:5分鐘

訂餐

14年1月2日星期四

Page 37: 交大餐廳APP 介面設計

野味碳烤招牌燒肉飯 65 日式魚排飯 65火雞肉絲飯 65 鐵路排骨飯 65藍帶起司豬排飯 65 香腸飯 65香酥雞腿飯 65 碳烤排骨飯 70香酥排骨飯 70 香酥雞排飯 70 香烤雞排飯 70 香Q控肉飯 75 碳烤雞排飯 75 野味特餐飯 110碳烤雞腿飯 75

分機:59075預計等候時間:5分鐘

訂餐

14年1月2日星期四

Page 38: 交大餐廳APP 介面設計

小木屋

甜味鬆餅 原味鬆餅 30 鮮奶油 35 抹茶鬆餅 35 養生芝麻 40 花生鬆餅 35 芋泥鮮奶油 40 草莓鬆餅 35 巧克力鮮奶油 40 乳酪鬆餅 35 葡萄奶酥 40 焦糖鬆餅 35 芝麻花生 45 咖啡鬆餅 35 煉乳草莓鬆餅35 巧克力香蕉 45

分機:59075預計等候時間:10分鐘

訂餐

14年1月2日星期四

Page 39: 交大餐廳APP 介面設計

全家

7-11(13)

麥當勞

7-11(二餐)

14年1月2日星期四

Page 40: 交大餐廳APP 介面設計

人因工程之應用• ⼀一、研究方法• 觀察法 ─

1. 觀察交大餐廳的消費者 (每餐廳⼀一名)2. 在用餐巔峰時段到各餐廳點餐時的細節 (是否有除了照菜單點之外的需求)

• 調查及問卷 ─ 利用簡單的APP模擬框架去詢問消費者和店家是否符合他們的需求

14年1月2日星期四

Page 41: 交大餐廳APP 介面設計

人因工程之應用

• 2.設計方法

• 可見度 ─ 為了要讓消費者更容易注意到特價或是店家推薦的餐點,會調整該餐點字樣的亮度或顏色

• 使用者介面(UI)─ 1. 簡單好用2. 短時間完成點餐

14年1月2日星期四

Page 42: 交大餐廳APP 介面設計

評估

• 實際訪談

店家學生

老師

14年1月2日星期四

Page 43: 交大餐廳APP 介面設計

調查及問卷之回饋• 若點餐時有特殊需求(加飯、加配料、不加某種配料)怎麼辦? A: 未來APP可以更新成點完餐後有備註區的介面。

• 若有人訂餐後沒有去領餐怎麼辦?A: 因為使用時須先登入學號,若點餐後不拿可以由店家方面記點,累積3點後將無法再登入使用APP。

14年1月2日星期四

Page 44: 交大餐廳APP 介面設計

• 若不知道要吃什麼,有沒有推薦餐點的功能?A: 我們可以和餐廳合作,把他們的招牌菜或是出菜速度較快的餐點特別標註出來。

• 吃到特別喜歡或不喜歡的餐點有沒有⼀一個可以和大家分享的平台?A: APP推出⼀一段時間後我們會加入評分的功能,讓使用者用完餐後可以登入為餐點評分。

14年1月2日星期四

Page 45: 交大餐廳APP 介面設計

• 若大量點餐的話是否有可能提供外送到教室或宿舍的服務?A: APP推出後我們會持續和店家溝通,希望當點餐達到⼀一定金額且在非尖峰時段店家可以提供外送的服務。

14年1月2日星期四

Page 46: 交大餐廳APP 介面設計

•其實大家對於這樣的APP十分期待,也覺得能對生活有所幫助

•還是有未完善的地方需要改善•針對店家方面,還需要更多實際體驗的回饋,以加強照顧各面向使用者經驗

結論

14年1月2日星期四