編輯導(dǎo)語：用戶往往通過視覺對(duì)產(chǎn)品產(chǎn)生第一直覺上的認(rèn)知，因此在產(chǎn)品設(shè)計(jì)中，有效的視覺傳達(dá)十分重要，而在視覺效果的傳達(dá)中，產(chǎn)品最好結(jié)合情緒板來針對(duì)目標(biāo)用戶進(jìn)行合理的設(shè)計(jì)方案規(guī)劃。本文作者就對(duì)情緒板設(shè)計(jì)做了詳細(xì)解讀，一起來看一下。

一、有問題的產(chǎn)品設(shè)計(jì)

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

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

但實(shí)際上，這明顯是清潔劑包裝設(shè)計(jì)上的問題，為什么要讓購(gòu)買使用的用戶承擔(dān)風(fēng)險(xiǎn)呢？

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

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

二、人是視覺動(dòng)物

要說用戶開始接觸產(chǎn)品的第一感官是什么？

是視覺。

視覺的感受屬于感官的體驗(yàn)，而提到感官體驗(yàn)，就不能不說情感化設(shè)計(jì)中的本能層。

1. 情緒化設(shè)計(jì)中的本能層

《設(shè)計(jì)心理學(xué)》中有提到情感化（情緒）設(shè)計(jì)：

情感化設(shè)計(jì)是旨在抓住用戶注意力、誘發(fā)情緒反應(yīng)，以提高執(zhí)行特定行為的可能性的設(shè)計(jì)。通俗地講，就是設(shè)計(jì)以某種方式去刺激用戶，讓其有情感上的波動(dòng)。

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

情感影響著人的感知、行為和思維方式，從設(shè)計(jì)的角度來看，沒情感的產(chǎn)品冷冰冰難以與人建立起聯(lián)系。

在該模型中，Norman提出用戶在與產(chǎn)品交互時(shí)會(huì)產(chǎn)生三種不同水平的情感，分別為本能體驗(yàn)、行為體驗(yàn)和反思體驗(yàn)。

而感官體驗(yàn)，包括視覺，是屬于本能層的。

2. 本能層的目標(biāo)與設(shè)計(jì)

本能層，是最直接的處理層面，預(yù)先連接大腦以自動(dòng)響應(yīng)發(fā)生在物理世界中的事件，能迅速反應(yīng)，判斷好壞、安全或危險(xiǎn)。

所以，針對(duì)本能層（感官）的體驗(yàn)設(shè)計(jì)需要注意用戶在使用產(chǎn)品或與產(chǎn)品交互方面所期望的感受，關(guān)注產(chǎn)品的視覺、聽覺、觸覺等特性（產(chǎn)品的外形、質(zhì)地、手感等外在表現(xiàn)）和產(chǎn)品的交互感受（如動(dòng)畫過度、延遲、物理按鍵反應(yīng)）。

三、軟件視覺的重要性

實(shí)體商品，第一眼永遠(yuǎn)都是商品的外包裝，不然哪來那么多可以拍照發(fā)圈的“網(wǎng)紅”產(chǎn)品呢？

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

1. 移動(dòng)軟件也看臉

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

無論是自行在應(yīng)用市場(chǎng)進(jìn)行搜索，還是看到朋友推薦過來的鏈接，第一眼基本上就是應(yīng)用的圖標(biāo)了。

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

基本上，很多的軟件產(chǎn)品都是有著屬于自己的品牌基調(diào)色。

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

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

2. 設(shè)計(jì)師的無奈

在軟件研發(fā)中心，設(shè)計(jì)師是主導(dǎo)視覺的，這自然是毫無疑義的。

但產(chǎn)品卻喜歡“指手畫腳”：

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

……

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

設(shè)計(jì)師，卒。

產(chǎn)品經(jīng)理有意見當(dāng)然是沒問題的，但往往拿不出修改的關(guān)鍵證據(jù)，或者說，說服不了任何人。

如果將視覺變成憑借各自喜好進(jìn)行評(píng)判的話，那肯定是無法達(dá)到最優(yōu)解。

所以，要將目光聚焦在目標(biāo)產(chǎn)品用戶和產(chǎn)品本身的定位上。

有時(shí)候，主觀也很客觀。

四、情緒板定基調(diào)風(fēng)格

產(chǎn)品經(jīng)理需要和設(shè)計(jì)師精誠(chéng)合作，將用戶體驗(yàn)和產(chǎn)品定位結(jié)合好，這時(shí)候就應(yīng)該利用好情緒板這個(gè)方法了。

情緒板是啥？

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

我用簡(jiǎn)單易懂的話來描述：

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

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

1. 頭腦風(fēng)暴想關(guān)鍵詞

產(chǎn)品經(jīng)理和設(shè)計(jì)師一起找一些用戶做頭腦風(fēng)暴，如果沒有用戶的話，拉上開發(fā)問題也不大。

頭腦風(fēng)暴法：

是一種最為普遍采用的群體創(chuàng)意活動(dòng)。以收集創(chuàng)意為目的，通常將具有相關(guān)科研能力和知識(shí)素養(yǎng)的人集中組成一個(gè)小組，進(jìn)行集體討論，參與者能敞開思想、自由交流、相互啟發(fā)和激勵(lì)，引起創(chuàng)造性設(shè)想的鏈?zhǔn)椒磻?yīng)，鼓勵(lì)參與者產(chǎn)生盡可能多的創(chuàng)意。

它通過對(duì)提出的設(shè)想方案逐一進(jìn)行客觀連續(xù)地分析，以尋找切實(shí)可行的最佳方案。在思維激發(fā)和相互啟發(fā)方面，比單個(gè)個(gè)體更有創(chuàng)新優(yōu)勢(shì)，通常起到1+1大于2的效果

該方法是產(chǎn)生完善于形成想法的通用技術(shù)，廣泛應(yīng)用于交互設(shè)計(jì)，尤其是產(chǎn)生候選設(shè)計(jì)，支撐用戶提出好的新想法。

在這個(gè)階段，就是不斷地想和產(chǎn)品定位相關(guān)的關(guān)鍵詞，也可以先列舉幾個(gè)明確的主題關(guān)鍵詞進(jìn)行不斷地發(fā)散。

小tip：最好別帶手機(jī)進(jìn)去，盡量腦暴半小時(shí)以上。

2. 卡片分類去冗余

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

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

小tip：相對(duì)小類別的關(guān)鍵詞不需要太關(guān)注。

3. 具象化關(guān)鍵詞

得到每類關(guān)鍵詞后，提煉出該類關(guān)鍵詞可以映射到現(xiàn)實(shí)世界的事物。

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

小tip：事物必須是大部分人都認(rèn)可的。

4. 交給“像素眼”（產(chǎn)品勿操）

將上述各類別里面的事物做個(gè)優(yōu)先級(jí)，剩下的就交給設(shè)計(jì)師了，無論是顏色、圖標(biāo)，還是banner風(fēng)格等等，設(shè)計(jì)師就有了明確的參考標(biāo)準(zhǔn)了。

這就是看客觀標(biāo)準(zhǔn)下主觀的發(fā)揮了，相信你的設(shè)計(jì)師。

五、結(jié)尾

再回過頭來看清潔劑的包裝設(shè)計(jì)。

像這種會(huì)影響到健康、安全的產(chǎn)品，本身就應(yīng)該要做警告性處理，如包裝顏色、液體氣味、圖標(biāo)等，在本能層調(diào)用感官的時(shí)候就應(yīng)該加入人類抗拒的因素。

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

當(dāng)然，不同的產(chǎn)品要使用不同的設(shè)計(jì)，但一定要結(jié)合定位和用戶群體而考慮。

本文由 @loosaumin 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。