南順網絡

設計實戰！一(yī)個美觀又易用的(de)食譜APP要如(rú)何設計？

Tubik ：中國人常說，民以食為(wèi)天，吃這件事情很重要。好食物往往帶來好心情。人每天的(de)一(yī)日三餐是驅動人每天做(zuò)各種各樣事情的(de)能量來源，食物的(de)好壞直接關系着一(yī)天的(de)心情、情緒、狀态甚至工作和(hé)生活的(de)點點滴滴，這也難怪食物始終都是熱門話題。而我們同樣常常借助手機和(hé)網絡，選擇更好的(de)餐廳，點更好的(de)外賣，或者尋找更加健康的(de)食譜。美食和(hé)技術，也一(yī)直是緊密關聯的(de)。無論這個和(hé)美食相關的(de) APP 的(de)UI 背後的(de)設計目标是什麽，它不僅能夠幫助用戶達成目标，而且因為(wèi)美食的(de)加成，它還有着别樣的(de)吸引力。

早些時候，我們已經就這個主題分享過不少關于UI 設計的(de)想法，今天我們要探讨的(de)這個設計實戰，是一(yī)個關于新鮮食品的(de)設計案例研究，這個 APP 的(de)核心概念是食譜卡。在這個項目當中，主要的(de)設計師是 Anton Morozov, Ernest Asanov 和(hé) Vlad Taran，他們将會通過分析和(hé)探讨來尋求最合理(lǐ)的(de)內(nèi)容和(hé)導航的(de)設計。

項目目标

關于烹饪和(hé)食譜的(de)移動端APP 的(de) UI 設計。

簡介

總的(de)來說，設計師需要為(wèi)喜歡烹饪的(de)用戶設計出一(yī)款輔助制作出美食的(de)APP，它應該擁有不斷更新的(de)食譜數據庫，它還應該具備食材管理(lǐ)的(de)功能，允許用戶根據家中現有的(de)食材來生成相應的(de)菜單，并且針對缺少的(de)食材，生成相應的(de)購物清單。

根據客戶的(de)偏好，這款應用應該包含下列的(de)功能：

必須的(de)功能

• 搜索欄

• 過濾按鈕（包含相關結果數量和(hé)相應的(de)過濾的(de)信息）

• 食譜卡片（食譜圖片+标題）

可(kě)選功能

• 具體的(de)食譜，各種食材的(de)用量和(hé)配比

• 烹饪時長(cháng)

• 卡路裏

• 用來關閉和(hé)隐藏食譜的(de)X按鈕

• 添加食材到購物清單的(de)按鈕

• 喜歡/保存 按鈕

• 提供食譜的(de)用戶信息

• 食譜的(de)評分

• 喜歡這個食譜的(de)用戶的(de)數量

• 主要成份

• 分享按鈕

• 食譜的(de)來源和(hé)鏈接

• 考慮使用哪種樣式來呈現食譜，網格還是單列

編輯:--ns868