此前所接觸到的用研方法中很少有是針對產(chǎn)品視覺設(shè)計的，今天記錄的關(guān)于情緒板(Mood Board)主要是整理了微專業(yè)中的課程內(nèi)容，同時結(jié)合自己完成課程作業(yè)的過程介紹情緒板的操作流程。。
概念解釋：
情緒板一個由能夠喚醒用戶同一種情緒體驗的圖片、文本、實物樣本等視覺元素組合而成的拼貼畫。
使用意義：從定義中可以看出，情緒板是一種試圖通過從用戶情緒入手來為產(chǎn)品設(shè)計提供視覺元素，并統(tǒng)一產(chǎn)品UI的方法。網(wǎng)易的Bo-jian在其文章中指出：情緒板是依靠“圖像”，溝通產(chǎn)品與用戶、用戶的潛意識與意識、用戶的感性（情緒）與理性的方法。具體的操作意義在于：
a) 情緒板的制作是基于對產(chǎn)品的明確定位而進(jìn)行的，所以通過情緒板能夠形成一個統(tǒng)一和清晰的產(chǎn)品定位；
b) 設(shè)計師、團(tuán)隊成員與用戶共同參與情緒板的制作，對產(chǎn)品的視覺設(shè)計形成共識；
c) 通過情緒板提供的視覺設(shè)計方案更加客觀和理性，并有跡可循。
情緒板的操作流程
情緒板的核心在于根據(jù)產(chǎn)品定位得出合適的體驗關(guān)鍵詞，并據(jù)此選擇出一系列與之相關(guān)的圖片/實物樣本，然后從中提取出符合產(chǎn)品定位的視覺元素。
由于微專業(yè)課程中介紹的案例可能不太適合分享，所以接下來以課程作業(yè)的內(nèi)容為例介紹如何制作情緒板。
作業(yè)內(nèi)容：假設(shè)你所在的團(tuán)隊要推出一個面向追求生活品質(zhì)女性用戶的一個美妝經(jīng)驗分享社區(qū)，請你根據(jù)這個初步的產(chǎn)品定位，以自己為用戶，來用情緒板的方法給出最終產(chǎn)品視覺設(shè)計策略的建議。
第一步：確定原生關(guān)鍵詞，這些關(guān)鍵詞是設(shè)計師希望產(chǎn)品帶給用戶的視覺體驗。
通常，這些關(guān)鍵詞是通過內(nèi)部討論和訪談所得到的。但在本次作業(yè)中通過回收201份網(wǎng)絡(luò)問卷詢問女性網(wǎng)友“在想到‘品質(zhì)生活’的時候，你想到的第一個詞語/事物是什么”得到三個原生關(guān)鍵詞：精致、優(yōu)雅和舒適；
第二步：由原生關(guān)鍵詞得出衍生關(guān)鍵詞。
傳統(tǒng)的情緒板會直接開始搜索與原生關(guān)鍵詞相關(guān)的圖片，但這樣收集到的素材很容易出現(xiàn)同質(zhì)化的問題。所以調(diào)整后的流程增加了對’衍生關(guān)鍵詞’的探索：可以通過訪談或討論的方式獲得衍生關(guān)鍵詞，比如在看到’年輕有趣’的時候，你想到了什么？如果’年輕有趣’是一種顏色/物品，你覺得它是什么？為什么？
敏捷的用戶研究可能沒辦法邀請用戶來進(jìn)行關(guān)鍵詞的衍生，因此衍生關(guān)鍵詞同樣可以通過內(nèi)部探討得出。在完成作業(yè)的過程中，同樣通過網(wǎng)絡(luò)問卷詢問對于原生關(guān)鍵詞所聯(lián)想到的食物/動植物/人造物的聯(lián)想進(jìn)行了統(tǒng)計。下表中為出現(xiàn)頻率較高的幾種事物。
第三步：利用衍生關(guān)鍵詞進(jìn)行圖片的收集。一般而言，某個產(chǎn)品會有3~5個原生關(guān)鍵詞，然后每個原生詞會有3~5個衍生關(guān)鍵詞。微專業(yè)的老師推薦針對每個衍生關(guān)鍵詞挑選1張圖片就好。
在本次的作業(yè)中，我從上表中為每個原生詞挑選出的衍生詞如下：精致(蛋糕、多肉、玫瑰、鉆石)；舒適(棉花糖、貓、狗、沙發(fā))；優(yōu)雅(紅酒、天鵝、百合花、花瓶)。通過Lofter收集到的圖片如下：
第四步：邀請用戶進(jìn)行情緒板的制作。通過關(guān)鍵詞挑選的圖片只能代表設(shè)計師和產(chǎn)品團(tuán)隊對產(chǎn)品定位的理解，但情緒板最終需要理解的是用戶的情緒體驗。所以在確定最終的情緒板中需要哪些圖片的時候，應(yīng)該邀請用戶的參與。
4.1) 關(guān)鍵詞的分維詮釋
在用戶進(jìn)行挑選圖片之前，先讓他們在不同的維度去喚醒視覺設(shè)計想要達(dá)到的情緒體驗?zāi)軌驇椭脩魧D片進(jìn)行更加準(zhǔn)確的篩選，比如：
物化映射：在看到‘精致’這個詞的時候，你會想到那些具體的東西？
視覺映射：整體來看，這些東西的外觀是什么顏色的呢？有怎樣的風(fēng)格呢？
心境映射：當(dāng)你看到這個東西的時候，你會有怎樣的感覺呢？
4.2) 圖片的挑選
一般情況下，你需要大概5個左右的用戶來完成圖片的挑選。然后由用戶選擇頻率最高的圖片構(gòu)成最終的情緒版。
由于種種原因，我只邀請了一名用戶，按照每個原生關(guān)鍵詞挑選3張圖片。如下圖是這名用戶最終挑選出的情緒板。
第五步：從情緒板中提取設(shè)計要點
對情緒板進(jìn)行高斯模糊處理，然后使用工具提取虛化圖形中的大色塊。同時，從用戶對于關(guān)鍵詞的詮釋中，也能夠提取出設(shè)計風(fēng)格、情緒體驗等設(shè)計元素。如圖，是從以上圖片中提取出的色彩元素。
總結(jié)：前文中我按著作業(yè)的過程分享了制作情緒板的過程。老實說，對于結(jié)果我是不太滿意的。由于是第一次接觸情緒板，可能踩了許多坑：
a) 可能是問卷調(diào)查的原因，導(dǎo)致用戶得出的原生和衍生關(guān)鍵詞都存在一定意義上的重疊；
b) 用戶在詮釋關(guān)鍵詞的時候很難繞開這個關(guān)鍵詞以提供更有價值的方向；
c) 在進(jìn)行高斯模糊后，圖片背景的顏色變得突出，，對色彩的提取造成較大的偏差；
d) 最后也是最重要的一點，我大概知道目標(biāo)產(chǎn)品是網(wǎng)易美學(xué)，但情緒板的結(jié)果與真實的設(shè)計相差甚遠(yuǎn)。最有可能的原因在于我在整個研究中把重點放在了‘追求生活品質(zhì)’的定位，而不是‘美妝經(jīng)驗分享社區(qū)’的產(chǎn)品本身。
參考文獻(xiàn)&推薦閱讀
How to Create a Moodboard And Get Your Creative Juices Flowing
