編輯導語：用戶往往通過視覺對產品產生第一直覺上的認知，因此在產品設計中，有效的視覺傳達十分重要，而在視覺效果的傳達中，產品最好結合情緒板來針對目標用戶進行合理的設計方案規劃。本文作者就對情緒板設計做了詳細解讀，一起來看一下。

一、有問題的產品設計

“1月21日，江蘇蘇州，一位家長稱自家買的一款“網紅清潔劑”，被家里老人誤當做橙汁倒在杯子里給孩子喝下了，孩子被送入醫院洗胃，通過圖片可以看到瓶身上印有橙子的圖案，且清潔劑是一種橙色的液體看起來確實很像橙汁，網上一搜，類似的商品還有不少?！?/p>

看到很多熱搜評論里，很多的網友吐槽老人粗心，還有一些博主建議清潔器應該放在安全的地方，順手營銷了一波儲物盒。

但實際上，這明顯是清潔劑包裝設計上的問題，為什么要讓購買使用的用戶承擔風險呢？

商家很明顯是一味地迎合年輕人的喜好，去美化包裝產品，如果年輕人喝醉了頭腦不清晰的時候，他是否能認出這是個清潔劑？

不要隨意欺騙用戶的感官，尤其是眼睛。

二、人是視覺動物

要說用戶開始接觸產品的第一感官是什么？

是視覺。

視覺的感受屬于感官的體驗，而提到感官體驗，就不能不說情感化設計中的本能層。

1. 情緒化設計中的本能層

《設計心理學》中有提到情感化（情緒）設計：

情感化設計是旨在抓住用戶注意力、誘發情緒反應，以提高執行特定行為的可能性的設計。通俗地講，就是設計以某種方式去刺激用戶，讓其有情感上的波動。

通過產品的功能、產品的某些操作行為或者產品本身的某種氣質，產生情緒上的喚醒和認同，最終使用戶對產品產生某種認知，在他心目中形成獨特的定位。

情感影響著人的感知、行為和思維方式，從設計的角度來看，沒情感的產品冷冰冰難以與人建立起聯系。

在該模型中，Norman提出用戶在與產品交互時會產生三種不同水平的情感，分別為本能體驗、行為體驗和反思體驗。

而感官體驗，包括視覺，是屬于本能層的。

2. 本能層的目標與設計

本能層，是最直接的處理層面，預先連接大腦以自動響應發生在物理世界中的事件，能迅速反應，判斷好壞、安全或危險。

所以，針對本能層（感官）的體驗設計需要注意用戶在使用產品或與產品交互方面所期望的感受，關注產品的視覺、聽覺、觸覺等特性（產品的外形、質地、手感等外在表現）和產品的交互感受（如動畫過度、延遲、物理按鍵反應）。

三、軟件視覺的重要性

實體商品，第一眼永遠都是商品的外包裝，不然哪來那么多可以拍照發圈的“網紅”產品呢？

而作為軟件產品，自然是很難控制硬件設備這個載體了，那軟件的視覺感受就非常重要了。

1. 移動軟件也看臉

拿移動軟件來說，用戶未使用前，第一眼看到的，都不是APP界面，而是應用商店的logo。

無論是自行在應用市場進行搜索，還是看到朋友推薦過來的鏈接，第一眼基本上就是應用的圖標了。

如果logo以及應用介紹的截圖比較“上古”的話，除非是硬剛性的需求，不然用戶看著都覺得像是個詐騙、灰色地帶的APP，說不定反手一個舉報。

基本上，很多的軟件產品都是有著屬于自己的品牌基調色。

經常用來購物的電商產品的logo和頁面多采用紅色系，如京東、淘寶、拼多多，只不過在這個色系又有所區分，本身紅色就象征著熱情、好動，當然，也更加吸引眼球，在一眾APP中抓住注意力。

在比如，看到粉紅色的界面，你會想到什么呢？美顏相機？還是，咳咳。

2. 設計師的無奈

在軟件研發中心，設計師是主導視覺的，這自然是毫無疑義的。

但產品卻喜歡“指手畫腳”：

• “這個APP顏色不好看啊，太老氣了?！?/li>
• “圖標不夠大氣，不能夠顯示我們的特色?！?/li>
• “這個再改改吧，我覺得畫成這樣比較好?！?/li>

……

“算了，還是第一版比較好?！?/p>

設計師，卒。

產品經理有意見當然是沒問題的，但往往拿不出修改的關鍵證據，或者說，說服不了任何人。

如果將視覺變成憑借各自喜好進行評判的話，那肯定是無法達到最優解。

所以，要將目光聚焦在目標產品用戶和產品本身的定位上。

有時候，主觀也很客觀。

四、情緒板定基調風格

產品經理需要和設計師精誠合作，將用戶體驗和產品定位結合好，這時候就應該利用好情緒板這個方法了。

情緒板是啥？

維基百科中對情緒板（Mood Board）的解釋是：情緒板是由拼貼元素組成的視覺展示，由圖像、文本、對象小樣等元素組成?？梢允怯心繕酥黝}的，也可以是隨機選擇的任何素材。

我用簡單易懂的話來描述：

說到這個產品定位，你能想起哪些描述，這些描述可以歸類并具象化成為什么事物，找這些事物的視覺元素。

以下分為四步走，產品參與走好前三部就可以了。

1. 頭腦風暴想關鍵詞

產品經理和設計師一起找一些用戶做頭腦風暴，如果沒有用戶的話，拉上開發問題也不大。

頭腦風暴法：

是一種最為普遍采用的群體創意活動。以收集創意為目的，通常將具有相關科研能力和知識素養的人集中組成一個小組，進行集體討論，參與者能敞開思想、自由交流、相互啟發和激勵，引起創造性設想的鏈式反應，鼓勵參與者產生盡可能多的創意。

它通過對提出的設想方案逐一進行客觀連續地分析，以尋找切實可行的最佳方案。在思維激發和相互啟發方面，比單個個體更有創新優勢，通常起到1+1大于2的效果

該方法是產生完善于形成想法的通用技術，廣泛應用于交互設計，尤其是產生候選設計，支撐用戶提出好的新想法。

在這個階段，就是不斷地想和產品定位相關的關鍵詞，也可以先列舉幾個明確的主題關鍵詞進行不斷地發散。

小tip：最好別帶手機進去，盡量腦暴半小時以上。

2. 卡片分類去冗余

這時候，我們拿到了一堆的關鍵詞，大家之前經歷了發散，此時要做的就是收斂，將所有的關鍵詞按照卡片分類的方式進行聚類，并且去掉一些太過離譜的和一些不重要的。

卡片分類法是根據收集到的資料和信息的相近性進行分類綜合分析建立共識的一種定性方法，目的是將個人的想法和見解層次化，從而顯示共同的結構和主題?？梢詭椭〗M組織復雜的想法和信息，可以用于發現問題和需求，可以用于尋找解決問題的方案。

小tip：相對小類別的關鍵詞不需要太關注。

3. 具象化關鍵詞

得到每類關鍵詞后，提煉出該類關鍵詞可以映射到現實世界的事物。

例如恐怖，可以想到白骨、黑夜、老宅子、燃燒的蠟燭等。

小tip：事物必須是大部分人都認可的。

4. 交給“像素眼”（產品勿操）

將上述各類別里面的事物做個優先級，剩下的就交給設計師了，無論是顏色、圖標，還是banner風格等等，設計師就有了明確的參考標準了。

這就是看客觀標準下主觀的發揮了，相信你的設計師。

五、結尾

再回過頭來看清潔劑的包裝設計。

像這種會影響到健康、安全的產品，本身就應該要做警告性處理，如包裝顏色、液體氣味、圖標等，在本能層調用感官的時候就應該加入人類抗拒的因素。

百草枯就是在液體中加入氣味劑，一方面再打開瓶子就讓人“保持距離”，另外一方面能幫助誤吞的人催吐。

當然，不同的產品要使用不同的設計，但一定要結合定位和用戶群體而考慮。

本文由 @loosaumin 原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。