我的飲食小幫手
專案方向
HealthBuy是一款健康飲食管理App，用戶可以「掃描」、「搜尋」食品資料庫找到該食品的營養素和成分來判斷要不要吃，以及吃多少份量才能不超過每日攝取，達到健康、瘦身的需求。
類別
健康/飲食相關
類別
健康/飲食相關
工具
Sketch
Marvel
Photoshop
Illustrator
After Effect
Jira
個人貢獻
-
加入團隊時，我負責產品優化、新功能開發與產品營運。
-
與PM合作根據優化目標與新功能開發時，我會參與流程與介面的研究，再規劃主要頁面設計， 拿著檔案和工程師開會討論可行性。
-
產品日常營運會需要一些行銷圖設計、網頁訊息的編輯。
-
我負責產品競品研究、畫面流程構思、執行設計、維護設計系統、製作動畫設計、行銷圖設計等等，還包含公司其他產品的設計部分。
優化目標
建立手動新增食品
開發一個可以讓用戶自行新增飲食資料的功能，幫助記錄每日飲食。
新增使用指南介紹
解決新用戶在操作上的使用引導。將每一個操作步驟設計成簡單的動畫，幫助用戶更快上手。
專案過程
立即掃描搜尋、即時辨別反饋的飲食記錄App
使用者研究
用戶輪廓
這次的訪談與問卷主要是理解用戶的「三餐飲食習慣」、「飲食控制經驗」、「app使用概況」這三個方向，60份問卷，女性用戶佔71% ，男性用戶佔29%，使用者分成三類：新用戶、使用中、流失用戶。我們希望在產品開發到一個階段後，從用戶調查中發現下一階段可以優化的方向。
三餐的飲食習慣
關於飲食控制
App使用慨況
人物誌
經由訪談和問卷裡發現，找出Persona的分類，在訪談後我們分了以下三類的人物誌
1.已培養出自己的飲食作息且態度積極的用戶、
2.已培養出自己的飲食作息且態度隨性的用戶、
3.未培養出自己的飲食作息被動執行的用戶
-
其中探討到對飲食控制的習慣在於
-
目標明確程度、
-
相關知識的累積、
-
意志力程度、
-
飲食控制、
-
作息穩定程度
-
-
由於用戶裡大部分的人對飲食控制還是不太清楚，我們目標以第三個人物原型為主做為下一階段開發的原則。
探索用戶任務
我們將過去碰到的問題、訪談內容整理起來，並分類出五個面向，每一個面向都有幾個使用者情境需要探索出方法，我們先利用公司內部的同仁一起參與腦力激盪，分組探索，接著分類資訊，重新整合。
團隊合作法
經由用戶分析的結果，我們洞察到用戶碰到的困難，分別為這五種方向：
-
制定個人化減重計畫
-
系統性學習飲食營養知識
-
想吃/想買某想食品
-
吃某項食品，確認執行成果
-
定期追蹤目標進度
每一個分類都有一個使用者故事描述當作範例。我們就以芷晴為用戶原型，依據這五大項做分別的腦力激盪，思考更多可能的情境，再將這些點子統整完做收斂，這將會是我們做下一步優化的依據。
卡片分類法
在發想結束後，我與PM和營養師一起用卡片分類法呈現親合圖，整理與歸納團隊成員們的意見
整理完後，我們評估一下目前的現況，把需要優化的項目列出，並且依照難度一起配合做下一版的更新內容，因此產出以下優化方向，並重新整理一下使用者旅程圖與Site Map
使用者旅程圖
功能架構圖
發現痛點
優化項目
建立手動新增食品
痛點
用戶在執行飲食控制時，會查詢食品內容，同時也會把吃過的食物記錄下來，但是在找不資料的時候，就無法有效記錄，也看不到自己吃過的品項。
目的
找不到想要記錄的食品/熟食資料時，自己可以手動建資並完成當日記錄。
方法
在不同使用情境裡，使用「搜尋」、「掃描」下發現找不到想記錄的食品時，可在首頁裡或是在健康日記裡連結到自行新增的路徑。
在完成新的食品資料後，可進行記錄，並有多筆空間可供搜尋和刪除。
新增自訂食品頁面
-
設計空白手動輸入頁面
-
預設好文字給用戶，讓他們知道該怎麼填寫。
-
若是輸入的數值不在範圍內，會有紅色的提醒文字
健康日記頁面的優化
-
增加一顆增加記錄的按鈕
-
增加一顆增加記錄的按鈕- 點下按鈕有三個方法新增記錄：掃描、搜尋、自訂
增加「自訂食品」在檢視食品列表裡
在原本的檢視列表裡
-
多加一項「自訂食品」tab
-
勾選任何想刪除的選項，會出現垃圾桶就可以執行刪除
流程設計
以掃描為例
檢視每日營養分析
痛點
用戶無法感受到記錄帶來實際的成效與反饋。
目的
讓用戶可以快速審視當日每餐、每個品項的熱量與營養素的比較，從中就可以發現一天下來，是哪一部分讓自己攝取過量，或是攝取太少而導致營養不均。
方法
這個新功能是設計在健康日記裡面。根據用戶每日每餐到每個品項做熱量與營養素分析，條列式的呈現，顯示出排序、份量與百分比供用戶參考。
新增使用指南介紹
痛點
剛進來我們App的用戶不清楚怎麼操作，缺乏一個明確的使用引導幫助用戶更快上手。
目的
幫助新用戶可以快速上手使用，區分六個項目搭配文字敘述，一一介紹功能怎麼使用。簡單動畫呈現，更好理解。
方法
區分六種特性說明，每一塊都有動態圖示和文字說明，用簡化的介面設計去描述操作流程，讓用戶可以在短時間內學到怎麼使用我們設計的功能。
1 每日熱量目標
輸入你理想的飲食計畫、食物過敏原、與身體狀態，輕鬆了解每日所需的營養！
2 食品掃描搜尋
包裝食品掃一掃、熟食料理搜一搜，快速又省時
3 飲食紅綠燈
努力忌口，卻不確定自己吃進了什麼？即時又直覺的紅綠燈說明，幫你辨別飲食資訊，讓你知道「吃進的食物」= 多少「每日建議攝取量」占比
4. 新增飲食記錄
透過掃描 / 搜尋，找到想記錄的食物點選攝取量、設定你的食用量點選「+」；三步驟輕鬆完成飲食記錄
5. 回顧健康日記
每天回顧健康日記，了解你的飲食偏好、追蹤營養攝取的目標，協助你調整飲食習慣！
6 營養與分析
「食物、熱量、營養」的關聯，你都清楚嗎？哪餐熱量吃的多、哪些食物適量碰，「每日營養分析」，解密你飲食紀錄背後的秘密！
結果
產品現況
根據用戶研究，我們仍然還有一些未來的計劃想要執行，希望做到「強化個人化」、「新增科普知識」、「規劃如何系統化的學習」等等。我們也思考了各式新的商業模式開發，做新的嘗試，由於有時間限制我們很難看到較完整的後續發酵。
我們還做了以下優化項目，讓整個產品的功能更完整，體驗更流暢：
-
食品單位調整
-
刪除帳戶申請的流程
-
份量調節器上下限單位調整
-
演算法優化搜尋結果排序
學習經驗
-
理解到整個產品的運作與跨部門的合作是需要全面性的溝通與思考，並使用有效率的方法解決。
-
比起以往更能夠感受到身為設計師要如何幫助團隊在體驗、品牌形象上提出適切的方法，用自身的專業出發點提出觀點。
-
需要有明確的分工合作，才能在期限內達到彼此有共識的目標。
-
團隊不大但這次的合作更有明確的計畫與準則，我認為要讓專案成功是不可或缺的。