視覺(jué)設計有一個(gè)天然的困難，因為視覺(jué)風(fēng)格是一個(gè)很主觀(guān)的感受，所以設計師很難說(shuō)服領(lǐng)導和其他人認可這種感受。如果恰巧你的設計和需求方的審美一致那都好說(shuō)，但是如果不一致，那就有設計師好受的了。另外視覺(jué)設計也很難被衡量評判，也許團隊都認為設計的不錯，但是有什么客觀(guān)的證據去證明這個(gè)設計真的就是對的嗎？所以視覺(jué)設計師這個(gè)職業(yè)上升天然就有一道坎。
但是更可悲的是，我發(fā)現很多設計師并沒(méi)有很努力去改進(jìn)這種狀態(tài)，因為長(cháng)期的壓抑和抱怨，很多設計師更樂(lè )忠于學(xué)習技巧工具和新的設計風(fēng)格，而不是對設計方法和設計流程探索研究。設計成果是否能幫助項目不重要，設計的夠不夠屌、能不能拿得出手、能否被同行表?yè)P才是最重要的。
所以我今天想分享一個(gè)很古老也很基礎的設計流程，當我們團隊在遇到視覺(jué)設計難題的時(shí)候，我們往往會(huì )試著(zhù)通過(guò)這個(gè)方法找到靈感和把方案順暢的推進(jìn)下去。
所謂情感關(guān)鍵詞，就是我們產(chǎn)品的視覺(jué)所要表達的情感感受，這是從0到1要做視覺(jué)設計的第一步。
前幾個(gè)月我們團隊支持公司一個(gè)新孵化的社交App，為它進(jìn)行整體的視覺(jué)風(fēng)格設計和定義，但第一步我們不是埋頭開(kāi)始，而是拉上產(chǎn)品的PM們和研發(fā)運營(yíng)各方面leader一起來(lái)討論產(chǎn)品的『情感關(guān)鍵詞』是什么，在當時(shí)我們所有團隊成員之間討論確認了這三個(gè)問(wèn)題：
1）我們的產(chǎn)品要解決的目標是什么？
2）我們面對的主要用戶(hù)群是怎樣的？
3）我們希望用戶(hù)在使用我們時(shí)，產(chǎn)生怎樣的情緒感受？
這些問(wèn)題會(huì )扯出很多主觀(guān)表達，設計師同學(xué)一邊聽(tīng)大家討論一邊把聽(tīng)到的關(guān)鍵詞記在黑板上。比如我們是想做年輕人的視頻社交產(chǎn)品，我們就會(huì )記下諸如好玩、熱情、豐富、可愛(ài)、二次元等各種情感關(guān)鍵詞，這都是團隊成員希望這個(gè)產(chǎn)品成為的樣子。但是在做視覺(jué)設計的時(shí)候收集的目標不能太多，于是征求大家建議后，我們把優(yōu)先級不高的去掉，把重復的感受合并，最后確認了我們產(chǎn)品的情感關(guān)鍵詞是：陽(yáng)光、溫暖、年輕。也就是說(shuō)，接下來(lái)我們做App的視覺(jué)設計，就應該做出陽(yáng)光、溫暖和年輕的感覺(jué)。
<因為有保密信息所以我就沒(méi)模糊了，反正大概就是這樣的篩選過(guò)程>
<關(guān)鍵詞要少而精，列出最重要的三個(gè)>
有了關(guān)鍵詞事情還不是那么簡(jiǎn)單，因為大家會(huì )對同一情感會(huì )有不同的認知，比如你認為的陽(yáng)光是藍天白云，而我認為的陽(yáng)光是綠樹(shù)草地，這就會(huì )導致后續視覺(jué)設計在顏色偏好上會(huì )有爭議。所以我們必須要靠情緒板，把每個(gè)人對情感的抽象理解具象成實(shí)際可定義的元素。
因為當時(shí)我們只有一個(gè)設計師，所以號召大家一同參與，布置任務(wù)去幫我們在網(wǎng)上找一些符合陽(yáng)光、溫暖和年輕的各種圖片來(lái)。這樣的找尋工作要篩選好幾輪，比如早期大家找的圖片會(huì )有兩個(gè)問(wèn)題：
1）表達不夠準確，不夠普遍，比如一位同學(xué)找了個(gè)秋天落葉的照片會(huì )讓人覺(jué)得不是溫暖而是蕭條，有爭議；
2）不夠直接，比如有一位同學(xué)找了個(gè)媽媽燒飯的場(chǎng)景，從而聯(lián)想到溫暖的感受，但是我們覺(jué)得這也太隱晦了。情緒板上的圖片就是需要讓人不經(jīng)思考，一眼看到就能感受到情感關(guān)鍵詞。
上圖就是最后篩選出來(lái)的『情緒板』啦，經(jīng)過(guò)3輪的Review我們從300張圖片中找出了不到100個(gè)最終確認的圖。那這個(gè)情緒板對我們到底有什么用呢？
1，圖片上出現的顏色、元素和感覺(jué)，就是我們接下來(lái)做視覺(jué)設計的時(shí)候可以用到的。比如那種陽(yáng)光和溫暖的暖色和高飽色調，小花小鳥(niǎo)光斑元素，都是可以直接被借鑒在界面里的；
2，因為團隊都一起參與幫忙了，所以可以幫助統一”審美觀(guān)”（你懂的）；
3，在做情緒板的過(guò)程中設計師本身也在跟著(zhù)思考和完善自己的感覺(jué)；
有了情緒板設計師心中就已經(jīng)有了很多想法，而且之后的推進(jìn)成功率也大了很多，但是這個(gè)時(shí)候也不太適合馬上精細的做方案，而是用頭腦風(fēng)暴的方法做概念設計。
1，用頭腦風(fēng)暴的方法做設計是指，主要目標不是為了馬上確定方案，而是盡可能多的收集創(chuàng )意和想法（如何用正確的方法做頭腦風(fēng)暴）。不然設計師會(huì )很快陷入細節而錯過(guò)很多精彩的設計點(diǎn)子，而在后續推進(jìn)的時(shí)候其他人也一定會(huì )質(zhì)疑和提出各種反對方案，讓設計師反復驗證和修改，所以我們一開(kāi)始就要打開(kāi)腦洞。
2，而所謂的概念設計，就是不用那么靠譜和精細，表達大概感覺(jué)和意思就可以了，關(guān)鍵在于創(chuàng )意和想法而不是細節。
也是因為當時(shí)人力不足，所以我號召了部門(mén)里其他設計師以參加游戲的形式來(lái)幫忙腦爆，大家利用工作之余幫我們做一些效果圖，可以盡情發(fā)揮自己的腦洞。而且不用很精細，圖標網(wǎng)上扒一扒，界面擺的亂一些也沒(méi)有關(guān)系，但是最重要是一定要依據我們的『情感關(guān)鍵詞』和『情緒板』來(lái)開(kāi)展。
這次同事的熱情參與超出了我的想象，雖然所處不同的項目也不是他們的分內工作，但是因為大家平時(shí)都深陷各個(gè)項目做細節，做個(gè)新產(chǎn)品風(fēng)格還能隨心所欲的發(fā)揮是很多人都樂(lè )意的，于是短短3天內，我們就收集到了50多不同風(fēng)格的App設計方案。
有了方案就需要評審，最初的評審我們就是互相解釋設計想法和給點(diǎn)建議，大家互不批判，發(fā)現有趣的點(diǎn)子就讓對方修改一下，以把他的想法表現的更明確一些。而最終的評審就是有點(diǎn)相親會(huì )的感覺(jué)了，我們拉上了所有的設計師，產(chǎn)品的PM和各leader，還有公司內可能潛在的目標用戶(hù)，對方案進(jìn)行投票。但是這個(gè)投票的規則不是純憑自己喜好，而是了解背景后，大家投出自己認為最符合『情感關(guān)鍵詞』和『情緒板』的設計方案。
大家依據關(guān)鍵詞和情緒板的目標選出最符合的方案，再分析和篩選。
最后如上圖，根據評審我們選出了票數最高的三個(gè)不同風(fēng)格的方案，理論上我們認為這三個(gè)方案都是正確的、內部達成一致、且都符合我們在『情感關(guān)鍵詞』和『情緒板』分析時(shí)『陽(yáng)光溫暖年輕』的設計目標。但是三個(gè)是不同風(fēng)格各有千秋，而且我們都挺喜歡的，要怎么抉擇呢？最后就要試探一下用戶(hù)的感覺(jué)了。
畢竟之前的工作全部都是建立在設計師理論推斷和我們一幫大老頭子的感覺(jué)上，再怎么裝，我們也不是目標用戶(hù)，所以用戶(hù)驗證是視覺(jué)設計最后的關(guān)鍵一步。
第一個(gè)是定量研究，我們把選出的三個(gè)方案放在問(wèn)卷里，通過(guò)獵豹清理大師的渠道發(fā)放出去。因為獵豹清理大師在全球有幾億用戶(hù)，而且廣告平臺可以選出性別、年齡、國家等不同的用戶(hù)臉譜，所以我們花了一個(gè)周末就回收了一千多份反饋。有一些反饋是很有意思的，比如女生更喜歡方案2那種整體白色的界面，而方案1的紅色界面，在巴西這種火辣辣的熱情國家就會(huì )更受歡迎一些，或者是在比較低齡（15歲以下）更受歡迎一些。最后根據各方面的數據還有我們的目標年齡和國家市場(chǎng)定位，我們選擇了方案二作為確定的方向。
第二個(gè)是定性研究，找不同的用戶(hù)實(shí)際和他們去聊，這件事情看起來(lái)很難但是其實(shí)不用搞得那么復雜。我們就是讓團隊成員在微信上發(fā)給各種弟弟妹妹親戚朋友的孩子們看。還有很巧的事情是咱們有個(gè)設計師是基督徒，在他們教會(huì )上可以接觸到很多在北京的外籍年輕人，通過(guò)與他們交流也收集了很多反饋。
定性研究里我們不但可以獲得目標用戶(hù)的傾向，還可以知道背后的原因是什么。比如當時(shí)用戶(hù)告訴我們?yōu)槭裁床幌矚g1，是因為現在的小孩其實(shí)都不希望自己被當成小孩，稍微上初中的就不會(huì )再用那么可愛(ài)的元素來(lái)粉飾自己了，會(huì )希望自己變得看起來(lái)更像20多歲的成熟女性。當然，因為他們本質(zhì)上還是小孩，雖然故意裝但是還是會(huì )在細節上透露出一些孩子的心理訴求。
經(jīng)過(guò)用戶(hù)驗證后我們的想法就更明確了，加上之前的一步步推演我們確定了方案2就是我們整個(gè)App最終的設計風(fēng)格方向，當然這不是最終效果圖，而是確定了后我們的設計師就會(huì )根據整個(gè)方向去完善細節輸出，真實(shí)的定稿還需要考量很多因素。
『 確定情感關(guān)鍵詞 -> 情緒版 -> 腦爆概念設計 -> 用戶(hù)驗證 』
以上就是一套我們團隊做新產(chǎn)品視覺(jué)設計的完整流程，在經(jīng)過(guò)這么一套折騰后有什么實(shí)際意義呢？
1）首先就是我們非常自信的認為我們的設計方向是正確的；
2）因為整個(gè)過(guò)程領(lǐng)導和產(chǎn)品研發(fā)都參與了，設計過(guò)程的推演步驟大家非常清楚，所以后期的設計執行也基本上沒(méi)有了障礙，大家都很信任設計同學(xué)的感覺(jué)；
3）流程里的產(chǎn)出物我們不但只是用在做界面上，后來(lái)我們還打印張貼在了產(chǎn)品經(jīng)理和研發(fā)的工區周?chē)?，有點(diǎn)”洗腦”的感覺(jué)，讓他們時(shí)刻記住”我們的用戶(hù)就是這樣的”，我們產(chǎn)品就是要做出”這樣的感覺(jué)”；
另外就是大家肯定會(huì )有一個(gè)很大的疑問(wèn)就是關(guān)于時(shí)間成本的問(wèn)題，這樣設計看起來(lái)好慢哦，我平常沒(méi)有那么久的時(shí)間，而且看起來(lái)要做好多東西，我就一個(gè)人怎么辦？
1）首先我們整體做下來(lái)就差不多2周的時(shí)間，我覺(jué)得2周對于一件這么重要的事情是值得投入的吧，而且一邊讓大家共同參與，一邊還有階段性產(chǎn)出，團隊的人都很支持我們的時(shí)間投入；
2）設計過(guò)程應該短而快，就像我一直強調的，不要陷入細節，不要過(guò)于強迫癥的專(zhuān)業(yè)，以合適的方法從粗獷到精細；
3）這次項目除了我外就只投入了一個(gè)視覺(jué)設計師，做一套界面一個(gè)有經(jīng)驗的視覺(jué)設計師就夠了，但是正確的構思一個(gè)風(fēng)格卻不是一個(gè)人能做到的。所以我們都是號召群體的力量，發(fā)揮大家共同參與和交流，而設計師做到核心的流程的梳理和把控就好了，當好一個(gè)導演。
最后發(fā)表一下我自己的感悟，以前我一直比較迷茫設計這么主觀(guān)的工作如何優(yōu)化，貌似除了不斷提升自己的感覺(jué)和經(jīng)驗也沒(méi)有什么辦法了，面對撕逼也無(wú)可奈何。設計管理者的價(jià)值似乎也只能是安排下項目，做做指點(diǎn)。但是后來(lái)我發(fā)現設計其實(shí)是有一套方法論的，而且還能是一套理性客觀(guān)的方法論。比如進(jìn)行創(chuàng )意的頭腦風(fēng)暴，學(xué)習和利用數據，處理產(chǎn)品經(jīng)理不成熟的需求，分解設計目標，讓不同性格的設計師合作 等。希望在這個(gè)浮躁的行業(yè)里與其去爭論大道理，我經(jīng)常整理的方法論干貨可以真正幫到大家。
原文地址：zhuanlan.zhihu
作者：@可風(fēng)f （獵豹移動(dòng) 資深交互設計師）
來(lái)源：優(yōu)設
聯(lián)系客服
