如何在小設計中使用情緒板與設計溝通

已發布平臺:

人人都是產品經理、塵言運營、簡書

問題

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

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

「目前已做努力」

1.有搜合適的書,目前只找到「這個設計好在哪」一本還差不多的書;讀完之后結合實際有一丟丟概念;

2.有嘗試和設計師交流,創業型公司設計師以剛畢業為主,請教他們的時候有些自己都說不清;管設計的老大還要管產品和運營,自己也只能在每次老大點出一個什么問題的時候默默的記在便簽上……


亮哥解答

這個問題其實很難回答。

1、設計這件事兒,好與不好,更多的是感性認識。

2、在實際工作中,好與不好是有客觀評價標準的,標準就是設計面對的對象是否為設計買單。

3、海報、圖片之類的很難考核轉化。

4、實際上,應該看一些關于美學理論的書,但是美這件事兒,還是人文學科的范疇,建議有時間可以多出國去拜訪各種美術館,去找找美的感覺。

國內大多數人對「美」的感覺是缺失的,但是并不妨礙你去研究什么是「美」。

如果說把尺子的話,那可能和文案會異曲同工:

刻度1:海報和圖片的觀感是否清楚明白的表達了它想要傳達的信息?(也就是說,人們看到它們,第一會想到什么,是否是它要傳遞的信息,譬如:上映時間、影片主題,等等)

刻度2:是否在清楚明白的表達完成的同時,還做到了刺激人群的欲望(也就是說,看到海報,我就想要去看節目)

刻度3:在表達中,是否讓人感覺舒適(也就是說,看上去不要產生奇怪的違和感)


我的解答(前言)

阿健的問題亮哥已經基本解答。但是我手不聽話敲多了幾個字回復,于是就有了這篇文章。

這個問題但實際上問的還有另一個問題,就是是“如何讓用戶喜歡上你的設計”,這個問題的本質不在于自身的鑒賞能力有多高,而是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搜了下,結果如下:

衍生關鍵詞“擁抱”
衍生關鍵詞“親吻”

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

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

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實際的點擊量,優勝劣汰。


總結

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

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

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

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

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

3.情緒板的使用

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

4.情緒板的分析

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

5.交給設計師和數據

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


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

體驗關鍵詞為“美和專業”的情緒板
由體驗情緒板提取出來的設計要素,即文中所講的“最終情緒板”

情緒板的實際應用


個人公眾號:塵言運營(ID:Operator-Chen)

未經同意不得轉載。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,119評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,382評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,038評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,853評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,616評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,112評論 1 323
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,192評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,355評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,869評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,727評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,928評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,467評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,165評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,570評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,813評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,585評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,892評論 2 372

推薦閱讀更多精彩內容