讓視覺設(shè)計(jì)又高效又有說服力的4個(gè)步驟

1 評(píng)論 11831 瀏覽 245 收藏 16 分鐘

視 覺設(shè)計(jì)有一個(gè)天然的困難,因?yàn)橐曈X風(fēng)格是一個(gè)很主觀的感受,所以設(shè)計(jì)師很難說服領(lǐng)導(dǎo)和其他人認(rèn)可這種感受。如果恰巧你的設(shè)計(jì)和需求方的審美一致那都好說, 但是如果不一致,那就有設(shè)計(jì)師好受的了。另外視覺設(shè)計(jì)也很難被衡量評(píng)判,也許團(tuán)隊(duì)都認(rèn)為設(shè)計(jì)的不錯(cuò),但是有什么客觀的證據(jù)去證明這個(gè)設(shè)計(jì)真的就是對(duì)的嗎? 所以視覺設(shè)計(jì)師這個(gè)職業(yè)上升天然就有一道坎。

但是更可悲的是,我發(fā)現(xiàn)很多設(shè)計(jì)師并沒有很努力去改進(jìn)這種狀態(tài),因?yàn)殚L(zhǎng)期的壓抑和抱怨,很多設(shè)計(jì)師更樂忠于學(xué)習(xí)技巧工具和新的設(shè)計(jì)風(fēng)格,而不是對(duì)設(shè)計(jì)方法和設(shè)計(jì)流程探索研究。設(shè)計(jì)成果是否能幫助項(xiàng)目不重要,設(shè)計(jì)的夠不夠?qū)?、能不能拿得出手、能否被同行表?yè)P(yáng)才是最重要的。

所以我今天想分享一個(gè)很古老也很基礎(chǔ)的設(shè)計(jì)流程,當(dāng)我們團(tuán)隊(duì)在遇到視覺設(shè)計(jì)難題的時(shí)候,我們往往會(huì)試著通過這個(gè)方法找到靈感和把方案順暢的推進(jìn)下去。

w2

一、確定情感關(guān)鍵詞

所謂情感關(guān)鍵詞,就是我們產(chǎn)品的視覺所要表達(dá)的情感感受,這是從0到1要做視覺設(shè)計(jì)的第一步。前幾個(gè)月我們團(tuán)隊(duì)支持公司一個(gè)新孵化的社交App,為它進(jìn)行整體的視覺風(fēng)格設(shè)計(jì)和定義,但第一步我們不是埋頭開始,而是拉上產(chǎn)品的PM們和研發(fā)運(yùn)營(yíng)各方面leader一起來討論產(chǎn)品的『情感關(guān)鍵詞』是什么,在當(dāng)時(shí)我們所有團(tuán)隊(duì)成員之間討論確認(rèn)了這三個(gè)問題:

  1. 我們的產(chǎn)品要解決的目標(biāo)是什么?
  2. 我們面對(duì)的主要用戶群是怎樣的?
  3. 我們希望用戶在使用我們時(shí),產(chǎn)生怎樣的情緒感受?

這些問題會(huì)扯出很多主觀表達(dá),設(shè)計(jì)師同學(xué)一邊聽大家討論一邊把聽到的關(guān)鍵詞記在黑板上。比如我們是想做年輕人的視頻社交產(chǎn)品,我們就會(huì)記下諸如好玩、熱情、豐富、可愛、二次元等各種情感關(guān)鍵詞,這都是團(tuán)隊(duì)成員希望這個(gè)產(chǎn)品成為的樣子。但是在做視覺設(shè)計(jì)的時(shí)候收集的目標(biāo)不能太多,于是征求大家建議后,我們把優(yōu)先級(jí)不高的去掉,把重復(fù)的感受合并,最后確認(rèn)了我們產(chǎn)品的情感關(guān)鍵詞是:陽(yáng)光、溫暖、年輕。也就是說,接下來我們做App的視覺設(shè)計(jì),就應(yīng)該做出陽(yáng)光、溫暖和年輕的感覺。

w3

因?yàn)橛斜C苄畔⑺晕揖蜎]模糊了,反正大概就是這樣的篩選過程

關(guān)鍵詞要少而精,列出最重要的三個(gè)

二、情緒板

有了關(guān)鍵詞事情還不是那么簡(jiǎn)單,因?yàn)榇蠹視?huì)對(duì)同一情感會(huì)有不同的認(rèn)知,比如你認(rèn)為的陽(yáng)光是藍(lán)天白云,而我認(rèn)為的陽(yáng)光是綠樹草地,這就會(huì)導(dǎo)致后續(xù)視覺設(shè)計(jì)在顏色偏好上會(huì)有爭(zhēng)議。所以我們必須要靠情緒板,把每個(gè)人對(duì)情感的抽象理解具象成實(shí)際可定義的元素。

因?yàn)楫?dāng)時(shí)我們只有一個(gè)設(shè)計(jì)師,所以號(hào)召大家一同參與,布置任務(wù)去幫我們?cè)诰W(wǎng)上找一些符合陽(yáng)光、溫暖和年輕的各種圖片來。這樣的找尋工作要篩選好幾輪,比如早期大家找的圖片會(huì)有兩個(gè)問題:

  1. 表達(dá)不夠準(zhǔn)確,不夠普遍,比如一位同學(xué)找了個(gè)秋天落葉的照片會(huì)讓人覺得不是溫暖而是蕭條,有爭(zhēng)議;
  2. 不夠直接,比如有一位同學(xué)找了個(gè)媽媽燒飯的場(chǎng)景,從而聯(lián)想到溫暖的感受,但是我們覺得這也太隱晦了。情緒板上的圖片就是需要讓人不經(jīng)思考,一眼看到就能感受到情感關(guān)鍵詞。

w5w6

上圖就是最后篩選出來的『情緒板』啦,經(jīng)過3輪的Review我們從300張圖片中找出了不到100個(gè)最終確認(rèn)的圖。那這個(gè)情緒板對(duì)我們到底有什么用呢?

  1. 圖片上出現(xiàn)的顏色、元素和感覺,就是我們接下來做視覺設(shè)計(jì)的時(shí)候可以用到的。比如那種陽(yáng)光和溫暖的暖色和高飽色調(diào),小花小鳥光斑元素,都是可以直接被借鑒在界面里的;
  2. 因?yàn)閳F(tuán)隊(duì)都一起參與幫忙了,所以可以幫助統(tǒng)一”審美觀”(你懂的.;
  3. 在做情緒板的過程中設(shè)計(jì)師本身也在跟著思考和完善自己的感覺;

三、腦爆概念設(shè)計(jì)

有了情緒板設(shè)計(jì)師心中就已經(jīng)有了很多想法,而且之后的推進(jìn)成功率也大了很多,但是這個(gè)時(shí)候也不太適合馬上精細(xì)的做方案,而是用頭腦風(fēng)暴的方法做概念設(shè)計(jì)。

  1. 用頭腦風(fēng)暴的方法做設(shè)計(jì)是指,主要目標(biāo)不是為了馬上確定方案,而是盡可能多的收集創(chuàng)意和想法(如何用正確的方法做頭腦風(fēng)暴.。不然設(shè)計(jì)師會(huì)很快陷入細(xì)節(jié)而錯(cuò)過很多精彩的設(shè)計(jì)點(diǎn)子,而在后續(xù)推進(jìn)的時(shí)候其他人也一定會(huì)質(zhì)疑和提出各種反對(duì)方案,讓設(shè)計(jì)師反復(fù)驗(yàn)證和修改,所以我們一開始就要打開腦洞。
  2. 而所謂的概念設(shè)計(jì),就是不用那么靠譜和精細(xì),表達(dá)大概感覺和意思就可以了,關(guān)鍵在于創(chuàng)意和想法而不是細(xì)節(jié)。
    也是因?yàn)楫?dāng)時(shí)人力不足,所以我號(hào)召了部門里其他設(shè)計(jì)師以參加游戲的形式來幫忙腦爆,大家利用工作之余幫我們做一些效果圖,可以盡情發(fā)揮自己的腦洞。而且不用很精細(xì),圖標(biāo)網(wǎng)上扒一扒,界面擺的亂一些也沒有關(guān)系,但是最重要是一定要依據(jù)我們的『情感關(guān)鍵詞』和『情緒板』來開展。

這次同事的熱情參與超出了我的想象,雖然所處不同的項(xiàng)目也不是他們的分內(nèi)工作,但是因?yàn)榇蠹移綍r(shí)都深陷各個(gè)項(xiàng)目做細(xì)節(jié),做個(gè)新產(chǎn)品風(fēng)格還能隨心所欲的發(fā)揮是很多人都樂意的,于是短短3天內(nèi),我們就收集到了50多不同風(fēng)格的App設(shè)計(jì)方案。

有了方案就需要評(píng)審,最初的評(píng)審我們就是互相解釋設(shè)計(jì)想法和給點(diǎn)建議,大家互不批判,發(fā)現(xiàn)有趣的點(diǎn)子就讓對(duì)方修改一下,以把他的想法表現(xiàn)的更明確一些。而最終的評(píng)審就是有點(diǎn)相親會(huì)的感覺了,我們拉上了所有的設(shè)計(jì)師,產(chǎn)品的PM和各leader,還有公司內(nèi)可能潛在的目標(biāo)用戶,對(duì)方案進(jìn)行投票。但是這個(gè)投票的規(guī)則不是純憑自己喜好,而是了解背景后,大家投出自己認(rèn)為最符合『情感關(guān)鍵詞』和『情緒板』的設(shè)計(jì)方案。

w7

大家依據(jù)關(guān)鍵詞和情緒板的目標(biāo)選出最符合的方案,再分析和篩選

w8

最后如上圖,根據(jù)評(píng)審我們選出了票數(shù)最高的三個(gè)不同風(fēng)格的方案,理論上我們認(rèn)為這三個(gè)方案都是正確的、內(nèi)部達(dá)成一致、且都符合我們?cè)凇呵楦嘘P(guān)鍵詞』和『情緒板』分析時(shí)『陽(yáng)光溫暖年輕』的設(shè)計(jì)目標(biāo)。但是三個(gè)是不同風(fēng)格各有千秋,而且我們都挺喜歡的,要怎么抉擇呢?最后就要試探一下用戶的感覺了

四、用戶驗(yàn)證

畢竟之前的工作全部都是建立在設(shè)計(jì)師理論推斷和我們一幫大老頭子的感覺上,再怎么裝,我們也不是目標(biāo)用戶,所以用戶驗(yàn)證是視覺設(shè)計(jì)最后的關(guān)鍵一步。第一個(gè)是定量研究,我們把選出的三個(gè)方案放在問卷里,通過獵豹清理大師的渠道發(fā)放出去。因?yàn)楂C豹清理大師在全球有幾億用戶,而且廣告平臺(tái)可以選出性別、年齡、國(guó)家等不同的用戶臉譜,所以我們花了一個(gè)周末就回收了一千多份反饋。有一些反饋是很有意思的,比如女生更喜歡方案2那種整體白色的界面,而方案1的紅色界面,在巴西這種火辣辣的熱情國(guó)家就會(huì)更受歡迎一些,或者是在比較低齡(15歲以下.更受歡迎一些。最后根據(jù)各方面的數(shù)據(jù)還有我們的目標(biāo)年齡和國(guó)家市場(chǎng)定位,我們選擇了方案二作為確定的方向。

w9
第二個(gè)是定性研究,找不同的用戶實(shí)際和他們?nèi)チ模@件事情看起來很難但是其實(shí)不用搞得那么復(fù)雜。我們就是讓團(tuán)隊(duì)成員在微信上發(fā)給各種弟弟妹妹親戚朋友的孩子們看。還有很巧的事情是咱們有個(gè)設(shè)計(jì)師是基督徒,在他們教會(huì)上可以接觸到很多在北京的外籍年輕人,通過與他們交流也收集了很多反饋

10
定性研究里我們不但可以獲得目標(biāo)用戶的傾向,還可以知道背后的原因是什么。比如當(dāng)時(shí)用戶告訴我們?yōu)槭裁床幌矚g1,是因?yàn)楝F(xiàn)在的小孩其實(shí)都不希望自己被當(dāng)成小孩,稍微上初中的就不會(huì)再用那么可愛的元素來粉飾自己了,會(huì)希望自己變得看起來更像20多歲的成熟女性。當(dāng)然,因?yàn)樗麄儽举|(zhì)上還是小孩,雖然故意裝但是還是會(huì)在細(xì)節(jié)上透露出一些孩子的心理訴求。

經(jīng)過用戶驗(yàn)證后我們的想法就更明確了,加上之前的一步步推演我們確定了方案2就是我們整個(gè)App最終的設(shè)計(jì)風(fēng)格方向,當(dāng)然這不是最終效果圖,而是確定了后我們的設(shè)計(jì)師就會(huì)根據(jù)整個(gè)方向去完善細(xì)節(jié)輸出,真實(shí)的定稿還需要考量很多因素。

w11

『 確定情感關(guān)鍵詞 -> 情緒版 -> 腦爆概念設(shè)計(jì) -> 用戶驗(yàn)證 』

以上就是一套我們團(tuán)隊(duì)做新產(chǎn)品視覺設(shè)計(jì)的完整流程,在經(jīng)過這么一套折騰后有什么實(shí)際意義呢?

  1. 首先就是我們非常自信的認(rèn)為我們的設(shè)計(jì)方向是正確的;
  2. 因?yàn)檎麄€(gè)過程領(lǐng)導(dǎo)和產(chǎn)品研發(fā)都參與了,設(shè)計(jì)過程的推演步驟大家非常清楚,所以后期的設(shè)計(jì)執(zhí)行也基本上沒有了障礙,大家都很信任設(shè)計(jì)同學(xué)的感覺;
  3. .流程里的產(chǎn)出物我們不但只是用在做界面上,后來我們還打印張貼在了產(chǎn)品經(jīng)理和研發(fā)的工區(qū)周圍,有點(diǎn)”洗腦”的感覺,讓他們時(shí)刻記住”我們的用戶就是這樣的”,我們產(chǎn)品就是要做出”這樣的感覺”;

另外就是大家肯定會(huì)有一個(gè)很大的疑問就是關(guān)于時(shí)間成本的問題,這樣設(shè)計(jì)看起來好慢哦,我平常沒有那么久的時(shí)間,而且看起來要做好多東西,我就一個(gè)人怎么辦?

  1. 首先我們整體做下來就差不多2周的時(shí)間,我覺得2周對(duì)于一件這么重要的事情是值得投入的吧,而且一邊讓大家共同參與,一邊還有階段性產(chǎn)出,團(tuán)隊(duì)的人都很支持我們的時(shí)間投入;
  2. 設(shè)計(jì)過程應(yīng)該短而快,就像我一直強(qiáng)調(diào)的,不要陷入細(xì)節(jié),不要過于強(qiáng)迫癥的專業(yè),以合適的方法從粗獷到精細(xì);
  3. 這次項(xiàng)目除了我外就只投入了一個(gè)視覺設(shè)計(jì)師,做一套界面一個(gè)有經(jīng)驗(yàn)的視覺設(shè)計(jì)師就夠了,但是正確的構(gòu)思一個(gè)風(fēng)格卻不是一個(gè)人能做到的。所以我們都是號(hào)召群體的力量,發(fā)揮大家共同參與和交流,而設(shè)計(jì)師做到核心的流程的梳理和把控就好了,當(dāng)好一個(gè)導(dǎo)演。

最后發(fā)表一下我自己的感悟,以前我一直比較迷茫設(shè)計(jì)這么主觀的工作如何優(yōu)化,貌似除了不斷提升自己的感覺和經(jīng)驗(yàn)也沒有什么辦法了,面對(duì)撕逼也無(wú)可奈何。設(shè)計(jì)管理者的價(jià)值似乎也只能是安排下項(xiàng)目,做做指點(diǎn)。但是后來我發(fā)現(xiàn)設(shè)計(jì)其實(shí)是有一套方法論的,而且還能是一套理性客觀的方法論。比如進(jìn)行創(chuàng)意的頭腦風(fēng)暴,學(xué)習(xí)和利用數(shù)據(jù),處理產(chǎn)品經(jīng)理不成熟的需求,分解設(shè)計(jì)目標(biāo),讓不同性格的設(shè)計(jì)師合作等。希望在這個(gè)浮躁的行業(yè)里與其去爭(zhēng)論大道理,我經(jīng)常整理的方法論干貨可以真正幫到大家。

 

作者@可風(fēng)

來源@知乎

文章鏈接:http://zhuanlan.zhihu.com/kefeng/20551208

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. ??

    來自浙江 回復(fù)