top of page

Portfolio

呷呼健康
Side Project for

Nutrition Recording Service

cover.png

與好想工作室Web 前後端Camp學員協力製作的飲食控管Side Project。
透過設定每日的飲食規劃與紀錄，來追蹤控管個人的營養與體重。

​

概述 Overview

此次Side Project的發起，起源自好想工作室一位後端Camp學員的需求發想。

好想工作室是台南一間以資訊為主的共同工作空間，裡面也有在進行Web前後端、iOS、Android等的程式人才培育。

​其中那位後端學員的家人最近有飲食控管的需求，想透過自身所學來製作個飲食控管的小網站，再配合原既有的營養師指導，可以簡單、隨手記錄每日的營養攝取與體重控制。

Work Process
此次的Side Project的合作招募後共有3名的網頁前端學員、1名後端學員及負責設計的我。

​一來想練習實作與團隊合作模式，二來想以周遭遇到的問題做發想與解決。我們先以該位學員家人的需求「隨手記錄」、「飲食體重控管」為主要方向的設計，並開始規劃整個side project的流程。

流程.png

人物誌Persona

g0019.png

吳太太 32歲 孕婦

吳太太現在懷孕請產假中。
因為是第一次懷孕，與老公非常的謹慎小心。
​目前遵照婦產科中心營養師的飲食建議，調整三餐點心的營養規劃，

發現遵照建議後，胎兒體重非常健康的在成長，且沒胖到自身感到放心。​

​會繼續遵從營養師的建議待產，期盼孩子的出生。

問題點

確認好 App的功能需求後，將它們依不同的主功能歸類分頁，並標示不同的編號好幫助確認頁面路徑及製作 Wireframe、Mockup。

​

After confirming demands, I classified wireframes according to the functions, and set the numbers to help understand UI flow.

UI Flow_re1.png

Wireframe&Mockup

Wireframe 與 Mockup的部分，除了設計主視覺配色與化學主題的 icon外，亦會遵照 iOS及 android的 Design Guideline規範製作頁面。

製作期間亦會與工程師確認切圖尺寸、分頁路徑、使用行為等問題。完成後，上傳至 Zeplin供團隊成員並裁切適合的圖示

給團隊工程師製作 App。

​

Then I thought about wireframes and mockups. Besides designing style guide and UI elements, I followed iOS and Material design guidelines. I also discussed app UI flow and user experience with engineers. After finishing designing, I uploaded the mockups to Zeplin and exported appropriate UI elements for engineers to make the app.

Wireframe_re1.png
Mockup_re1.png

Style

Style_re1.png

結果回饋 Feedback

透過此次的專案經驗，嘗試把以往瀏覽紙本場刊的體驗轉換到行動裝置上，提高參與者對會議資訊的聯結；而主辦方也的確利用 App即時傳遞會場上的各項資訊給參與者，達到紙本場刊無法呈現的效用。

但也發現些在設計時未考量到的地方：主辦方編排活動議程的規則、不同語系在畫面上的呈現等。未來進行相關案例時，應再對不同層面的使用者（主辦方＆參與者）的使用行為進行評估，讓使用體驗的品質能更加提升。

​

According to this project, we tried to turn the hard-copy reading experience into mobile device (app), linking participants with information of the conference. Finally, sponsor transferred information immediately by the app, that attained the good result more than hard-copy reading.

But we also discovered some problem in the product: sponsor’s user experience, localization layouts, etc. We should look into the habit of different users (sponsors and participants) in the future. To promote the quality of user experience.

團隊 Group

  • Product Manager:1人

  • UI/UX Designer:1人（Yuting Tseng）

  • iOS 開發:2人

  • android開發:2人

bottom of page