視覺設計有一個天然的困難,因為視覺風格是一個很主觀的感受,所以設計師很難説服領導和其他人認可這種感受。如果恰巧您的設計和需求方的審美一致那都好説,但是如果不一致,那就有設計師好受的了。另外視覺設計也很難被衡量評判,也許團隊都認為設計的不錯,但是有什麼客觀的證據去證明這個設計真的就是對的嗎?所以視覺設計師這個職業上升天然就有一道坎。
但是更可悲的是,我發現很多設計師並沒有很努力去改進這種狀態,因為長期的壓抑和抱怨,很多設計師更樂忠於學習技巧工具和新的設計風格,而不是對設計方法和設計流程探索研究。設計成果是否能幫助專案不重要,設計的夠不夠屌、能不能拿得出手、能否被同行表揚才是重要的。
所以我今天想分享一個很古老也很基礎的設計流程,當我們團隊在遇到視覺設計難題的時候,我們往往會試着通過這個方法找到靈感和把方案順暢的推進下去。
確定感情關鍵詞
所謂情感關鍵詞,就是我們產品的視覺所要表達的情感感受,這是從 0 到 1 要做視覺設計的步。前幾個月我們團隊支持公司一個新孵化的社交 WordPress APP,為它進行整體的視覺風格設計和定義,WordPress 網站設計但步我們不是埋頭開始,而是拉上產品的 PM 們和研發運營各方面 leader 一起來討論產品的『情感關鍵詞』是什麼,在當時我們所有團隊成員之間討論確認了這三個問題:
1)我們的產品要解決的目標是什麼?
2)我們面對的主要多用户羣是怎樣的?
3)我們希望多用户在使用我們時,產生怎樣的情緒感受?
這些問題會扯出很多主觀表達,設計師同學一邊聽大家討論一邊把聽到的關鍵詞記在黑板上。比如我們是想做年輕人的視訊社交產品,我們就會記下諸如好玩、熱情、豐富、可愛、二次元等各種情感關鍵詞,這都是團隊成員希望這個產品成為的樣子。但是在做視覺設計的時候收集的目標不能太多,於是徵求大家建議後,我們把優先順序不高的去掉,把重複的感受合併,後確認了我們產品的情感關鍵詞是:陽光、温暖、年輕。也就是説,接下來我們做 WordPress APP 的視覺設計,就應該做出陽光、温暖和年輕的感覺。 ‘
情緒版
有了關鍵詞事情還不是那麼簡單,因為大家會對同一情感會有不同的認知,比如您認為的陽光是藍天白雲,而我認為的陽光是綠樹草地,這就會導致後續視覺設計在顏色偏好上會有爭議。所以我們必須要靠情緒板,把每個人對情感的抽象理解具象成實際可定義的元素。
因為當時我們只有一個設計師,所以號召大家一同參與,佈置任務去幫我們在網上找一些符合陽光、温暖和年輕的各種圖片來。這樣的找尋工作要篩選好幾
1,圖片上出現的顏色、元素和感覺,就是我們接下來做視覺設計的時候可以用到的。比如那種陽光和温暖的暖色和高飽色調,小花小鳥光斑元素,都是可以直接被借鑑在介面裏的;
2,因為團隊都一起參與幫忙了,所以可以幫助統一” 審美觀”(您懂的);
3,在做情緒板的過程中設計師本身也在跟着思考和完善自己的感覺;
腦暴概念設計
有了情緒板設計師心中就已經有了很多想法,而且之後的推進成功率也大了很多,但是這個時候也不太適合馬上精細的做方案,而是用頭腦風暴的方法做概念設計。
1,用頭腦風暴的方法做設計是指,主要目標不是為了馬上確定方案,而是儘可能多的收集創意和想法(如何用正確的方法做頭腦風暴)。不然設計師會很快陷入細節而錯過很多精彩的設計點子,而在後續推進的時候其他人也一定會質疑和提出各種反對方案,讓設計師反覆驗證和修改,所以我們一開始就要開啓腦洞。
2,而所謂的概念設計,就是不用那麼靠譜和精細,表達大概感覺和意思就可以了,關鍵在於創意和想法而不是細節。
也是因為當時人力不足,所以我號召了部門裏其他設計師以參加遊戲的形式來幫忙腦爆,大家利用工作之餘幫我們做一些效果圖,可以盡情發揮自己的腦洞。而且不用很精細,圖示網上扒一扒,介面擺的亂一些也沒有關係,但是重要是一定要依據我們的『情感關鍵詞』和『情緒板』來開展。
這次同事的熱情參與超出了我的想象,WordPress 網站設計雖然所處不同的專案也不是他們的分內工作,但是因為大家平時都深陷各個專案做細節,做個新產品風格還能隨心所欲的發揮是很多人都樂意的,於是短短 3 天內,我們就收集到了 50 多不同風格的 WordPress APP 設計方案。
有了方案就需要評審,初的評審我們就是互相解釋設計想法和給點建議,大家互不批判,發現有趣的點子就讓對方修改一下,以把他的想法表現的更明確一些。而終的評審就是有點相親會的感覺了,我們拉上了所有的設計師,產品的 PM 和各 leader,還有公司內可能潛在的目標多用户,對方案進行投票。但是這個投票的規則不是純憑自己喜好,而是瞭解背景後,大家投出自己認為符合『情感關鍵詞』和『情緒板』的設計方案。
多用户驗證
畢竟之前的工作全部都是建立在設計師理論推斷和我們一幫大老頭子的感覺上,再怎麼裝,我們也不是目標多用户,所以多用户驗證是視覺設計後的關鍵一步。
個是定量研究,我們把選出的三個方案放在問卷裏,通過獵豹清理大師的渠道發放出去。因為獵豹清理大師在全球有幾億多用户,而且廣告平台可以選出性別、年齡、國家等不同的多用户臉譜,所以我們花了一個週末就回收了一千多份反饋。有一些反饋是很有意思的,比如女生更喜歡方案 2 那種整體白色的介面,而方案 1 的紅色介面,在巴西這種火辣辣的熱情國家就會更受歡迎一些,或者是在比較低齡(15 歲以下)更受歡迎一些。後根據各方面的資料還有我們的目標年齡和國家市場定位,我們選擇了方案二作為確定的方向。
第二個是定性研究,找不同的多用户實際和他們去聊,這件事情看起來很難但是其實不用搞得那麼複雜。我們就是讓團隊成員在 WordPress 微信上發給各種弟弟妹妹親戚朋友的孩子們看。還有很巧的事情是咱們有個設計師是基督徒,在他們教會上可以接觸到很多在北京的外籍年輕人,通過與他們交流也收集了很多反饋。
定性研究裏我們不但可以獲得目標多用户的傾向,還可以知道背後的原因是什麼。 WordPress 網站設計比如當時多用户告訴我們為什麼不喜歡 1,是因為現在的小孩其實都不希望自己被當成小孩,稍微上初中的就不會再用那麼可愛的元素來粉飾自己了,會希望自己變得看起來更像 20 多歲的成熟女性。當然,因為他們本質上還是小孩,雖然故意裝但是還是會在細節上透露出一些孩子的心理訴求。
經過多用户驗證後我們的想法就更明確了,加上之前的一步步推演我們確定了方案 2 就是我們整個 WordPress APP 終的設計風格方向,當然這不是終效果圖,而是確定了後我們的設計師就會根據整個方向去完善細節輸出,真實的定稿還需要考量很多因素。
『確定情感關鍵詞 -> 情緒版 -> 腦爆概念設計 -> 多用户驗證』
以上就是一套我們團隊做新產品視覺設計的完整流程,在經過這麼一套折騰後有什麼實際意義呢?
1)先就是我們非常自信的認為我們的設計方向是正確的;
2)因為整個過程領導和產品研發都參與了,設計過程的推演步驟大家非常清楚,所以後期的設計執行也基本上沒有了障礙,大家都很信任設計同學的感覺;
3)流程裏的產出物我們不但只是用在做介面上,後來我們還列印張貼在了產品經理和研發的工區周圍,有點” 洗腦” 的感覺,讓他們時刻記住” 我們的多用户就是這樣的”,我們產品就是要做出” 這樣的感覺”;
另外就是大家肯定會有一個很大的疑問就是關於時間成本的問題,這樣設計看起來好慢哦,我平常沒有那麼久的時間,而且看起來要做好多東西,我就一個人怎麼辦?
1)先我們整體做下來就差不多 2 周的時間,我覺得 2 周對於一件這麼重要的事情是值得投入的吧,而且一邊讓大家共同參與,一邊還有階段性產出,團隊的人都很支持我們的時間投入;
2)設計過程應該短而快,就像我一直強調的,不要陷入細節,不要過於強迫症的,以合適的方法從粗獷到精細;
3)這次專案除了我外就只投入了一個視覺設計師,做一套介面一個有經驗的視覺設計師就夠了,但是正確的構思一個風格卻不是一個人能做到的。所以我們都是號召羣體的力量,發揮大家共同參與和交流,而設計師做到核心的流程的梳理和把控就好了,當好一個導演。
後發表一下我自己的感悟,以前我一直比較迷茫設計這麼主觀的工作如何優化,貌似除了不斷提升自己的感覺和經驗也沒有什麼辦法了,面對撕逼也無可奈何。設計管理者的價值似乎也只能是安排下專案,做做指點。 WordPress 網站設計但是後來我發現設計其實是有一套方法論的,而且還能是一套理性客觀的方法論。比如進行創意的頭腦風暴,學習和利用資料,處理產品經理不成熟的需求,分解設計目標,讓不同性格的設計師合作等。希望在這個浮躁的行業裏與其去爭論大道理,我經常整理的方法論推薦可以真正幫到大家。