早些時候,我們已經(jīng)就這個主題分享過不少關(guān)于UI 設計的想法,今天我們要探討的這個設計實戰(zhàn),是一個關(guān)于新鮮食品的設計案例研究,這個 APP 的核心概念是食譜卡。在這個項目當中,主要的設計師是 Anton Morozov, Ernest Asanov 和 Vlad Taran,他們將會通過分析和探討來尋求最合理的內(nèi)容和導航的設計。
關(guān)于烹飪和食譜的移動端APP 的 UI 設計。
總的來說,設計師需要為喜歡烹飪的用戶設計出一款輔助制作出美食的APP,它應該擁有不斷更新的食譜數(shù)據(jù)庫,它還應該具備食材管理的功能,允許用戶根據(jù)家中現(xiàn)有的食材來生成相應的菜單,并且針對缺少的食材,生成相應的購物清單。
根據(jù)客戶的偏好,這款應用應該包含下列的功能:
必須的功能
可選功能
客戶為設計團隊所提出的需求和構(gòu)思當中,包含了大量的信息和想法,設計師必須通過分析優(yōu)先考慮所有的要點,因為將屏幕填滿信息導致過載的風險很高。在研究和分析的基礎(chǔ)上,通過創(chuàng)建用戶使用場景來判斷食譜當中哪些信息最重要。
設計師為食譜卡的展示制定了幾個不同的方案,這些方案的核心都是讓有限的移動端界面盡可能有效地、高效地展示核心數(shù)據(jù)??紤]到食譜卡是整個交互中的關(guān)鍵因素,并且最終設計師決定平衡好邏輯和情感,希望在可用性、可導航性和視覺美學之間找到平衡點。嘗試了不同的方向之后,設計師設計出了3種不同的內(nèi)容布局方案。其中,創(chuàng)意團隊必須基于目標受眾的期望找到最接近的一個。
方案A:使用列表來展示食譜
方案B:以卡片來展示食譜(類似Pinterest)
方案C:大食譜卡片設計
創(chuàng)意團隊最終傾向于方案C,較大的卡片設計讓產(chǎn)品擁有更強有力的視覺吸引力,而這在競爭中有著明顯的優(yōu)勢。同時,這也有助于搜集反饋,分析數(shù)據(jù),這些數(shù)據(jù)可以作為下一個階段的設計基礎(chǔ),用來提升用戶體驗?;瑒涌ㄆ鶐淼奈⒔换ノ⒚疃鴥?yōu)雅,其后可以隱藏更多的交互和操作,以及附加的功能。
由于不同的食譜千差萬別,用戶需要通過過濾器來篩選食譜,用戶則可以通過這個功能找到更加適合自己的食譜。比如可以選擇僅使用當前已有食材的食譜,這樣用戶就無需采購也能置辦上一桌子的好菜。過濾器為用戶提供了更多的便利。
在蘋果公司,創(chuàng)建產(chǎn)品的時候「我們要問的第一個問題是我們希望人們感受到什么」。在創(chuàng)建數(shù)字產(chǎn)品之前,并不是每個人都認為產(chǎn)品設計和用戶的情緒是息息相關(guān)的,然而事實上并非如此。用戶的情緒和感受才是重中之重,再努力尋求產(chǎn)品的功能和體驗,也不能忽視用戶的情感需求。
填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!
?2007-2021/ m.lb577.com 北京漫動者教育科技有限公司 備案號:京ICP備12034770號 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc