告別“自嗨”和“工具人”模式,是時候開始做“好設計”了!

語言: CN / TW / HK

做了這麼多年設計,你真的知道如何去做一個好設計嗎?

很多設計師可能會覺得自己做的設計很不錯,但做出來的東西其實純屬自嗨,完全沒有考慮過用户的體驗。

比如下面這個荷蘭網站的主頁:

它用mix-blend-mode造成了看似炫酷,充滿視覺衝擊力的效果。但是,你能接收到它表達了什麼信息嗎?其實它是隱藏了一個動畫效果,就是你必須要把鼠標移到頁面的角落,才會看到下面這些明確的文本信息。

巧妙嗎?巧妙。但是交互的可用性和對用户的引導,是設計最終價值體現的重要因素。如果因為交互隱藏太深而導致大多數用户沒有發現的話,從商業角度來説,這個設計就是失敗的。

還有一部分人,純純把自己當作一個只知道接收甲方或老闆需求的“工具人”,接到任務就開始找參考照貓畫虎,設計只按套路,沒有思想也不講方法。所以下一次想跳槽的時候,他根本拿不出任何具有説服力的作品,甚至説不出自己設計的立足點到底在哪。

如果你真的想去做好設計,就必須要告別上面所説的“自嗨”和“工具人”模式,真正瞭解一個好設計到底是如何誕生的。一個好設計的出現,可能會因為運氣好, 但更多時候其背後是遵循了一套科學的設計方法論的。

如果你想在設計生涯中得到提升,成為一個可以持續產出好設計的設計師, 那就要開始學會去深化你設計背後的邏輯思考,通過一些設計方法的實踐,不斷訓練自己的設計思維, 從而讓你的作品更具説服力。

比如,從單純地做思維導圖,升級到學會製作mapping。:point_down:

比如,從只會找素材,學會如何快速整理出一個情緒板。 :point_down:

比如,即使不會畫畫,也可以試着去製作一個故事板。 :point_down:

比如,做設計決策前,養成先做個用户旅程地圖的習慣。 :point_down:

這些其實都是對於設計師來説必須要掌握但又被常常忽略的設計方法。就是在慢慢踐行這些方法的過程中,我完成了我的思考升級,甚至鍛煉出了屬於自己的一套設計能力體系。

這一切都受益於我一直在使用的一個設計類在線協作工具, Fabrie 文檔 。它是一個基礎白板+表格的形態,相比一般的純白板工具,它會更關注設計師和設計工作流中的各種細化需求和場景。很多設計師們覺得很難或者耗費心力的設計方法,Fabrie都能快速高效地輔助我們踐行。

我已經把Fabrie的官網鏈接放在“閲讀原文”中了,大家可以去自行註冊體驗,不需要下載,如果探索出一些新的用法,歡迎隨時回來跟我交流。接下來我會再繼續聊聊做一個好設計的過程中,設計師可以利用Fabrie做什麼進階行動。

01

打造思維宮殿,從參考中提取設計思路

平時我們的設計需求都是伴隨着deadline的,短時間內需要產出,是沒有時間讓你仔細琢磨,用心鑽研的,所以我們需要學會快速尋找大量的靈感、素材、參考。很多人已經知道了“怎麼找”,那麼你需要的進階能力就是 “整理、分析和歸納” ,從這些參考中提取出設計方法。

我之前做過視覺,後來轉做了ui、ux。我發現做ui、ux並不像視覺那樣需要大量以美為主的圖片素材,因為已經有了既定的視覺規範,所以更多時候我們找的參考會涉及到很多網頁截圖,甚至是一些案例相關的PDF文件。

但是這些東西其實很難放在一起去看,這時候參考素材的割裂其實是會阻斷我們的深度思考的,設計思路很難去延伸和記錄,最後就很容易照搬別人的思路,做出一個“四不像”。

Fabrie的白板,可以實現將所有素材和參考直觀地呈現在一個畫面中。無邊界的白板可以上傳各種圖片和文件,甚至可以解析PDF。它就相當於設計師的一個素材盛放器,同時匯聚了收集、整理、探索、展示的功能。

當所有的資料和參考都鋪開在眼前時,你就更容易去思考和提取這些作品中的共性和差異化。跟自己項目關聯性強的圖片和資料可以移動放置在一起或者用線條連接,分析出來的一些思路和總結可以使用便利貼記錄在旁邊。有沒有發現,一個簡易的情緒板其實就慢慢被整理出來了。

除了用情緒板去整理思路,尋找方向,其實思維導圖也是設計師比較常用的一個方法。但是因為做思維導圖需要單獨打開一個軟件,而且做的時候對應不了參考資料,很限制思路,所以大家不太願意去做。

我後來發現可以直接在Fabrie的白板中做,而且Fabrie的思維導圖不僅僅是一板一眼的的線框+文字組合, 它還可以串聯白板上的任何元素信息,可以讓圖片、pdf、url 甚至psd文件都成為思維導圖的一部分。 這其實已經是一種思維導圖的升級模式--mapping,比腦圖更可視化的信息可以幫助你思考得更自由和全面。

你也完全可以就着一張圖來進行思維發散,提取這張圖中你想要運用到自己設計中的元素,然後再合理分析可行性,如何使其符合自身產品的調性,以及信息傳遞是否合理等,一點一點發散出去,再順着去找更多的參考加入其中。其實最後你就能構建出大體的設計思路,提取出一些具體的實施方法了。

Fabrie的腦圖還有一點讓我很迷戀的地方,就是基本做到了“隨心所欲”。我可以隨意拖動任何一個分支的位置還不改變從屬關係,整個腦圖的排布方式可以完全按照自己的思路來進行,在空間上擁有更大的彈性。當然,強迫症也可以用「一鍵重排」功能,把它恢復到整齊排列的狀態。

順便提一下,Fabrie還有個自帶的圖片採集插件,在瀏覽器中瀏覽素材網站時,可以直接將圖片或者截圖轉存到Fabrie的素材中轉站中,之後可以批量上傳到白板上,不管是做ui收集網頁截圖還是做視覺收集大量的美圖,都可以不離開瀏覽器就完成。

Fabrie白板不但可以提高我們收集素材的效率,而且真的可以幫助設計師思考。如果你也有此類困擾,可以點擊“閲讀原文”去註冊體驗一下,不需要下載。

02

踐行設計思維,善用設計方法

設計師注重的一定是“思維”,而非“技法”。特別是ui、ux這個行業,比好看更重要的是邏輯合理,服務於主任務,以用户為核心。所以這時候設計思維的踐行和落地,就顯得格外重要。

雙鑽模型

設計思維要落地,無非就是兩件事, 走對流程和找對方法 。設計師應該都知道的雙鑽模型,就是幫助我們走對流程的指導準則,而在流程中該如何使用方法,就是Fabrie幫助我解決的問題。

5x5問卷

有什麼方法?如果我説是用户訪談、問卷調查、競品分析、用户旅程地圖、故事板,你一定就知道。這些設計方法其實應該被貫穿在每個流程中,以此來幫助我們不斷明確和拆分用户需求,找到潛在問題,直到最後找到最合適的解決方案。

但是你真的去用這些方法了嗎?還是直接跳過了這些步驟,然後設計方案常常發生方向性偏離?其實我剛開始也是如此,不做的原因基本可以歸結於 沒有趁手的工具,費時費力 。但要進階做一個好設計,其實是不可能離不開這些方法的。

Fabrie的白板是一個非常適合應用這些方法的工具。首先它有一個非常全面的模板庫,上述説的那些方法基本上都能在這裏找到可直接編輯的模板,而且每個模板都有相應的指導教程和背景展現。

Fabrie的用户旅程地圖模板

如果你想做一個用户旅程地圖,就不用在ps中費力繪製,完成後還要導出,需要修改的時候又要回去軟件中,然後再次重複導出的動作。對於還在不斷學習方法的設計師,Fabrie的模板能給你足夠多的方法引導;而對於有經驗的設計師,模板則能幫你快速啟動,節省時間。

當然還有很多設計師選擇跳過這些步驟其實就是因為,分析和思考的過程也很耗時,即便有模板,也需要花不少時間去填寫。其實這也有一個技巧,就是在熟悉這些手段的同時,將它們做進一步的簡化,明確自己在一個用户旅程地圖中到底需要分析哪個維度的問題,有針對性地去研究,減少時間上的消耗。

在Fabrie白板中做這些還有一個好處,就是不會讓你的設計方案產生割裂。比如你在做設計之前,需要去做用户調研,做故事板,他們都屬於你方案中的一部分。Fabrie可以將這些內容存儲和展示在一個文檔中,在後續做設計方案時,你不用再打開一個個文件,反而可以在文檔中不斷添加其它的輔助資料,這意味着Fabrie白板其實可以幫助你完成後續的大部分工作。

對了,Fabrie的在線協作屬性還可以幫助團隊之間的信息共享,你只要發送一個鏈接就可以把自己的調研成果分享給小夥伴,非常便於團隊的協作。

03

提高説服力,能落地的才是好設計

大家應該都經歷過評審的苦,設計方案要被認可和落地,其實也是有技巧的。怎麼提高自己的説服力? 學會展示自己的設計思路和過程,流程的正確性比結果更重要。

相比於直接看到你一個單薄的設計方案,評審方其實更希望知道的是你做出這些設計決策的原因。這時候Fabrie就會成為一個展示你的思考過程的載體。 它可以展示你的用户調研洞察,可以展示你的用户旅程地圖,你整個信息架構的設計都可以被清楚地歸 因。 有了這些上下文,你的設計方案就會更具有説服力,你的領導或者團隊夥伴也會提出更有針對性的建議。

我其實非常推薦大家嘗試一下使用Fabrie做線下評審。首先Fabrie就可以一鍵轉化成PPT,很方便做彙報和展示,省時省力。

而且其實大家使用Fabrie一起在線瀏覽,相比於等待一個人一頁一頁地翻着PPT,瀏覽效率也會極大地提高。

有個很有趣的細節,就是在Fabrie裏你可以看見每一個協作夥伴的光標。你可以直接跟蹤他的視角,也可以讓對方追隨自己的視角,這樣就不會出現在彙報時有人一頭霧水,不知道講到哪的情況。

另外,評審環節常常會出現一種情況,就是討論完之後會停留在口頭或者聊天記錄中,之後想要回溯的時候會遺忘或者直接找不到討論過程。

藉助Fabrie,我們就能直接將需要修改和調整的地方用便利貼標註上去,在不額外付出努力的情況下記錄下整個評審過程,修改的時候也能避免遺漏掉一些細節問題了。

方案確定的是你的設計方向和思路,最後審設計稿的環節反而變得輕鬆。做完設計稿之後,也可以一樣上傳到Fabrie的白板中,和之前的方案放在一起進行第二輪的review,前後能夠對比,評審會更方便。

Fabrie的白板可以直接上傳ps、ai文件,直接渲染成圖片的形式,這一點對設計師來説真的很受用,省去了來來回回導出和發送的動作。

設計稿的review相對來説就會變得簡單一些,反而可以進行異步評審,評審方可以直接將反饋貼在設計稿的旁邊,對照着這些意見一一修改,效率就會提高了。

04

關於Fabrie必須要説一下的亮點功能

最後我還想順便提一下Fabrie還有個比較亮點的功能,就是和白板配套的多維表格。白板中的所有東西都可以直接拖進表格中,表格中的內容也可以與白板內的所有元素進行聯動,生成圖表關聯卡。當初看到這個功能的時候,我還蠻驚喜的,因為目前白板產品雖多,但好像還沒有這樣的形式出現。

我自己平時會用來做一些項目的進度管理。在白板中確認方案後,就可以在表格中彙總待辦事項,不需要再去開一個軟件來專門管理,方便追溯和查看。對了,表格還能直接@團隊中的協作人,對方就能實時收到信息,對於團隊協作來説,Fabrie做的還是很到位的。

不過這個表格其實還是蠻多用的,私以為對於工業設計、服裝設計這些需要常常進行物料管理和對接的行業,用法會更香。表格還能上傳ps、ai等附件,不但擺脱了Excel來回修改和傳輸的煩惱,還能對照着設計稿一起看,對接需求就會更清晰。

寫在最後

不難看出,Fabrie其實就是一個專為設計師打造的效率工作台,它可以幫助設計師很好地串聯起工作流程,也可以起到一個項目管理和歸檔的作用。

但是對我來説,更有意義的其實應該是在使用Fabrie中,慢慢形成更科學和正確的設計流程。這會幫助我們增強設計作品中背後的邏輯思考,轉變那些套路式的思維模式,將更專業,更有想法的東西注入到我們的設計之中。如此,你才有可能開啟進階模式,做出一個又一個的好設計。

Fabrie其實還有很多優秀的功能和用法,我還在持續探索中,之後會再跟大家分享。感興趣的朋友可以點擊“ 閲讀原文 ”,立馬註冊體驗。