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