“這不是我要的感覺,你再改改?!?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)鍵詞進行歸類。比如之前得到的母嬰,壁爐,臥室,橙色,圓形,羽絨,放在“溫暖”文件夾中。
一些常用的圖庫:
海洛
視覺中國
花瓣
500px
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)的文章記得去我的主頁查閱哦。