創夢講座:創業 x 資訊設計

CIMG4321

在這個資訊爆炸的時代,人們處理每個資訊的時間越來越短,如何吸引使用者的目光,並達到驅動行為的效果,就有賴資訊傳達的品質及方式。8月11日晚上,創夢市集邀請到資訊設計專家:Re-lab(台灣第一家資訊設計公司)共同創辦人吳培弘Nash,帶來「用資訊設計思維及技巧,翻轉你的創業生涯!」講座,介紹資訊設計的思維及技巧,以及,該如何使用且發揮它的力量。

 

從一個教育理念出發,Re-lab讓資訊不再無聊

講座一開始,Nash播放了Re-lab製作的解釋影片(Explainer Video)讓與會者對資訊設計有初步的認識,並簡單介紹Re-lab的緣起。

Nash目前還在就讀臺大生態所,他發現,若要將複雜難懂的生態學知識,用更有效的方式傳達給學生或一般大眾,就需要更好的技術與編排,否則,人們只會不斷做出無聊的教科書。因此,從一個教育理念出發,Nash與另一位共同創辦人,一同開創了Re-lab的冒險旅程。

 

《台灣二三事》正片第1集:「你的尿有多黃?」,嘗試用輕鬆詼諧的方式,表達出台灣血汗上班族的心聲。

Re-lab嘗試從「資訊的處理」下手。在這資訊爆炸的世代,資訊接收者無法花費太多時間,去吸收每一個資訊;另一方面,資訊傳遞者也無法確定受眾是否有吸收到正確的資訊。因此,利用資訊設計,可以為資訊傳遞帶來四個重要的好處:吸引人、好理解、好記憶、好分享,從而改善資訊傳遞的效果。

 

到底什麼是資訊設計?

Infographic,中文常譯做資訊圖或資訊圖表,顧名思義就是資訊加上圖像,但Nash認為,更好的翻譯應該是「資訊設計」,因為資訊設計,並不僅限於圖表的範疇。

另一個對於資訊設計常見的誤解,就是一般人以為資訊設計就是將資料視覺化(Data Visualization),如:將某個數據資料製成長條圖。但其實,資料視覺化只是資訊設計的其中一種表現方式,因為資訊設計不只是將冰冷的數據變成圖像,更是一種「說故事」的方式。

 

資訊設計(Infographic)與資料視覺化(Data Visualization)的主要差別。

資訊設計的用途

資訊設計依照呈現方式,可分為三種形式:靜態、動態、互動。

靜態的資訊設計的特點是,能用多種載體來呈現,並且,是一種被動的資訊吸收方式。Nash提到,資訊設計一開始起源於國外的部落客,他們用資訊設計做內容行銷,當時因為網站多為長條形,所以有許多長條形的資訊圖,這在台灣是較為少見的。

動態的資訊設計就是影片的呈現,也是被動的資訊吸收方式,另外,它是一種線性的陳述,在資訊安排時,較適合用來解釋事物的脈絡。而互動式的資訊設計,例如:網站、互動電子書等,就是一種主動式的資訊吸收方式,特別的地方,就是可以加入許多資訊,卻不用一次全部呈現出來,而是待使用者有需要時,再點開自己有興趣的部分,獲得進一步的資訊。

Nash認為,一個好的資訊設計,除了能讓接收者更快吸收資訊外,應該是能鼓動資訊接收者,在看完資訊後,發現問題,進而採取行動,解決問題。例如:1855年,南丁格爾,一位救人無數的偉大護士,同時還是一位知名的統計學家,她所繪製的「東部軍隊死亡原因統計圖」呈現出當時軍隊衛生問題導致的軍人死亡數偏高,說服政府改善軍營衛生狀況,進而降低因衛生問題而死亡的人數。這個圖形後來也成為統計學上著名的玫瑰圖。

 

南丁格爾繪製的玫瑰圖,呈現出軍隊衛生問題與軍人死亡率的高度關係。

 

資訊設計無所不在!

其實資訊設計已經充滿了你我的身邊,不論在商業、社會、政治、學習,都可以看到各種透過資訊設計,而帶來改變的情形。例如:許多社運靠著更好的資訊傳遞,引起民眾的響應,著名案例像是服貿運動、香港雨傘革命、假油事件地圖等。連伊斯蘭恐怖組織ISIS,都使用資訊設計傳遞訊息。Nash特別提到,他認為「學習」是最能發揮資訊設計用途的地方,這也是他接觸資訊設計的初衷。例如:TED Education就製作許多解釋影片,介紹科學知識如光合作用、量子力學等。

而對於企業而言,資訊設計可用在內部及外部溝通上:

  • 內部溝通:簡報、員工訓練手冊、企業年報。
  • 外部溝通:解釋影片、內容行銷、公共關係。

Nash以dropbox為案例,說明資訊設計如何讓dropbox做好外部的溝通。dropbox很會使用解釋影片,甚至有謠言說dropbox在跟創投提案時,就只放了一個解釋影片,描述使用者使用dropbox的情境,而那時候dropbox甚至連一行程式都沒有寫出來,就得到創投的錢。

解釋影片讓dropbox在行銷時勢如破竹。dropbox最早期的官方網站,據說只有兩個按鈕:解釋影片的「播放鈕」,以及「下載軟體」。使用者一進到網站,只要看完影片後按下載,就可以使用dropbox方便的產品。這樣的模式讓dropbox增加10%的下載轉換率,成功讓看過影片的「過客」,變成「粉絲」。

 

資訊設計已經充滿了你我的身邊,不論在商業、社會、政治、學習,都可以看到資訊設計帶來的影響力。


此外,資訊設計能幫助企業進行內容行銷,重新挖掘對大眾有吸引力且有興趣的內容。像是flyingV也利用簡單的「微網站」,做內容行銷,放上群眾募資的相關數據,如:達成募資的件數等,讓使用者一覽網站的成果,增加品牌忠誠度。

另外,Nash分享一個創業團隊跟創投會談時的小技巧,就是在與投資人會面時,除了將重要的資訊製作成簡報外,也可將額外延伸的補充,或是相對繁雜、次要的內容,做成紙本DM,在Pitch完後若沒有時間進一步說明,設計過的DM可讓投資人一目了然,不用多做解釋也可以輕鬆閱讀。

 

怎樣才是一個好的資訊設計

Nash認為,現在網路上常見的懶人包,其實也是一種資訊設計,但這樣具有影響力的傳播工具,若製作不良,其實是一種可怕的危害,例如:故意將圖表的Y軸級距拉寬,可能就會讓受眾在瀏覽時,植入一種錯誤的觀感或認知。因此,是否具有設計倫理,將會影響到資料的客觀性。

而要設計出好的資訊設計,應該要針對目標對象來製作適合的資訊,例如:若想要傳達同性戀破除的資訊,就要考慮受眾是自己的父母、朋友、陌生人,還是基督徒。不同的受眾,應該要用不同的手法來達到溝通的目的。

 

做出一個好的資訊設計所需的三個要素:重視目標對象、達到溝通目的、符合設計倫理。

 

資訊設計的過程

Nash簡單分享了資訊設計的過程,並補充說明,這樣的過程,其實也可以套用在設計公司與客戶合作時的一種流程。首先,最重要的步驟其實是先定義問題。有許多客戶會太快跳到解法方法,例如:我認為顧客不來是因為不了產品,所以要作一個解釋影片。但其實,顧客不來,可能是因為其他原因。因此,回到問題源頭,去定義到底問題是什麼,而不是一昧的照客戶的解法來做。

若一個問題已經確認被找出來後,第二件事就是依照此問題,將想要達成的目標列出來並排序。

另外,通常Re-lab在理解目標溝通對象時,會使用Persona(人物誌,是一種在行銷規劃或商業設計上描繪目標用戶的方法) 去做實際訪談,找到和目標客戶類似的人,了解他們的基本資料、興趣、價值觀,以及接收資訊的方法等。然後,藉由訪談,把特徵問題萃取出來後,才去做資訊的設計。

接下來,找出資訊圖背後,想要傳達的關鍵資訊,如:與其下一個「新軟體介紹」的標題,不如寫上「新軟體會讓你的團隊更有效率,大幅提升營收」的標題。針對目標對象以及想要傳達的關鍵資訊,再去整理所需要的相關資料,然後把資料分組,將相似性高的資料歸類在一起,最後,才嘗試編排資料,用資料講故事。

 

透過Persona人物誌,設計者能夠描繪出溝通對象的真實樣貌,以利設計適合的溝通形式、內容。

 

編排資料時,應該要把最吸引人的東西放在前面,在草稿的階段時,就應該重視文字與圖像的排版,如:哪些內容是最重要的,就應該放在中央。想像你就是這份資訊的導遊,讓受眾自然地依照你想要的順序去閱讀一份資料。然而,若你的排版無法讓人找到閱讀的順序,也可以直接加上箭頭或標示,來引導視線落點。

在完成一份文件草稿編排後,應該要有「測試」的階段。你應該提出草圖與客戶溝通,確認這樣的內容,有符合客戶的要求,有沒有扭曲客戶原本的意思,以及,有沒有傳達客戶真正想要傳達的東西。


資訊設計 x 社會公益

講座的尾聲,Nash分享了之前製作的兩個社會公益專案「 亞斯的厚帽子」以及「伊波拉」。Nash提到,在宣傳「伊波拉」的防疫資訊時,他們想要透過FB宣傳,達到吸引民眾點擊觀看的目標,因此,他們先觀察了年輕人使用FB的習慣。因為FB通常是用來殺時間的,使用者會快速滑動瀏覽,不像去一些具有知識內容的網站,是真的有想深入學習某個知識,因此,他就在FB的貼文上加入鮮豔的圖片,以加強視覺的呈現,吸引民眾停下瀏覽並點擊。

第二個作品「亞斯的厚帽子」,這個吸引近1萬7千次分享,近百萬點擊的宣導品,希望能讓一般民眾認識亞斯伯格。透過與精神科醫師合作,Nash訪談亞斯伯格症患者及家屬,了解他們會遇到怎樣的問題,並用資訊結合故事的方式來呈現,讓大家跟著「小斯」,一個七歲的亞斯伯格症小男孩,來認識這個疾病。

最後,Nash推薦「餐巾紙的背後」這本書,給沒有設計背景的朋友,學習如何用圖解來找問題、進行溝通。

Nash創辦Info2Act,藉由資訊設計,與夥伴一起實踐社會參與和行動。

 

精彩QA問答節錄

Q:Re-lab怎樣幫助客戶達到他們要的效果? 客戶要準備哪些訊息才能讓Re-lab做得更好?

A:客戶提出的問題要定義的很清楚。有時候Re-lab對口的企業窗口,不一定真正清楚問題,這時候Re-lab會找實際遇到問題的企業內人員,進行訪談,以真實理解問題在哪裡。其實訪談、和客戶討論理解問題的程序,幾乎就會花掉整個專案一半以上的時間,例如:一個月的製作時間,就會有兩個禮拜在做討論與研究,只留兩個禮拜來做設計。

 

Q:資訊設計跟一般的文案哪裡不同?

A:文案只是資訊設計的一部份,文案更重視風格、有無強烈刺激等,但資訊設計重視的是文案的利用性。有時候企業自己寫好文案,反而會讓Re-lab很難做排版或設計。

 

Q:設計資訊圖表時,怎麼平衡美感與功能性?

A:我們也發現這個問題,和設計背景人討論時,發現他們太重視美感,但資訊設計的重點是「溝通」,每個圓餅圖、折線圖的資訊,都應該要有意義,能幫助資訊正確傳遞的東西,才可以放到圖上。但是,很多設計者不喜歡讓畫面空空的,會加上一些美化,反而造成誤導。

因此,和使用者測試草稿很重要,哪種圖表適合、是否選擇適合的插圖以幫助了解背景等。另外,資訊設計不是單純的設計,必須要了解資料的特性,如何處理、編排,甚至也要蒐集、消化這些知識,具備資料處理的能力,才能做好資訊設計的工作。

 

Q:Re-lab如何估算製作時間?是否曾知估算失敗?

A:一般平面設計約2至3個禮拜,影片約一個月,會依照複雜度調整。專案滿常延宕的,但通常是因為客戶的關係。當然,Re-lab是創業團隊,在做專案時也會講求lean startup概念,每個案子都會好好檢討,讓下個案子不要發生一樣的問題。

 

Q:有沒有推薦的設計字體網站?

A:(講座後補充說明)網站可以找 justfont 的blog 和廣告小妹部落格,有中文跟英文字體的介紹文章,算是國內寫比較好的網站。