功能合理、形式飽滿的兩個(gè)產(chǎn)品（圖片來(lái)自網(wǎng)絡(luò)）
設(shè)計(jì)界從來(lái)沒(méi)停止過(guò)關(guān)于形式與功能的關(guān)系的討論。很多時(shí)候，形式被看作是一種裝飾，是脫離了功能的非必要部分。然而，實(shí)際情況真的是這樣嗎？
本文從佛教中 “色” 與 “空” 的概念出發(fā)，在項(xiàng)目實(shí)踐中重新思考了設(shè)計(jì)中形式與功能的關(guān)系——形式與功能應(yīng)該是一個(gè)整體，達(dá)到精神上的契合。
本期提綱：
- 從”色即是空”引發(fā)的思考
- 形式來(lái)源于功能
- 功能需要恰當(dāng)?shù)谋磉_(dá)形式
- 功能與形式缺一不可
- 總結(jié)
不管你是否對(duì)佛教文化感興趣，生活中總是能見(jiàn)到 “色即是空” 這樣的表述。佛教中對(duì)色與空是這樣解釋的：色，是五感所感知到的世間萬(wàn)物表象；空，是剝離所有附加物后的世間萬(wàn)物本源①。
“色即是空” 告訴我們，直接感知到的東西并不真實(shí)，所以不要執(zhí)著于表象，要看清事物的本質(zhì)。這不禁讓人聯(lián)想到設(shè)計(jì)中的形式與功能的概念。色可以認(rèn)為是設(shè)計(jì)的表現(xiàn)形式，而空可以認(rèn)為是設(shè)計(jì)背后的功能或邏輯。
對(duì)于設(shè)計(jì)而言，是不是也不需要執(zhí)著于形式，而重點(diǎn)關(guān)注功能？形式與功能的關(guān)系是什么？他們之間哪個(gè)更重要？
形式來(lái)源于功能
讓我們來(lái)看一個(gè)自然界中的案例。太平洋的小島上有 11 個(gè)物種的地雀，它們鳥喙的形狀都各不相同：有的尖細(xì)，有的粗短。之所以有這么多種不同形態(tài)的鳥喙，是因?yàn)檫@些形狀滿足了捕食特定種類食物的功能，每種喙對(duì)應(yīng)著一種食物，才在自然選擇中被保留了下來(lái)。
在自然界中，動(dòng)物的身體形態(tài)是為了滿足特定功能需要演化而來(lái)的；在設(shè)計(jì)中，亦是如此。
下面以搜索運(yùn)營(yíng)門戶改版項(xiàng)目為例，探討在設(shè)計(jì)中如何處理形式與功能的關(guān)系。
1. 剝離表象，發(fā)現(xiàn)本質(zhì)
搜索運(yùn)營(yíng)門戶是搜索部門員工內(nèi)部使用的工具網(wǎng)站，通過(guò)它可以快速導(dǎo)航到近百個(gè)搜索運(yùn)營(yíng)工具，滿足數(shù)據(jù)查詢、問(wèn)題分析等需求，產(chǎn)品、開(kāi)發(fā)、設(shè)計(jì)等不同業(yè)務(wù)角色都需要使用。
最初產(chǎn)品經(jīng)理提出運(yùn)營(yíng)門戶非；靵y，希望對(duì) UI 進(jìn)行大刀闊斧地改造，把它變得更好看一點(diǎn)。
直接改造視覺(jué)表現(xiàn)形式，真的能讓體驗(yàn)變好嗎？試想如果我們住在擁擠逼仄的城中村中，不管如何粉飾墻面，都很難有良好的居住體驗(yàn)。在分析后發(fā)現(xiàn)，真正的問(wèn)題并非來(lái)自視覺(jué)表現(xiàn)，而是門戶過(guò)于龐大、需要提供的工具項(xiàng)過(guò)多，導(dǎo)致用戶的使用難度增加，帶來(lái)了混亂的感受。
因此，我們重新設(shè)定了目標(biāo)：面對(duì)混亂的系統(tǒng)，如何對(duì)其進(jìn)行拆解使其更加易用。
依據(jù)新的目標(biāo)，我們對(duì)部門同事進(jìn)行了調(diào)研，將他們?cè)谑褂眠^(guò)程中對(duì)于“亂”的感受具象化，挖掘出了本質(zhì)的問(wèn)題：
- 系統(tǒng)功能繁重，工具太多，有些是用不到的。
- 查找門檻高，難以找到想要的工具。
回過(guò)頭來(lái)看，如果我們一上手直接對(duì) UI 改造而不分析背后的原因，很可能掉入為改造而改造的陷阱，沒(méi)有觸及本質(zhì)問(wèn)題。
2. 從問(wèn)題推導(dǎo)設(shè)計(jì)形式
在設(shè)計(jì)方案中，我們針對(duì)以上問(wèn)題進(jìn)行了逐個(gè)解決。
信息分流
應(yīng)對(duì)功能繁重問(wèn)題，可以用信息分流的方法進(jìn)行減負(fù)，刪減掉用戶不會(huì)用到的工具。
最初我們想到的方法是按職能分流，即開(kāi)發(fā)人員只看到開(kāi)發(fā)相關(guān)的功能。但與產(chǎn)品溝通后得知, 不同職能要用的功能很多是重合的，因此這條路徑行不通。
另一個(gè)方向是按業(yè)務(wù)分流。當(dāng)前門戶中，用戶可以同時(shí)看到搜一搜和看一看兩個(gè)業(yè)務(wù)的工具，但不會(huì)同時(shí)用到他們，因?yàn)檫@兩個(gè)業(yè)務(wù)的人員架構(gòu)與業(yè)務(wù)模式是互相獨(dú)立的。因此我們對(duì)門戶進(jìn)行了拆分，分為搜一搜和看一看兩個(gè)門戶，每個(gè)門戶中只有對(duì)應(yīng)業(yè)務(wù)的工具。在登錄時(shí)，系統(tǒng)會(huì)自動(dòng)識(shí)別用戶所屬的業(yè)務(wù)并登錄到對(duì)應(yīng)的門戶，不需要額外的操作。
通過(guò)按業(yè)務(wù)信息分流，可以幫助用戶過(guò)濾掉大量的無(wú)用信息，降低信息負(fù)擔(dān)，提升查找的效率。
場(chǎng)景化查找
因?yàn)楣ぞ叩臄?shù)量過(guò)于龐大，用戶在導(dǎo)航欄中找到目標(biāo)工具比較困難；且用戶對(duì)工具的準(zhǔn)確名稱并不了解，搜索也不一定能成功。
更簡(jiǎn)單有效的查找方式是什么樣的？
回顧調(diào)研內(nèi)容，我們發(fā)現(xiàn)受訪同事往往會(huì)帶著明確的目標(biāo)來(lái)到門戶，比如：“想分析一個(gè)不好的搜索結(jié)果”、“想查一下某個(gè)詞的搜索量”，而這些目標(biāo)可以被提煉成不同的使用場(chǎng)景，比如上述兩個(gè)目標(biāo)可分別歸納為：搜索問(wèn)題查詢與分析、數(shù)據(jù)監(jiān)控與運(yùn)營(yíng)。
按照這種從場(chǎng)景到工具的模式，我們收集了最常見(jiàn)的使用場(chǎng)景，按場(chǎng)景組織了不同工具形成了使用指南。
通過(guò)使用指南，那些對(duì)門戶不是很熟悉的用戶以及想探索新功能的用戶，有了更簡(jiǎn)單和便捷的查找路徑。
在上述項(xiàng)目中，每個(gè)設(shè)計(jì)方案中的“樣式”變化，都是來(lái)自對(duì)問(wèn)題的分析和功能的推導(dǎo)。
形式來(lái)源于功能，即使是產(chǎn)品經(jīng)理口中的“樣式美化”需求，也應(yīng)該明確樣式要滿足什么需求、解決什么問(wèn)題。
在功能面前，形式是次要的嗎？
在搜一搜品牌專區(qū)的抽獎(jiǎng)組件的迭代過(guò)程中，我就深刻感受到了形式對(duì)功能表達(dá)的重要性。搜一搜品牌專區(qū)是搜索結(jié)果中品牌信息與服務(wù)的聚合卡片，品牌方可以在專區(qū)中設(shè)置運(yùn)營(yíng)活動(dòng)，比如優(yōu)惠券活動(dòng)、抽獎(jiǎng)活動(dòng)等。
最初設(shè)計(jì)抽獎(jiǎng)組件時(shí)，我根據(jù)抽獎(jiǎng)的本質(zhì)機(jī)制：點(diǎn)擊抽獎(jiǎng) – 看到抽獎(jiǎng)結(jié)果，快速設(shè)計(jì)了一個(gè)最簡(jiǎn)化的產(chǎn)品形態(tài)，配合產(chǎn)品經(jīng)理快速上線的目標(biāo)。
然而在方案評(píng)審時(shí)，這個(gè)設(shè)計(jì)很快受到了質(zhì)疑：“沒(méi)有氛圍感”、“獎(jiǎng)品在哪？”、“不太像抽獎(jiǎng)”。
為什么大家沒(méi)有直觀地感知到它就是一個(gè)抽獎(jiǎng)組件呢？
認(rèn)知科學(xué)中有一條理論：大腦會(huì)根據(jù)以往的經(jīng)驗(yàn)，猜測(cè)我們看見(jiàn)了什么，達(dá)到更快地解析周圍的世界的目的。
回想在現(xiàn)實(shí)生活中或游戲里抽獎(jiǎng)的經(jīng)歷，我們腦海里記住的視覺(jué)感受是：充滿誘惑的獎(jiǎng)品池和引人注目的熱鬧感。而在這版方案中，因?yàn)槿狈@些匹配經(jīng)驗(yàn)的形式，用戶的識(shí)別受到阻礙，進(jìn)而產(chǎn)生了疑惑。
滿足功能的最簡(jiǎn)形式，不一定是最合適的形式。上述案例過(guò)度簡(jiǎn)化了抽獎(jiǎng)中必要的表現(xiàn)形式，所以即使功能邏輯是完備的，也會(huì)讓用戶產(chǎn)生困惑。
如何設(shè)計(jì)更合適的抽獎(jiǎng)形式呢？
在抽獎(jiǎng)核心功能不變的情況下，我在表達(dá)形式上進(jìn)行了探索。在迭代過(guò)程中主要用到了以下三種方法：
- 放大元素自身的獨(dú)特性
- 營(yíng)造熱鬧的氛圍感
- 打造抽獎(jiǎng)的儀式感
1. 放大元素自身的獨(dú)特性
基于品牌專區(qū)原有的組件設(shè)計(jì)規(guī)范，我快速調(diào)整了獎(jiǎng)品池的展示樣式，將獎(jiǎng)品以圖片的形式呈現(xiàn)。
但是，品牌專區(qū)除了抽獎(jiǎng)活動(dòng)還有多種形態(tài)相似的活動(dòng)組件，如果基于規(guī)范采取相似的形態(tài)，用戶會(huì)難以感受到抽獎(jiǎng)活動(dòng)的特殊性，仍然無(wú)法達(dá)到快速識(shí)別的目的。
在規(guī)范無(wú)法適用時(shí)，可以嘗試突破規(guī)范。我提煉了抽獎(jiǎng)活動(dòng)的特殊性，將這些特殊性加以放大，在原有規(guī)范上打破重組:
- 突出獎(jiǎng)品信息，視覺(jué)上放大獎(jiǎng)品的面積；
- 增大抽獎(jiǎng)操作并弱化標(biāo)題，因?yàn)楠?jiǎng)品及操作已經(jīng)能代替標(biāo)題解釋活動(dòng)；
- 將一等獎(jiǎng)獎(jiǎng)品進(jìn)一步放大，在形式上直觀傳達(dá)“獎(jiǎng)品分等級(jí)”的概念。
打破重組后的抽獎(jiǎng)組件的視覺(jué)重心落在了獎(jiǎng)品與按鈕上，與原來(lái)左文字右按鈕的結(jié)構(gòu)形成了較大的差異。
2. 營(yíng)造熱鬧的氛圍感
最初版本的抽獎(jiǎng)組件配色用了品牌綠色，而這種冷色調(diào)用在抽獎(jiǎng)活動(dòng)上顯得有點(diǎn)冷靜，沒(méi)有氛圍感和熱鬧感。
如何營(yíng)造抽獎(jiǎng)活動(dòng)的熱鬧感呢？
大家一定有搶微信紅包的經(jīng)歷，而紅包封面的配色往往采用引人注目的紅色，搭配有金錢暗示的金色，烘托熱鬧的氛圍并給人想搶的沖動(dòng)。而抽獎(jiǎng)與搶紅包類似，都是有可能獲得高額獎(jiǎng)勵(lì)的行為。因此最后的方案用了相似的配色思路：采用金色底色搭配顯眼的紅色按鈕，提升活動(dòng)的氛圍感，讓其更接近一個(gè)熱鬧的活動(dòng)場(chǎng)。
3. 打造抽獎(jiǎng)的儀式感
完成抽獎(jiǎng)組件的樣式改造后，功能終于順利地上線了。
然而抽獎(jiǎng)活動(dòng)上線沒(méi)幾天，就有用戶發(fā)來(lái)了這樣的質(zhì)疑：“我點(diǎn)完抽獎(jiǎng)結(jié)果直接就跳出來(lái)，說(shuō)我未中獎(jiǎng)，這抽的也太快了吧！沒(méi)有一點(diǎn)儀式感，你們的結(jié)果是不是內(nèi)定的？”
用戶的疑惑是因?yàn)楫?dāng)前的流程中并沒(méi)有抽獎(jiǎng)的等待過(guò)程。
在開(kāi)發(fā)層面上，用戶在點(diǎn)擊抽獎(jiǎng)時(shí)結(jié)果在后臺(tái)其實(shí)已經(jīng)確定了，一個(gè)類似“加載中”的抽獎(jiǎng)過(guò)程的確沒(méi)有實(shí)質(zhì)作用。然而從用戶反饋來(lái)看，抽獎(jiǎng)的等待過(guò)程是一個(gè)不可或缺、有儀式感的環(huán)節(jié)，抽的過(guò)程很“爽”；同時(shí)，它還承載著證明抽獎(jiǎng)?wù)鎸?shí)性的作用，展示系統(tǒng)真的在隨機(jī)抽取獎(jiǎng)品，消除用戶疑慮。這時(shí)候的等待不再是一種阻礙用戶快速完成任務(wù)的攔路虎，而變成了一種有價(jià)值的體驗(yàn)。
最終，我們補(bǔ)充了這種富有體驗(yàn)感并且易于理解抽獎(jiǎng)過(guò)程：隨機(jī)抽取一張卡片，翻轉(zhuǎn)卡片展示是否中獎(jiǎng)。
抽獎(jiǎng)過(guò)程看似是沒(méi)有實(shí)質(zhì)功能性的環(huán)節(jié)，但對(duì)用戶的情感體驗(yàn)起到了重要的作用。
對(duì)比第一版方案和最終方案，雖然完成的是相同的功能，但后者采用適當(dāng)?shù)男问酵怀隽霜?jiǎng)品，增加了對(duì)用戶的吸引力；用紅和金的配色，烘托了更熱鬧的氛圍；增加了抽獎(jiǎng)過(guò)程，提升了儀式感。
功能需要恰當(dāng)?shù)男问剑拍茏尡豁槙城覂?yōu)雅地表達(dá)。
在內(nèi)部工具門戶的改版項(xiàng)目中，產(chǎn)品經(jīng)理原來(lái)“變得更好看一點(diǎn)”的需求，作為設(shè)計(jì)師的我們是通過(guò)定位問(wèn)題、推導(dǎo)功能來(lái)解決的：定位到門戶信息混亂問(wèn)題，針對(duì)性地使用信息分流與場(chǎng)景化查找的方法解決。
在抽獎(jiǎng)組件的項(xiàng)目中，注重功能性的我也深刻地體會(huì)到了必要的形式對(duì)功能表達(dá)的作用：通過(guò)設(shè)計(jì)更符合直覺(jué)認(rèn)知、滿足情感訴求的組件樣式，實(shí)現(xiàn)了體驗(yàn)更完整的抽獎(jiǎng)功能。
這兩個(gè)項(xiàng)目的設(shè)計(jì)思路，一個(gè)側(cè)重在功能，一個(gè)側(cè)重在形式，展示了設(shè)計(jì)中兩種典型的視角：
形式來(lái)源于功能，是更關(guān)注“空”的設(shè)計(jì)師視角。在設(shè)計(jì)師視角下，我們關(guān)注本質(zhì)，理性嚴(yán)謹(jǐn)?shù)馗鶕?jù)表象推導(dǎo)問(wèn)題，并簡(jiǎn)單有效地解決；
功能需要恰當(dāng)?shù)男问，是更關(guān)注“色”的用戶視角。在用戶視角下，我們代入用戶情境，設(shè)身處地地思考，用淺顯易懂的“色”表達(dá)晦澀難懂的“空”，幫助用戶順利完成任務(wù)。
在面對(duì)復(fù)雜的挑戰(zhàn)時(shí)，設(shè)計(jì)往往難以完美地解決問(wèn)題。設(shè)計(jì)師能做的，是找到兼顧多方利益的平衡點(diǎn)，因此必須要綜合考慮設(shè)計(jì)師視角和用戶視角，當(dāng)然，還有產(chǎn)品視角、開(kāi)發(fā)視角、平臺(tái)視角、生態(tài)視角等，任何一方視角的缺失都會(huì)破壞平衡。
讓我們?cè)倩氐介_(kāi)篇的思考：形式與功能的關(guān)系是什么？
佛教經(jīng)典《心經(jīng)》中除了提到“色即是空”，還提到了另一句話——“色不異空”：色離不開(kāi)空，色與空本是一體的。
形式與功能的關(guān)系也是如此：形式來(lái)源于功能，功能需要恰當(dāng)?shù)谋憩F(xiàn)形式，功能與形式缺一不可。他們一體兩面，共同服務(wù)于場(chǎng)景和用戶需求。
如同建筑大師賴特所言：“形式和功能應(yīng)該是一個(gè)整體，達(dá)成精神上的契合。”
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。