LIZU食譜收藏app Design Portfolio

打造一款聚焦搜尋、找尋目標食譜的食譜app

2021.7

此專案作品是由王馨君、呂若慈、邱嘉如、陳樺萫、潘敏瑄共同製作

(依姓氏筆畫排列)

我於團隊中參與前期的發想與研究，並且負責app所有的UI設計。

設計流程

此專案不只聚焦於UI設計上，所有的功能及UI畫面安排皆以使用者為出發點設計，我們的團隊力求打造滿足使用者需求的功能、易於操作的流程，以及舒適的視覺體驗。

設計流程如下:

1. 設計緣由與大綱規劃
2. 預設目標族群
3. 競品比較與分析
4. 人物誌
5. 訂定設計需求與目的
6. 資訊架構 Functional Map
7. Wireframes
8. LOGO設計與產品命名
9. 訂定產品 Guideline
10. Mockup 呈現與 Prototype 展示

競品分析

透過分析市面上現有產品提供的功能，了解各方具備的特色和使用此產品的使用者需求，找出可優化的點，並進行優點整合。

人物誌

從目標族群中進行對應人物進行訪談，將使用者的使用目的更聚焦，並將使用者輪廓及對自煮需求遇到的挫折痛點整理得更清楚。

資訊架構 Functional Map

將主要重點功能列出，並以層級細分，透過資訊架構梳理功能安排的邏輯性。

規劃好產品的資訊架構圖及 Wireframes 後，便開始著手我獨立負責的視覺設計部分。

Desin System 建置

將產品的 Guideline 制定出來，給予後續設計規範可以依循，雖然這次只有我一個人獨立作業，但未來若與團隊合作，建立產品 Guideline 能統一整體產品風格，讓團隊所有人能夠遵守。

Mockup 呈現

依照 Wireframes 、Guideline 的設計，將產品Mockup呈現。

Prototype展示

檢討與總結

這次我們在六小時的工作坊內盡可能從前期研究分析和訪問，到UI設計規劃，將產品開發流程跑過一次，由於時間關係，還有許多地方能夠優化改進，像是人物誌、資訊架構的安排，另外頁面UI也還未全部製作。除了時限外，我覺得這次的作品最大的挑戰是找出我們的產品特色，由於團隊中每個人對於所需功能有不同想法，市面上也已有許多類似產品，如何從中眾多的點子中歸納、討論，去蕪存菁，這樣的團隊合作是一次難得可貴的經驗。

除了前期討論的挑戰外，這次我獨任整個產品視覺設計和操作流程規劃的角色， 不但要將資訊架構轉化為實際操作方法，並且將所有功能融合於UI設計中，這也是我第一次嘗試建立 Guideline，並按照我自己的規範進行後續設計。對於喜愛創作的我來說這是一個再好不過的機會，我很高興能夠賦予讓作品呈現在人們眼前的責任。在這次的專案作品中我參與了所有的開發流程，留下了可貴的經驗和設計思考的概念，這些都會轉化成自己的養分，讓我的技術和思考都更上一層樓。

謝謝看到這裡的各位 !