Food Counting : Diet Control App
Food Counting :
Diet Control App
Food Counting : Diet Control App
計食開始 : 健康飲食App



UI/UX Design
App
Figma
Side Project
Tool
Tool
使用工具
使用工具
Figma、Adobe illustrator
Figma、Adobe illustrator
My Role
My Role
角色
角色
UI/UX、視覺設計
UI/UX、視覺設計
About Project
About Project
關於專案
關於專案
「計食開始」原為一款結合健康飲食、熱量計算之概念設計一款桌上遊戲專案,以透過「玩」的方式,來讓大家學習如何簡單的熱量控制以及正確的概念。
因遊戲時會牽扯到數字的計算以及規則可能會對第一次玩的玩家有點難記等問題,因此當時考慮架設網站或app來輔助遊戲的進行,例如幫助玩家們的點數計算的計算機、規則有疑慮時也可以反覆閱讀的規則說明。
最後除了遊戲相關內容外,也預計想提供給使用者一些知識的補充。即使不是為了輔助遊戲進行,此app也仍有其他作用。
「計食開始」原為一款結合健康飲食、熱量計算之概念設計一款桌上遊戲專案,以透過「玩」的方式,來讓大家學習如何簡單的熱量控制以及正確的概念。
因遊戲時會牽扯到數字的計算以及規則可能會對第一次玩的玩家有點難記等問題,因此當時考慮架設網站或app來輔助遊戲的進行,例如幫助玩家們的點數計算的計算機、規則有疑慮時也可以反覆閱讀的規則說明。
最後除了遊戲相關內容外,也預計想提供給使用者一些知識的補充。即使不是為了輔助遊戲進行,此app也仍有其他作用。
Design Process
Design Process
設計流程
設計流程
1.使用者研究
使用者訪談
人物誌
同理心地圖
2.規劃
使用者旅程
資訊架構圖
3.設計
色彩與字體
4.成果
wireframe
prototype
User Interviews
User Interviews
使用者訪談
使用者訪談
訪問了兩組共十二人,並向他們詢問了相關的app的使用經驗用以確認專案的方向。
經訪問後的結果發現這類輔助桌遊的app使用的意願較低,主要原因為不一定需要打開它才能玩遊戲。規則說明其實不會時時需要看,多玩幾遍就熟了,而如有數字計算的話用手機的計算機也同樣道理,不需特別用這類app。而受訪者表示比起輔助的作用,製作成單獨的app並在裡面提供健康與飲食相關知識會更加有意義,因此專案的方向進行了修改。
訪問了兩組共十二人,並向他們詢問了相關的app的使用經驗用以確認專案的方向。
經訪問後的結果發現這類輔助桌遊的app使用的意願較低,主要原因為不一定需要打開它才能玩遊戲。規則說明其實不會時時需要看,多玩幾遍就熟了,而如有數字計算的話用手機的計算機也同樣道理,不需特別用這類app。而受訪者表示比起輔助的作用,製作成單獨的app並在裡面提供健康與飲食相關知識會更加有意義,因此專案的方向進行了修改。
原先以輔助遊戲進行的App為主體,飲食知識補充為附加內容
經調整後變為製作單獨的App,主要為補充健康飲食相關知識
原先以輔助遊戲進行的App為主體,飲食知識補充為附加內容
經調整後變為製作單獨的App,主要為補充健康飲食相關知識
Persona
人物誌



Empathy Map
同理心地圖



User Journey after using our app
使用者旅程



Information Architecture
資訊架構圖



Color & Typography
色彩與字體



Wireframe
草稿
以Figma將Wireframe製作成lo-fi Prototype後,讓兩組使用者進行易用性測試。以減少後續製作所需的成本與時間,並檢視是否有流程上的缺漏。
以Figma將Wireframe製作成lo-fi Prototype後,讓兩組使用者進行易用性測試。以減少後續製作所需的成本與時間,並檢視是否有流程上的缺漏。
















Prototype
擬真稿















