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

已發(fā)布平臺:

人人都是產(chǎn)品經(jīng)理、塵言運營、簡書

問題

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

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

「目前已做努力」

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

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


亮哥解答

這個問題其實很難回答。

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

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

3、海報、圖片之類的很難考核轉(zhuǎn)化。

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

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

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

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

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

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


我的解答(前言)

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

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

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

情緒板的解釋

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

圖片來源網(wǎng)絡
圖片來源網(wǎng)絡

情緒板的制作

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

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

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

?1.1.產(chǎn)品定位分析

?1.2.用戶分析

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

?2.1.提取關(guān)鍵詞

?2.2.收集素材

?2.3.素材的拼接

3.情緒板的使用

?3.1.內(nèi)部使用

?3.2.外部使用

4.情緒板的分析

?4.1.提取關(guān)鍵視覺元素

?4.2.制作終極版情緒板

5.交給設計師和數(shù)據(jù)

?5.1.交給設計師

?5.2.交給數(shù)據(jù)


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

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

1.1.產(chǎn)品定位分析

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

1.2.用戶分析

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

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

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


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

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

2.1.提取關(guān)鍵詞

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

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

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

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

2.2.收集素材

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

衍生關(guān)鍵詞“擁抱”
衍生關(guān)鍵詞“親吻”

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

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

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

模糊化處理

2.3.素材的拼接

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

“愛”的情緒板
“繽紛”的情緒板

3.情緒板的使用

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

3.1.內(nèi)部使用

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

#1 ?情緒板請準備3個以上,以供評審。

#2 ?問出選擇或不選擇這個情緒板的原因,以及選擇或不選擇情緒板內(nèi)圖片的原因。

#3 ?多次迭代情緒板。

3.2.外部使用

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

#1 ?不斷問訪談者,探究選擇圖片背后的原因。

#2 ?對于同一張圖片,不同的用戶可能有不同的解釋和感受,要注意挖掘差異所在


4.情緒板的分析

4.1.提取關(guān)鍵視覺元素

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

提取的元素

4.2.制作終極版情緒板

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

最終的情緒板

5.交給設計師和數(shù)據(jù)

5.1.交給設計師

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


圖片是百度來的
圖片是百度來的

5.2.交給數(shù)據(jù)

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


總結(jié)

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

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

確定品牌或產(chǎn)品的定位、用戶的定位,收集用戶研究的結(jié)果,為提取關(guān)鍵詞做準備。

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

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

3.情緒板的使用

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

4.情緒板的分析

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

5.交給設計師和數(shù)據(jù)

交給設計師設計,結(jié)合用戶訪談和實際投放后的數(shù)據(jù),迭代優(yōu)化。


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

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

情緒板的實際應用


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

未經(jīng)同意不得轉(zhuǎn)載。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容