技能GET:如何在小設計中使用情緒板與設計溝通?

5 評論 9970 瀏覽 43 收藏 16 分鐘

情緒板通常使用在大規模的改版上,但是平時一些banner、海報或其他的小設計中,非設計人員也可以借助情緒板與設計更好地進行溝通,以達到目的。就朋友提出的一個問題具體分析如何使用情緒板。

問題

問題背景:工科男,自小無美感;目前從事少兒類視頻節目運營,流量主要來源于圖片對用戶的吸引;工作中經常需要構思用什么樣的頁面來吸引用戶,還得找素材和參考這些給到設計師設計出需要的頁面效果;設計師給出的頁面我并不知道什么叫好,什么叫不好,只要模模糊糊的第六感。

問題來了:怎么可以結合具體的業務情況,提高對海報、圖片的鑒賞能力?(至少當我感覺某個頁面不好的時候還能告訴設計師怎么改會比較好?)

目前已做努力:

  1. 有搜合適的書,目前只找到「這個設計好在哪」一本還差不多的書;讀完之后結合實際有一丟丟概念;
  2. 有嘗試和設計師交流,創業型公司設計師以剛畢業為主,請教他們的時候有些自己都說不清;管設計的老大還要管產品和運營,自己也只能在每次老大點出一個什么問題的時候默默的記在便簽上……

我的解答(前言)

這個問題但實際上問的還有另一個問題,就是是“如何讓用戶喜歡上你的設計”,這個問題的本質不在于自身的鑒賞能力有多高,而是banner的設計和用戶的審美有多少匹配度。

所以我的建議是使用【情緒板】+【數據分析】一塊來弄。

情緒板的解釋

情緒板(Mood Board)是設計界非常傳統的一個啟發和探索靈感的方法,然后被用在了現在互聯網的用戶研究和界面設計上面,主要是為了了解用戶在視覺交互上的需求和想法,挖掘用戶不能言明之事(抽象的感覺)。簡單點來說就是一張拼貼畫,把符合情緒的圖片、文本、實物樣本等等組合而成的拼貼畫。直接來幾張情緒板直接感受下,可以大致看到,情緒板的內容包括顏色板、字體、文字排版、質感、具體的圖片、圖標等等。

圖片來源網絡

情緒板的制作

情緒板的制作也分為腦殘式和高端式,個人覺得非設計專業的用腦殘式的情緒板就夠了(我就是這么用的),其余的交給設計大大。腦殘式情緒板不需要制作者有多高的藝術修養、色感、鑒賞能力等等,灰常灰常簡單。接下來默認全部為腦殘式情緒板的制作方法,不再特意表明。

那么情緒板的制作方法按照以下的框架進行說明:

1.情緒板的前置準備工作

1.1.產品定位分析

1.2.用戶分析

2.情緒板的正式制作流程

2.1.提取關鍵詞

2.2.收集素材

2.3.素材的拼接

3.情緒板的使用

3.1.內部使用

3.2.外部使用

4.情緒板的分析

4.1.提取關鍵視覺元素

4.2.制作終極版情緒板

5.交給設計師和數據

5.1.交給設計師

5.2.交給數據

1.情緒板的前置準備工作

在制作情緒板之前,我們首先要知道為啥要做這件事情,作為運營人員,我們可以從分析產品的定位以及對用戶進行訪談來獲取相關的信息。

1.1.產品定位分析

從問題中可以知道,運營的產品是【某少兒類視頻節目】,想要的圖片的具體使用是作為導流的入口——banner。產品的定位顯而易見,是少兒類視頻節目。那么我們可以從產品背后的數據來知道產品的用戶是誰,這里我腦補一下,產品的用戶有可能是8歲以下的兒童或者是兒童的家長,木有具體的也沒關系,有用戶定位就好。

1.2.用戶分析

用戶分析的目的是獲取用戶對產品的第一感受,重點了解用戶的情感和期望,可以通過以往的用戶研究結果或者用戶訪談來獲取。

訪談重點在問出用戶的潛在感受或者情緒、認知,比如目標用戶是兒童,那么就問他:

小朋友,你覺得這個節目好看嗎?為什么喜歡呀?喜歡里面的哪些環節、為什么喜歡這樣的環節呀?在這個節目里還想看到些什么,為什么呢?如果讓你給你的小伙伴推薦這個節目,你會怎么推薦?你還有看其他類似的節目嗎?這些節目是你自己選來看的還是麻麻粑粑選的?你覺得麻麻粑粑選的節目你喜不喜歡?為什么(不)喜歡?……巴拉巴拉……真乖,姐姐給你個小糖糖吃~Over

2.情緒板的正式制作流程

準備工作做完了,我們獲得了產品的定位和從用戶那兒得來的一堆信息,該著手開始制作初級情緒板。

2.1.提取關鍵詞

前面我們得到了一堆用戶的信息,現在我們要從這堆信息中找出體驗關鍵詞,然后從體驗關鍵詞思考出衍生關鍵詞。

體驗關鍵詞大多是抽象的、描述情緒的和感受的,詞數量在3-4個為宜,最多不超5個。假設通過了這堆信息,我們提取出來了的體驗關鍵詞是:繽紛、親切、愛、快樂、好奇。

衍生關鍵詞是在各個體驗關鍵詞的基礎上進行拓展延伸的,是對體驗關鍵詞的具象化處理,各衍生3-5個左右為宜。這個時候,叫上其他產品汪、運營喵、設計獅等等一起來頭腦風暴。衍生關鍵詞可以是具體的物體、場景、動作、顏色、質感、材料等。比如,在上面我們提出來的“愛”可以產生這些衍生關鍵詞:父母、母子、親吻、愛心、擁抱、紅色、家等等。

Tips:如果想不出來衍生關鍵詞,有一神器可以幫到你——www.baidu.com

2.2.收集素材

接著我們就拿著體驗關鍵詞和衍生關鍵詞去找圖了。體驗關鍵詞為選擇的基礎,用衍生關鍵詞去搜,建議能翻墻的就用Google,或者使用專業圖片網站(這兩個搜索起來更加匹配關鍵詞、圖片質量更高),再不濟我們還有神器百度圖片!因為我懶所以不翻墻了,用“愛”的衍生關鍵詞去Pixabay搜了下,結果如下:

衍生關鍵詞“擁抱”

衍生關鍵詞“親吻”

然后從中挑選出你覺得合適的圖片,下載下來??梢缘脑捊o每一張圖片都進行釋義,有助于后面的使用。一張圖片上可能包含多種情緒和含義,請不用糾結,這是正常的,看你喜歡把它放哪個情緒里面,因為后面的使用中會解決的。

然后進行模糊化的處理(也可以不做這一步),處理成像下面這樣的,原圖和模糊化的圖片都要保存下來!!

Tips:不會PS不要緊,強大的Office家族可以幫到你,圖片的藝術化處理中有“虛化”功能,Word、PPT均有。

模糊化處理

2.3.素材的拼接

接下來,我們把原圖按體驗關鍵詞分類拼接起來,記住,是體驗關鍵詞,是體驗關鍵詞,是體驗關鍵詞!!不是衍生關鍵詞!!有能力PS的PS,沒有PS找Office粑粑。拼接起來之后就得到了我們的情緒板了,腦殘式的。建議把模糊化后的圖片也加上去。比如下面體驗關鍵詞為“愛”和“繽紛”的情緒板:

“愛”的情緒板

“繽紛”的情緒板

3.情緒板的使用

做好所有的情緒板之后,我們就可以拿著這些情緒板去做調查和訪談了,可以找內部的人員來訪談,也可以找用戶來訪談。

3.1.內部使用

在內部的訪談中,最好是由有經驗的視覺設計獅來完成,沒有就只能自己上了。注意以下幾點:

  1. 情緒板請準備3個以上,以供評審。
  2. ?問出選擇或不選擇這個情緒板的原因,以及選擇或不選擇情緒板內圖片的原因。
  3. 多次迭代情緒板。

3.2.外部使用

如果招募外部用戶來訪談,讓用戶選擇喜歡的圖片,注意以下幾點:

  1. 不斷問訪談者,探究選擇圖片背后的原因。
  2. 對于同一張圖片,不同的用戶可能有不同的解釋和感受,要注意挖掘差異所在

4.情緒板的分析

4.1.提取關鍵視覺元素

挑選出選擇最多的圖片提取出圖片中的關鍵的視覺元素,不限于物體、字體、背景、花紋、顏色等。并且嘗試對這些元素進行描述。比如從剛剛的情緒板的使用中,我們提取出了如下的元素,分別是粗體活潑的字體、笑容、卡通化的形象、明亮的紅色、明亮的對比強烈的顏色。

提取的元素

4.2.制作終極版情緒板

根據這些元素,我們把它組合成一張終極版的情緒板,盡量包含以下東西:顏色板、字體、質感、某些具體的元素。顏色可以從模糊化后的圖片中提取。質感可能是直接來源于原圖,也有可能來源于模糊化的圖片。像這樣的:

最終的情緒板

5.交給設計師和數據

5.1.交給設計師

然后把情緒板交給設計師,和他解說一下,不要忘記了說基本要求(如果有尺寸、格式要求什么的),然后放手吧,讓設計獅盡情狂奔一下。多讓設計獅準備幾個方案出來。

5.2.交給數據

設計稿出來后,我們把這幾個設計稿給用戶看,看用戶喜不喜歡,并且探究原因。然后把滿意的設計稿完善出最終定稿,放在banner上,看不同banner實際的點擊量,優勝劣汰。

總結

情緒板在最前面工作量大,在后面就是逐步迭代運營的了。因為問題中的產品是視頻節目,按我的理解應該是由第三方提供的,所以上面情緒板的步驟可以再簡化一下,只需要獲得節目的定位和用戶的定位、想出關鍵詞、找圖片就好了,結合節目本身來進行設計。也可以參考電商中是如何設計的??偟膩碚f,最重要的就是要多實驗!!下面總結一下本文的知識點。

1.情緒板的前置準備工作

確定品牌或產品的定位、用戶的定位,收集用戶研究的結果,為提取關鍵詞做準備。

2.情緒板的正式制作流程

從準備工作中獲得的信息進行整理提煉,提取出體驗關鍵詞,從體驗關鍵詞具象化出衍生關鍵詞,然后按照衍生關鍵詞找圖片,把圖片按體驗關鍵詞拼接起來做成體驗用的情緒板。

3.情緒板的使用

通過內部的評審或外部用戶的訪談,對情緒板進行迭代,挑出選擇最多圖片進行分析。

4.情緒板的分析

提取出所選圖片中的關鍵視覺元素,制作最終的情緒板。

5.交給設計師和數據

交給設計師設計,結合用戶訪談和實際投放后的數據,迭代優化。

最后看下別人家的高端式情緒板。

體驗關鍵詞為“美和專業”的情緒板

由體驗情緒板提取出來的設計要素,即文中所講的“最終情緒板”

情緒板的實際應用

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. “我的解答(前言)

    這個問題但實際上問的還有另一個問題,就是是“如何讓用戶喜歡上你的設計”,這個問題的本質不在于自身的鑒賞能力有多高,而是banner的設計和用戶的審美有多少匹配度。”
    —- 我認為也不是關于審美,而是對于用戶需求的挖掘和對商業價值的體現。

    回復
    1. 1

      回復
  2. 贊一個

    回復
    1. 再贊一個

      回復
    2. 再再贊一個

      來自上海 回復