網頁設計決勝點:資訊圖表
當你打開網頁看到滿滿都是字,是否曾經看也沒看就關掉了呢?
在注意力短暫而分散的網路時代,將資訊轉化為圖像的表達方式,能夠大幅改善溝通的成效,並帶給接收者好的感受。
因此「資訊圖表(Infographic)」成為傳播能力以及整理複雜資訊的熱門方案。
資訊圖表是什麼呢?
就是「資訊」與「圖像」的完美結合。
設計師將冗長的文字、複雜的數字,利用「說故事」和「視覺化」,將難以理解的資訊變得簡單易懂。
資訊圖表的呈現方式有哪些?
時間軸(timeline)
比較圖(Vs Informagraphic)
地圖(map)
資料視覺化(data visualization)
流程圖(flow chart)
其中我們最常見的資訊圖表,莫過於公共交通系統的路線圖了!
舉例來說,台北的大眾運輸系統不以實際的道路是為了避免畫面過於凌亂,因此採用縱橫線條表示,並利用不同的顏色做對應區分,讓路線圖變得清楚好懂。
因此一張完美的設計圖表應該要有三大重點
1. 故事性
2. 視覺衝擊力
3. 保留重點
製作資訊圖表要注意什麼重點呢?
1. 首先我們要選定主題
當我們開始製作之前,需要選定一個能夠分析以及彙整的範圍,以以下幾個主題最適合作為主題。
(1) 熱門話題:總統大選、新產品發表、著名企業上市、知名企業併購日程等,具有時事性的內容特別適合用資訊圖表呈現。
(2) 工具書/指南類型
標題從「如何」、「為什麼」等開頭的疑問詞,適合用來說明複雜的流程,讓使用者快速了解執行方法。
(3) 成果報告
闡述產品、服務狀況、調查結果等,通常用圓餅圖、折線圖或是區域圖作為資訊圖表的呈現方式。
(4) 比較驗證
說明兩樣相似性質的資訊,通常標題會用「vs」表示。
(5) 過程
說明時間軸經過的內容,像是企業沿革、某個歷史事件的因果等等,通常會用甘特圖作呈現。
2. 蒐集可信的客觀數據
數據來源會直接影響到圖表的可信程度,為了避免資訊包含偏頗或不公正的因素,可以參考以下數據來源:
(1) 中華民國統計資訊網
(2) 衛生福利部食品藥物管理署
(3) 貿協全球資訊網
3. 將資料有效整理
舉例來說,新開發的產品有環保節能的效果,就能利用市場上的客觀數據做對比整理成表格,圖表的前置準備就大功告成了!
4. 選擇適合說故事的色彩
不同的顏色對閱讀者有不同的閱讀感受,選擇適合的顏色就能帶給讀者好的感受。
5. 資料視覺化
最後,利用簡單圖像作為輔助,讓複雜的資訊清楚好懂
結論
還在煩惱無法清楚跟消費者說明產品或是服務嗎?
歡迎帶著資訊來找我們,讓我們一起討論、製作出吸引人的資訊圖表吧!