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