Hi,Chef

食譜教學應用程式

關於作品

題目 - 食譜教學應用程式 / App

以自身下廚經驗,在學習料理時所遭遇的問題為發想的練習作品。

可以透過手機來取代替書本食譜學習料理,有各種主題、不同難度,選擇最合適自己程度的料理。
app內能夠顯示食材清單,可以檢視材料並勾選已有材料。
食譜每步驟清楚教學與小訣竅,免去觀看影片時重複暫停或重複觀看的困擾。

執行時間:

1 month

扮演角色:

UX: 問題定義、訂定功能、功能流程
UI: Wireframe、精稿、Prototype

發想動機

看到網路影片的料理教學好像很簡單,也想著自己煮比較省錢又健康。
真的進廚房後卻只能站在廚房裡反覆著撥放影片,結果料理還失敗!
最後剩下一堆食材,不是壞掉就是加進泡麵裡當成一餐。

題目解析

常遭遇的問題

  1. 1. 站在廚房裡卻是反覆著撥放影片,還因無法精準切換到目前步驟的秒數而惱火。最後剩下一堆食材。
  2. 2. 不會變通只好重複吃一樣的料理,不然就是全部丟下去炒一炒,久而久之也就懶得煮了。
  3. 3. 有些人習慣手寫食材清單,常發生紙條忘了帶,或是食材重複購買的問題,也造成使用者對於下廚動機取消的原因之一。

競品評論

使用者對於食譜的搜尋種類、收藏功能加強功能,與開放自己資訊的權限有些難題。

預定目標:

因生活型態的改變,外食族人口比例一直維持多數;但是近年來,人民健康意識興起,生活消費提升,因為各種問題而使外食族有了想自己煮飯的想法。 本專案旨在希望幫助想學習料理的使用者簡化料理流程、方便學習做菜。

5W1H-問題統整:

Who

家庭主婦、料理新手、小資族( 共通點: 學會不同新料理、省錢 / 差異點: 能出的預算不同、學習程度不同)

What

學習各種食材料理,跟著步驟製作到完成,僅用簡單器具也能製作料理。

Why

料理新手能學會料理,想省錢的使用者可以用現成食材和器材做出不同變化。 避免食材浪費,完成料理後還能分享給朋友。

When

買菜前、買菜途中、檢查剩下食材時、料理前。

Where

室內(家中、廚房、賣場)

How

  1. 透過app查詢食譜,解決網路查詢不同網站食譜、電視教學手抄食譜、購買食譜書的問題,也提供食材搜尋食譜變化各種菜色。
  2. 步驟式教學,改善使用行動裝置看網路影片時來回移動觀看秒數的問題。
  3. 食材清單,讓使用者不怕買到重複或是遺漏食材。

確定功能

使用者故事:

1.作為一個使用者,我能在手機上搜尋菜色,然後就能知道如何做出料理。
2.作為一個使用者,我能選擇不同的料理分類,然後就能看到分類的料理。
3.作為一個使用者,我能知道每道料理步驟,這樣就能確保味道不會差太多。
4.作為一個使用者,我能收藏看到的料理,這樣就能把想做的菜先存下來。
5.作為一個使用者,我能製作食材購物清單,這樣就能知道要採買什麼。
6.作為一個使用者,我能儲存我做過的料理,這樣就能紀錄成功的料理。
7.作為一個使用者,我能看到不同主題,這樣就能幫助我省錢又能吃飽。
8.作為一個使用者,我能新增我的食譜,這樣就能儲存自己創造或改編的料理。

詳細延伸官方提供的使用者故事 userstory-hc

資訊架構

依照延伸的使用者故事,整理出類型相似的活動,進行分類整合功能頁面。

流程圖-Flow Chart

點擊圖片即可放大

Wireframe

線框稿 wireframe-b

特色介紹

1.精選主題

想學新的料理,卻總是不知道該從何下手。每日精選直接提供10道料理給您,各種難度、種類、時間供使用者參考。
針對新手主婦、小資族、學生、健身族群等,有不同的主題料理可供選擇。

精選主題精稿 intro1-hc

2.分類搜尋

除了直接輸入料理或食材外,還能根據使用者的需求,選擇不同時段與國家料理,還能挑選合適的難度與時間,搜尋最想要學習的料理。

分類搜尋精稿 intro2-hc

3.料理步驟

依照敘述與圖片對照處理食材,提供小訣竅讓使用者可以更順利進行料理。
確認步驟完成再繼續下一步驟,讓您料理過程不再手忙腳亂!

料理步驟精稿 intro3-hc

4.自訂收藏分類

收藏料理後可以自行新增、刪減、變更、收藏分類,依據使用者的喜好做分類。
分類採用水平滑動的方式,避免分類過多而佔據版面。

自訂收藏分類精稿 intro4-hc

5.料理清單

依據使用者的需求,自行選擇不同的模式清單,使用「料理食材清單」,直接看到該料理需要食材,而使用「全部食材」則可以看到全部料理的食材。
準備好食材後即時勾選,讓使用者不會遺漏任何項目。

料理清單精稿 intro5-hc

6.新增食譜 / 分享心得

「我的食譜」使用者可以新增自己的食譜,並分享到社群平台。 「已做料理」可以針對 Hi,Chef 內的食譜做出心得分享。

新增食譜 / 分享心得精稿 intro6-hc

產品 - APP icon

產品icon

顏色與文字樣式

顏色定義與文字規範

Prototype

學到什麼

使用者反饋

分別請會「看影片做菜」與「無料理經驗」的朋友測驗,料理步驟流程對於「無料理經驗」的使用者來,按上下一步不如一頁式滾動來的方便; 但對於會「邊看影片學做菜」的使用者,明確指出步驟式教學可以不必慌張地重播影片,降低做菜時的焦慮感,對於主要目標使用者來說有確切解決到他們的痛點。

心得

急著要提出解決方法,想的流程不夠全面,某些操作方法直覺性不夠,要多考慮到使用者操作的易用性。 例如:
1.料理清單點擊圖片可以直接跳到食譜教學,不用從收藏功能進去
2.依照使用者的使用程度是否考慮把收藏功能直接分出在 tab bar 分類裡
3.按鈕icon或語意的要更明確,讓使用者不須使用太多時間思考是何功能。或是使用 icon + 功能文字讓按鈕直接點出功能作用。

back to top