還在憑感覺設(shè)計?怎能搞定老板- 快使用情緒版

“這不是我要的感覺,你再改改?!?br>

美,是一種感覺,但是在做商業(yè)視覺設(shè)計,特別做界面的時候,商業(yè)價值和美需要找到一種平衡。由于視覺特別主觀,你也許常常看到如下情況:

設(shè)計師小明要做一個有專業(yè)感的app。做好了。

產(chǎn)品經(jīng)理過方案:

產(chǎn)品:“小明啊,這里的顏色為什么是藍(lán)白???”

小明:“憑我設(shè)計師的直覺,藍(lán)白好看!顯得專業(yè)!”

產(chǎn)品:“紅配綠色更好看啊,紅綠燈你看專業(yè)吧!”

“傻X沒審美啊”小明一邊內(nèi)心吐槽,一邊改。度過一個加班夜。


老板過方案:

老板:“小明啊,這里的顏色為什么紅配綠?。俊?/p>

小明:“我覺得藍(lán)白顯得專業(yè),產(chǎn)品非要改紅配綠?!?/p>

老板:“明明是紫配金更專業(yè)啊!金色還尊貴呢?!?/p>

“傻X沒審美啊”小明一邊內(nèi)心吐槽,一邊改,度過一個加班夜。


老板繼續(xù)過方案:

老板:“這不是我要感覺,你再改改?!?/p>

小明:“這不是按你說的改的嗎?!?/p>

老板:“你怎么沒有自己思維呢?你是設(shè)計師你定啊。”

“你特么逗我啊”小明內(nèi)心崩潰,又是一個加班夜。

很多時候,沒有人聽你的,不信任你的專業(yè)度,指揮得你團團轉(zhuǎn),越改越糟糕,當(dāng)然,這還是你的鍋。這真是一個悲傷的故事。那些重視設(shè)計的需求方都是別人家的嗎?

無論老板,產(chǎn)品,或其他需求方,幾乎都沒有受過設(shè)計專業(yè)訓(xùn)練,一些設(shè)計師看來不需要解釋的理念,非專業(yè)人士并不理解。每個人的審美也不同,因此光用“感覺”這類個人主觀的解釋是說不通的。特別自信的人還要和設(shè)計師一爭高低,誰說的美才是真的美。但是這并不是他們錯了,一千個人一千個哈姆雷特。

拿顏色來說,有一定經(jīng)驗后,設(shè)計師會用色彩代表的含義來解釋,比如:

紅色:正義、熱情、性感、權(quán)威;血腥、暴力、壓抑

粉紅:溫柔、甜美浪漫、女性、母嬰、無壓力;輕浮

橙色:積極、活潑、健康

黃色:明亮、信心、希望;警示

綠色:安全、和平、新鮮、希望、舒適有活力

深藍(lán):專業(yè)、權(quán)威、科技;保守

咖色:典雅、沉靜、平和、親切;沉悶、老氣

紫色:浪漫、優(yōu)雅高貴、神秘;高傲、輕佻、妒忌

黑色:權(quán)威、高端、低調(diào);也意味著死亡和深沉

灰色:沉穩(wěn)、考究、高級;暗淡、沒有生機

白色:純潔、圣神、善良、信任與開放;蒼白、悲傷

是不是看著有道理了?但是依然很容易被:“這不是我想要的”“我并不這么覺得”駁回。

需求方在提一個需求的時候,并不總是清晰的認(rèn)識到自己需要什么?;蛘咧?,不能闡述明白。比如需求方要做一個簡潔風(fēng)格的頁面,那么是瑞士風(fēng)格的簡潔,還是日式簡潔?如果需求沒有達(dá)成共識,那么設(shè)計做的好,也是錯的。設(shè)計師為此一遍遍試錯,是一件很消耗既痛苦又低效的事情。

因此我們需要一些方法來確定需求,并且將主觀的感受量化,客觀化。使之有說服力,經(jīng)得起考驗。情緒版(Mood Board)就是這樣一種可視化的溝通方法。能解決圖像風(fēng)格,色彩,文字排版,圖案以及整體外觀以及感覺,幾乎包括所有視覺主觀的因素。核心原理是依靠圖像,溝通產(chǎn)品與用戶、用戶的潛意識與意識、用戶的感性與理性。

掌握情緒版的使用,就能避免語言產(chǎn)生的誤解,讓主觀的視覺闡述擲地有聲。就能在設(shè)計之前,看到設(shè)計成果帶來的感覺,徹底告別需求方“設(shè)計好了我才知道要不要”“這不是我想要的”“我不知道哪不好就是不喜歡”,就能探索用戶心中的風(fēng)格。

看上去這么厲害,還很容易實施。簡單來說,情緒板一個由能夠喚醒用戶同一種情緒體驗的圖片,顏色,文字排版等視覺元素集合。下面我們來看看具體實施方法:

1.明確原生體驗關(guān)鍵詞

2.用原生關(guān)鍵詞得出衍生關(guān)鍵詞。

3.尋找圖片,進行歸類。

4.邀請用戶制作情緒版。

5.提取內(nèi)容,指導(dǎo)設(shè)計。


1.明確原生體驗關(guān)鍵詞

體驗關(guān)鍵詞是用戶在看到產(chǎn)品后的第一情緒反應(yīng)。它影響著用戶對產(chǎn)品的接受度。

體驗關(guān)鍵詞可以從內(nèi)部也可以從外部獲得,根據(jù)項目的需要自由安排。

涉眾訪談(內(nèi)部人員):

主要根據(jù)品牌和市場策略設(shè)計問題。例如:如果將我們的APP擬人化,是一個什么樣的人?你希望用戶第一次見到APP時候有什么反應(yīng)?你覺得我們APP和競品有什么區(qū)別?等等。

用戶訪談(外部用戶):

主要根據(jù)用戶情感和用戶期望進行設(shè)計問題。例如:你覺得我們APP和XXAPP的區(qū)別在哪?我們APP給你感覺最特別的地方是什么?怎樣的感覺呢?如果將我們的APP擬人化,是一個什么樣的人?你會如何跟朋友形容我們的APP呢?等等。

訪談結(jié)束后會獲得很多抽象的形容詞,比如溫暖,精致,可靠,麻煩等,主要是表帶感受,這些詞是原生體驗關(guān)鍵詞樣本。內(nèi)部討論精簡出3-5個,最鮮明的感受并不會太多,所以并不是越多越好。

有時候會同時出現(xiàn)相反的形容,比如嚴(yán)謹(jǐn),有趣。華麗,簡潔。等等,可以叫上利益相關(guān)者,使用滑塊來投票決定側(cè)重點,得出明確的原生體驗關(guān)鍵詞。用雷達(dá)出繪制出來,使大家一目了然。


2.用原生關(guān)鍵詞得出衍生關(guān)鍵詞

原生關(guān)鍵詞是抽象的感覺,而視覺是具象的,因此要用抽象的原生關(guān)鍵詞得出具象的衍生關(guān)鍵詞。

如果在做敏捷開發(fā),沒有時間請用戶來完成,可以通過內(nèi)部探討得出,每個衍生關(guān)鍵詞控制在3-5個。

如何具象化呢?進行物化,視覺映射。

比如原生關(guān)鍵詞是:溫暖

物化映射:

溫暖這個詞,會讓你想到哪些人?產(chǎn)品?事物?

視覺映射:

溫暖如果是一種顏色,是什么色?如果是一種形狀,什么形狀?如果是一種材質(zhì),什么材質(zhì)?

如此得到了,母嬰,壁爐,臥室,橙色,圓形,羽絨,等具體名詞。


3.尋找圖片,進行歸類。

按照具象的衍生關(guān)鍵詞,尋找高質(zhì)量的圖片,記住我們是設(shè)計師。之后,按照原生關(guān)鍵詞進行歸類。比如之前得到的母嬰,壁爐,臥室,橙色,圓形,羽絨,放在“溫暖”文件夾中。

一些常用的圖庫:

海洛

http://www.hellorf.com/

視覺中國

https://www.vcg.com/

花瓣

https://huaban.com/

500px

https://500px.com/home

Pinterest

https://www.pinterest.com/

Google

https://www.google.com.hk/imghp?hl=zh-CN&tab=wi


4.邀請用戶制作情緒版。

邀請3-5名用戶,在用戶進行挑選圖片之前,先使用物化映射,視覺映射,心境映射喚醒用戶情緒。以便更準(zhǔn)確篩選圖片。

例如:

物化映射:

溫暖這個詞,會讓你想到哪些人?產(chǎn)品?事物?

視覺映射:

溫暖如果是一種顏色,是什么色?如果是一種形狀,什么形狀?如果是一種材質(zhì),什么材質(zhì)?

心境映射:

溫暖這個詞讓你有什么樣的感覺?

喚醒情緒之后,請用戶在每個文件夾中選出一張代表產(chǎn)品感覺的圖片。不斷詢問用戶“這張圖片給你什么感覺?“為什么你會選擇這張圖片而不是其他?”如果一張圖片被多位用戶選中,詢問他們選擇這張圖片的原因是否一樣。選擇完成后可以請用戶談一談產(chǎn)品使用的感受。


5.提取內(nèi)容,指導(dǎo)設(shè)計。

根據(jù)用戶選擇的頻率給圖片排序,根據(jù)對用戶的訪談,提取圖片中的視覺元素。比如圖片里的花紋,形狀,顏色,字體等等。關(guān)于顏色的探索,那么可以借助 colorhunter 來提取圖片的主要顏色。將提取出來的元素歸類整合到一個畫板上。這將是作品完成后帶來的感覺。我們可以根據(jù)這個畫板,將元素使用與不同的模塊上。


在情緒版制作過程中,盡量告知利益相關(guān)者進度,或者邀請參加。完成之后,和需求方有理有據(jù)的闡述觀點。這樣在設(shè)計的初期,方向就是符合需求方的要求的,不再因為方向錯誤而影響設(shè)計結(jié)果了。除了整體產(chǎn)品的大方向,一些細(xì)節(jié)改版也是可以運用情緒版的,比如給icon換個顏色,這下,開篇段子中的小明也不會出現(xiàn)因為憑感覺用色而改到吐血的慘劇啦。



如果你喜歡我的分享記得給我留言或者點贊哦,

也可以把你的問題寫在下面的評論區(qū)。

更多相關(guān)的文章記得去我的主頁查閱哦。

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

推薦閱讀更多精彩內(nèi)容