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