此前所接觸到的用研方法中很少有是針對產(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
