早些時(shí)候,我們已經(jīng)就這個(gè)主題分享過不少關(guān)于UI 設(shè)計(jì)的想法,今天我們要探討的這個(gè)設(shè)計(jì)實(shí)戰(zhàn),是一個(gè)關(guān)于新鮮食品的設(shè)計(jì)案例研究,這個(gè) APP 的核心概念是食譜卡。在這個(gè)項(xiàng)目當(dāng)中,主要的設(shè)計(jì)師將會通過分析和探討來尋求最合理的內(nèi)容和導(dǎo)航的設(shè)計(jì)。總的來說,設(shè)計(jì)師需要為喜歡烹飪的用戶設(shè)計(jì)出一款輔助制作出美食的APP,它應(yīng)該擁有不斷更新的食譜數(shù)據(jù)庫,它還應(yīng)該具備食材管理的功能,允許用戶根據(jù)家中現(xiàn)有的食材來生成相應(yīng)的菜單,并且針對缺少的食材,生成相應(yīng)的購物清單。
客戶為設(shè)計(jì)團(tuán)隊(duì)所提出的需求和構(gòu)思當(dāng)中,包含了大量的信息和想法,設(shè)計(jì)師必須通過分析優(yōu)先考慮所有的要點(diǎn),因?yàn)閷⑵聊惶顫M信息導(dǎo)致過載的風(fēng)險(xiǎn)很高。在研究和分析的基礎(chǔ)上,通過創(chuàng)建用戶使用場景來判斷食譜當(dāng)中哪些信息最重要。
在蘋果公司,創(chuàng)建產(chǎn)品的時(shí)候「我們要問的第一個(gè)問題是我們希望人們感受到什么」。在創(chuàng)建數(shù)字產(chǎn)品之前,并不是每個(gè)人都認(rèn)為產(chǎn)品設(shè)計(jì)和用戶的情緒是息息相關(guān)的,然而事實(shí)上并非如此。用戶的情緒和感受才是重中之重,再努力尋求產(chǎn)品的功能和體驗(yàn),也不能忽視用戶的情感需求。設(shè)計(jì)師為食譜卡的展示制定了幾個(gè)不同的方案,這些方案的核心都是讓有限的移動(dòng)端界面盡可能有效地、高效地展示核心數(shù)據(jù)。考慮到食譜卡是整個(gè)交互中的關(guān)鍵因素,并且最終設(shè)計(jì)師決定平衡好邏輯和情感,希望在可用性、可導(dǎo)航性和視覺美學(xué)之間找到平衡點(diǎn)。嘗試了不同的方向之后,設(shè)計(jì)師設(shè)計(jì)出了3種不同的內(nèi)容布局方案。其中,創(chuàng)意團(tuán)隊(duì)必須基于目標(biāo)受眾的期望找到最接近的一個(gè)。
中國人常說,民以食為天,吃這件事情很重要。好食物往往帶來好心情。人每天的一日三餐是驅(qū)動(dòng)人每天做各種各樣事情的能量來源,食物的好壞直接關(guān)系著一天的心情、情緒、狀態(tài)甚至工作和生活的點(diǎn)點(diǎn)滴滴,這也難怪食物始終都是熱門話題。而我們同樣常常借助手機(jī)和網(wǎng)絡(luò),選擇更好的餐廳,點(diǎn)更好的外賣,或者尋找更加健康的食譜。美食和技術(shù),也一直是緊密關(guān)聯(lián)的。無論這個(gè)和美食相關(guān)的 APP 的UI 背后的設(shè)計(jì)目標(biāo)是什么,它不僅能夠幫助用戶達(dá)成目標(biāo),而且因?yàn)槊朗车募映桑有著別樣的吸引力。本文來源于南京logo設(shè)計(jì)公司
創(chuàng)意團(tuán)隊(duì)最終傾向于方案C,較大的卡片設(shè)計(jì)讓產(chǎn)品擁有更強(qiáng)有力的視覺吸引力,而這在競爭中有著明顯的優(yōu)勢。同時(shí),這也有助于搜集反饋,分析數(shù)據(jù),這些數(shù)據(jù)可以作為下一個(gè)階段的設(shè)計(jì)基礎(chǔ),用來提升用戶體驗(yàn)。滑動(dòng)卡片所帶來的微交互微妙而優(yōu)雅,其后可以隱藏更多的交互和操作,以及附加的功能。由于不同的食譜千差萬別,用戶需要通過過濾器來篩選食譜,用戶則可以通過這個(gè)功能找到更加適合自己的食譜。比如可以選擇僅使用當(dāng)前已有食材的食譜,這樣用戶就無需采購也能置辦上一桌子的好菜。過濾器為用戶提供了更多的便利。