UI APP Design - SHOW BREAKFAST

Page 1

秀出每日早餐 . 預定糾團分享


秀出每日早餐 . 預定糾團分享



前言背景

設計緣起 O N E

根據國家衛生研究院 2016年最新外食人口調查則顯 示,國人平日早餐外食比例64.8%、超過1100萬人 口,而近幾年來,外食人口維持在這樣的高比例水 準。 根據數據顯示現代人吃早餐已是必備生活,外食族 吃早餐如何在忙碌之中,透過早餐預定功能簡省時 間,利用更有效率的APP與熱門早餐功能分析。

國家衛生研究院 2016年最新外食人口調查


動機目的 統計處指出,在外食人口增加及社群網路的資訊擴散效應加持下,餐飲業 的營業額自2002年起持續上升,2017年更已達4,523億元,其中84.6% 來自餐館業,可透過餐飲與APP科技結合透過異業結盟增加商機

熱門早餐

搜尋店家

追蹤最愛

圖文牆

早餐錢包

透過熱門早餐即時了解最 新資訊。

價格,營業時間篩選,找到 你附近最即時店家

加入我的最愛,不需搜尋 ,即時發落。

影音,圖片發佈,分享你 的最潮早餐

透過線上儲值,刷卡付款 好方便。


用戶調查分析-人物誌

陳莉莉

王華華

28歲認真上班族OL

15歲認真學生族

人格特質

人格特質

喜歡分享/打卡早餐地方

喜歡每天變化點餐

吃早餐的時間很緊湊偏向外帶

學校附近找尋早餐店

體驗目標

體驗目標

可以預定買到早餐

找同學一起吃早餐

飲食紀錄目標

早餐營養重要性

小資族省錢買早餐


情境故事 莉莉是個28歲的小資女上班族,在桃園上班都是騎機車方式 ,買 早餐都是外帶的方式,常常要排隊等待餐點,愛吃熱門早餐薯餅 蛋餅以及紅茶,會拍照分享早餐圖增加生活樂趣,希望早餐店可 陳莉莉

以有預訂點餐以及分享拍照早餐功能。

華華是個15歲國中的小男生,學校附近有許多間早餐店,華華沒 有固定的早餐店,每天都花時間想著點不一樣餐點,在學校喜歡 交朋友的他,每天希望可以揪同學一起去吃早餐。 王華華


想獲得什麼

同理心地圖

一份好吃的早餐 想要吃飽 每天吃到不一樣東西

營養均衡

如何解決買早餐排隊問題,並且 可以讓吃早餐點餐不乏味,能減 少買早餐的錯誤率。 點餐餐名

有什麼痛苦 遲到還要排隊 老闆弄錯早餐 遲遲未點餐

老闆:說帥哥,美女早

看到人很多


AEIOU 活動

Activities

陳莉莉

匆忙外帶買早餐

環境

Environmnet

互動

Interaction

物件

使用者

早餐看板

擁擠的上班族,

Objects

User

充滿人潮的西式

匆忙騎機車買早

早餐店

餐,看著早餐店

忙碌料理的老闆

菜單,跟老闆點

單,跟老闆點餐

活動

王華華

環境

Activities

Environmnet

內用跟同學一起

學校附近早餐店

吃早餐

互動

Interaction

物件

Objects

走路買早餐,跟

坐在早餐店看

同學討論點餐

著點餐單,想 今天吃什麼漢 堡

使用者 User

跟同學坐在早餐店


設計發展策略 O N E 秀出每日早餐 . 預定糾團分享


競品分析 MENU

優點:美食客追蹤照片瀏覽 缺點:沒有影音素材貼文,沒有線上支付功能

肚肚

優點:食記貼文牆設計以分類篩選 缺點:沒有影音素材貼文

痛點分析: 目前APP缺少影音發佈,線上金 流支付不普及功能, 方塊格式發佈圖文設計。


SWOT

優勢

Strengths

劣勢

Weaknesses

機會

Opportunities

威脅 Threats

.預定點餐功能

.沒有網路無法使用

.店家代言合作

.眾多同類APP.

.熱門早餐數據化

.長者不易使用

.網美打卡盛行

.習慣性使用影響

.附近店家推薦

.沒有外送服務


STP 目標市場

市場區隔

Targeting

Segmentation

定位

Positioning

人口統計變數

桃園大樓商辦以及校園區域

服務型定位:

桃園學校,商辦地區

青少年學生到中年的白領族群

上班學生族早餐預先訂購

心理變數

點餐服務,電子化節省購

喜歡吃早餐,簡單不複雜,

買時間

節省時間,喜歡分享

差異行銷

影音式早餐發布, 數據式提供消費者熱門點餐


設計原則

簡潔

簡單基本造型

暖色系

互動性

食物的暖色系

使用者與APP的互動

活潑個性

使用者與使用者的互動


設計發想-心智圖

創作設計說明 O N E


草稿設計


Balsamiq Mockups-草圖


產品說明 秀出每日早餐 . 預定糾團分享 這款APP能夠找到熱門早餐選擇餐點,可以預約早餐訂餐功能, 篩選地點找到附近餐廳,透過線上付款完成訂餐。


情緒版

人潮多

排隊潮

上班車流多


品牌形象 分享 Share

活潑 vibrant

自由快樂 Free Happy


核心價值

熱門早餐

搜尋店家

追蹤最愛

圖文牆

早餐錢包

透過熱門早餐即時了解最 新資訊。

價格,營業時間篩選,找到 你附近最即時店家

加入我的最愛,不需搜尋 ,即時發落。

影音,圖片發佈,分享你 的最潮早餐

透過線上儲值,刷卡付款 好方便。


設計規範展示 F O U R

29x29

40x40

60x60


色彩計畫與字型

主色

#E99427

#EEB368

輔助色

#FFFFFF

F6DF6B

B5B5B6

標準字體 San FranciscoText San Francisco Display

H1 San FranciscoText H2 San FranciscoText H3 San FranciscoText

06 早餐圖文牆


UI Kit

30

120

9:00 AM

11:00 AM


功能圖-Functional APP

熱門早餐

附近店家

商品列表

早餐圖文牆

會員註冊

分類功能

搜尋7公里

收藏清單

圖文影音分享

會員數據

點餐功能

我的最愛

加入清單

訊息對話


標註切圖


登入頁

首頁

訊息

聯絡

影音頁

數據分析

設定

購物頁

個人簡介

購物頁

地點搜尋

影音發佈



01 首頁

熱門早餐選單,依照數據提供選擇 餐點分類選單,點餐快速方便

漢堡

三明治

小點

飲品


02 附近搜尋

周邊搜尋功能, 透過篩選快速挑 選


03 加入清單

快速加入清單,不需再搜尋


04 我的最愛 加入我的最愛,點餐客製屬於你的個性

影音圖文發佈,分享最新消 美食網美養成


05 早餐圖文牆

影音圖文發佈,分享最新消息 美食網美養成


06 早餐數據化

早餐數據化,讓點餐科技化


Invision prototype


Invision prototype


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.