跳到主要內容

閱讀旅圖:人人都能上手的資訊圖表設計術

這是一個資訊爆炸和氾濫的時代,每個產業都需要溝通、說服他人、做簡報,但大部分的會議和簡報都令人昏昏欲睡,其中最缺乏的就是從消費者的角度出發,將複雜的資訊用圖表或是視覺化表現,令消費者一目瞭然。

然而將資訊設計成為故事的過程當中需要理性和感性的結合,需要有資訊解構的能力分析歸納的邏輯能力,更要有想像創意的能力,也要有視覺設計的能力。

通常有創意的人比較缺乏邏輯,然而邏輯性強的人又大多缺乏想像力。這中間就需要理性、感性兼具,具備設計思維的人,打破以前傳統,用消費者的思維來溝通,才能達到溝通的目的,力省功倍。

圖像化思考,是一種表達方式的精進,不僅節省溝通時間,也增加作業效率。是商業上的簡報、演講、報告、行銷,都需要的工具和思考,讓說服與溝通變得更容易。政府部門尤其在政策宣導和教育上,若能捨棄傳統的方式,運用圖表或視覺的表現讓民眾了解政策和政績,不僅會更事半功倍,更會讓民眾覺得有親和力。

在視覺上,影片當然是溝通最直接的刺激,但是畢竟影片成本較高,文字又太冗長,認為資訊視覺化的表現方式是CP值最高的一種表達方式,最適合在網路社群年代傳播。共同來閱讀Re-lab團隊所出的書《人人都能上手的資訊圖表設計術》。

❙ 生活這樣用-原來只是電錶裝錯位置
電是民不可或缺的資源,涼涼的冷氣,可是要付出代價的。因為缺電,若是要提高電費後引起民眾反感,且讓收入較低的民眾負擔不起,而真正用電量高的民眾因為收入高而不在意電費調漲,這樣不但沒有解決問題,反而有社會正義失衡的隱憂。

那荷蘭政府是怎麼做的呢?他們從數據中發現一個有趣的現象:在阿姆斯特丹郊區的一個地方,有些房屋的電錶装在地下室,有些則裝在前廳,可以一眼看到家庭的累積用電量。

而沒想到的是,電錶裝在前廳的家庭用電量比其他家庭少了三分之一﹙這個小故事出自《系統思考 Systems One》﹚!可視化是一個重要的過程,不見沒有,時時可見,即能提高意識。


再來看一個例子…
純文字版本的內容為:眼睛是人們接收資訊最重要的感官之一, 在我們的身體中有各式各樣的感覺接收器,其中有70%的感覺接受群集在我們的雙眼,想要接收外界的刺激和印象,透過眼睛是效率最高的方式之一,人眼看一個目標要得到視覺印象,只需0.07-0.3秒的注視時間。

❙ 如何提高資訊本身的吸引力呢?
你可以試試以下這幾種方法:
  1. 與其直接告訴讀者結論,不如試試看從一個他們可能關心的「問題」開始!如果一開始就以讓讀者啟動大腦開始思考答案,接著閱讀內文的意願自然也提高許多。
  2. 明確地點出讀者原本沒有意識到的「認知落差」,除了讓讀者出乎意料進而想一探究竟,先清楚地知道自己認知的錯誤,再重新吸收正確的知識也是很好的學習過程喔!
  3. 在一開始就讓讀者知道你想傳達的資訊和他有什麼「關聯」、他為什麼應該要知道這個訊息呢?這樣可以快速建立連結,並讓讀者更有參與感。
  4. 有些資訊圖表會給你這種感覺:「這一定要轉發親朋好友老師同學隔壁鄰居……」,讓讀者覺得有收穫、有幫助的實用資訊圖表,常常讓人忍不住想分享收藏!
❙ 五個設計大師不說的法則
1.難忘的記憶點--你希望讀者看完以後帶走什麼資訊內容?
最怕讀者看完資訊圖表以後什麼也沒留下。記得將設計重點放在你想傳達的資訊重點,是澄清事實、提出問題、統整比較,還是鼓勵採取行動?一味的將所有資訊圖像化只會失去焦點。

超過三個重點就等於沒有重點。不過建議還是要將完整的資料來源附上,讓有興趣的讀者可以自行判斷和探索,也增加資訊圖表的可信度喔!

2.資訊的層次分明--不怕資訊多,只怕資訊沒層次
一秒鐘、一分鐘、十分鐘……你的設計能夠讓目光停留不同時間長度的人,讀到不一樣的資訊深度嗎?

通常資訊看起來又臭又長是因為缺乏「層次」,要讓資訊呈現層次分明,首先要搞清楚這些資訊的「結構」和「重要次序」:

●資訊的結構:一個適當的標題,再透過視覺化的方式呈現資訊結構,能讓人在第一眼抓到這些資訊之間的關係,接著看資訊內容時就比較不容易迷失在資訊裡。

●資訊的重要次序:將你想要傳遞的訊息按照重要順序分層,再透過視覺呈現設計來突顯重點,例如字級使用大至小,使層次清楚呈現﹙最大為標題、最小至附註﹚、善用顏色區分重點﹙詳細說明請參考原則:顏色運用有邏輯﹚、依照資訊的重要性安排其所佔的版面大小。

3.清楚的視覺動線--掌握注意力及眼球運動的軌跡
讓人無所適從的不是資訊內容本身,而是混亂的視覺動線設計。只要觀眾在接受資訊時感到混亂、困惑,就會阻礙他們理解資訊。在這種情況下,你的資訊圖表在第一眼就很有可能被觀眾的大腦打槍。

影響視覺動線的重要因素:閱讀慣性。
人們平常的閱讀習慣是最難改變的一件事情,其建立在閱讀行為的便利及效率之上。閱讀慣性雖然會因為文化而有所不同,但大致上遵循著從上而下、自左而右﹙文案採橫式書寫時﹚、自右而左﹙文案採直式書寫時﹚的方向。

如果想要打破一般的閱讀方向慣性,就要很清楚這樣做的動機,可能和傳遞的資訊本身內容有關,如樹的蒸散作用過程﹙從樹根在地底吸收水分一路往上到頂端的樹葉被蒸散出去﹚、也可能是為了透過打破規則創造更大的視覺張力。

想要打破規則的視覺動線,需要更清楚的視覺動線引導與暗示,這時候就需要知道一些「眼睛的語言」。除了常見的視覺引導符號﹙如箭頭、輔助線﹚和前面提到的資訊層次規劃﹙圖像和字體大小層級的安排﹚,善用「眼睛的語言」,你也可以做出視覺動線清楚的資訊圖表!

有興趣的朋友可以在認知心理學的領域中找到更多跟眼睛溝通的「潛規則」喔!

4.顏色運用有邏輯--加法比減法容易
資訊圖表連顏色使用也需要經過思考規劃!初學者製作資訊圖表很容易迷失在顏色的遊樂園中,每個迷人的顏色都想嘗試,最後卻花花綠綠的讓觀眾眼花撩亂,模糊了最先想要傳達的訊息。

建議初學者從兩到三種顏色開始練習,再慢慢增加。在思考顏色運用的規劃時,可以想想這幾個問題:
  • 整張資訊圖表想要給人的感受是什麼?
  • 是歡樂、和諧、悲傷、強烈、理性或是感性…?
依照自己想要傳達的感受選擇適合的主色系,再依照資訊內容選擇輔助的顏色,如果想要傳達的感覺相對中性,或是沒有特別想要傳達的感覺,可以依照資訊內容本身的特性選擇對應的顏色,接著看下個問題!
  • 想要傳遞的資訊本身有沒有特別適合的顏色,能否與生活經驗做連結?
  • 想到辣椒,你會想到什麼顏色?
如果想要重製史高維爾辣度表,你會怎麼做呢?﹙請參考下圖 Re-lab的重製


顏色的聯想往往和生活經驗的連結和共鳴有很大的關係,如提到水,很多人會想到藍色;提到愛情,大部分的人會想到紅色或粉紅色系。

如果你想要加強讀者對於資訊圖表中提到的關鍵事物的連結和印象,用符合該事物形象的顏色會是很好的選擇;相反的,如果該事物在資訊圖表中只是配角,其實它本身的顏色更適合跟著整張圖表的色調搭配。

》補給站:色盲人口比你想的還要多
紅綠色盲﹙色覺辨認障礙﹚人口占全球男性人口約8%,女性人口約 0.5%,他們能看到多種顏色,但是會搞混某些顏色,尤其是紅色與綠色。另外全球約6%人口為三色視覺﹙色弱﹚,約2%人口為二色視覺﹙色盲﹚。

因此顏色的選用對於色盲的閱讀影響是非常值得好好思考的議題。好用的工具讓你在設計時測試色盲眼裡的顏色:https://bit.ly/2YkkkUy

5.有共鳴的互動性--創造不一樣的溝通體驗
如何來建立連結與參與感,除了多從讀者的角度出發思考之外,還有一些具體的面向可以著手:
  • 文案設計:最容易創造互動性的方法,可以對讀者說話、用問句作開頭引發思考等等。
  • 引導設定:清楚的引導讓讀者知道當下該做什麼、該思考什麼,或是讓讀者知道事後該怎麼做、該改變什麼?
  • 資訊提供:提供更多資訊、資源,在溝通對象的興趣和共鳴被勾起之後,可以去哪裡做更進一步的學習和了解呢?
以上,擷錄出書中的重點,希望對你在資訊視覺化的表現上,更有助益,同時我們也可以將這些資訊用於我們平日所做的溝通或是教學簡報中。


❙ 更多資訊...
  ● 連結:揪團 學習資訊 / 線上1-1
  ● 連繫:興正 Line-id:projason.tsai
  ● 職人旅圖首頁 https://www.cpfs.com.tw/

留言

與您加分

閱讀旅圖:OGSM打造高敏捷團隊

年度計畫、KPIs慢慢走入輔助的角色,取而代之是一種「變動性」指標的方法。從新聞的瀏覽當中,常見的標題為「雪崩式」〇〇,以2020的疫情而言,旅遊業 雪崩式下滑速度 ,讓人感到十分難以適應這個世界,除了標題是為吸引人之外,更重要的是,現在世界變得太快,不再是狼來了,而是被咬了。 雖世界變化的很快,目標與計畫的本質從未變更,不斷地進步是方法。未來三十年的藍圖依然可以想,只不過,別忘記要隨時更新而已。談到「可變的」目標或是計畫,去年最為熱門的方法就是「OKR目標管理」,因這個議題而出了許多本書,這些書籍內容大部分都是以國外的經驗為主,少有一本在地化經驗的書。 一個系統的導入過程,相信不論是經營者、專業經理人,甚至員工,都會希望聽聽本土的案例如何進行?畢竟若能有一個本土實際的案例來作為參考,那麼就最好 要 不過。因為一位好友-詹〇〇的推薦,讓我接觸到這一本書,閱讀時因為有之前OKR的知識,覺得這一本不論是在觀念的說明,還是計畫的過程,非常符合國內中小企業,甚至是個人工作很值得參考的一本書。 於變化時代之下,用一張紙管理自己的年度計畫與目標,將一些重要的工作進行整理,這樣一來不但能夠聚焦,更能強化自己在快速變化的世界裡有著強韌的適應性,就讓我們一起來閱讀《 OGSM打造高敏捷團隊 》吧! ❙  OGSM方法簡介 什麼是OGSM呢?由以下4大內容所組成: Objective(最終目的):企業願景,是全公司上下均須全力以赴的最終目的。 Goal(具體目標):SMART原則將目標化為實際作為,讓員工均能集中目標且竭盡全力朝目標前進。 Strategy(策略):以三大資源「人、錢、時間」,進一步設定出達到具體目標的做法。 Measure(檢核):在執行策略的過程中,將過程切割成小的指標,透過設定小指標,讓執行者確定沒有走偏或走錯路徑。 ❙ 3步驟輕鬆寫出Objective最終目的 任何方法的目的,都是企業往理想方向邁進。設定最終目的,主要提供員工前進的方向,引導到何處,進而產生競爭優勢是重要關鍵,所以第一步必須審視環境。環境的資料有兩種,一種是外部環境,另一種是內部環境。如果你對於撰寫「最終目的」很頭痛,以下3步驟將幫助你寫出專屬的理想國藍圖。 第1步:蒐集外部資訊 對外部環境的審視可以使用SWOT分析,建議只要特別回答自身的優勢﹙Strength﹚、機會﹙Opportunity﹚

閱讀旅圖:5W1H經典思考法

PEST、SF、3C、SWOT、價值鏈、PPM、STP、4P、AIDMA、AISAS、產品生命週期、〇〇流問題解決法、ㄨㄨ式創意發想法…等,各式各樣的商業架構,相信大家都略知一二,或是 曾 經使用過其中一、兩個方法。 的確,這些架構或思考工具是開闊思想、整理思緒的強大武器,只要適時適所地善加運用,還能作為加深思想的思考工具。 不過,現今的職場上,能 活用這些思考架構並做出成果 的人並不常見。為何會如此?職場上 究竟發生了什麼事呢?《 5W1H經典思考法:容易獲得成果的人都在用 》的作者渡邊,提出他的看法: 為了讓提案看起來更有內容,加入過多沒意義的架構去 分析的「虛有其表型」 只是習慣性地把資訊套進框架中,然後將其一一列出整 理的「實況轉播型」 不分青紅皂白地硬用架構,結果無法好好統整而使自己 陷入混亂的「弄巧成拙型」 這三種「架構症候群」已經蔓延在大街小巷之中。 這些症狀的共通點,就是不知道自己為何要用這些架 構﹙ 想找出什麼重點 ﹚。換句話說,架構症候群的人不擅 長讓思考化繁為簡,直搗核心問題。 明明學了很多架構及創造、思考法,卻無法適當活用。那為何不將複雜 轉 化至最簡單的手法呢? 在發現問題、構思點子、說服他人或解決問題時,將能開 闊視野且釐清本質的5W1H分散、拆解,或是組合。 光靠5W1H這個 簡單卻強大的思考工具, 就能做到許多你意想不到的事情。 ❙  以Big- Why回推「真正目的」 製造醫療相關產品的公司HogyMedical,當初也是如此。現在他們是製造針筒、手術刀、縫線等多種手術相關消耗品,創造高銷售純利﹙ 2017年3月期:16% ﹚的優良醫療相關器械製造商。 過去,他們 主要的販賣手法 是將產品拿去向醫師一一推銷, 因為他們認為自己只是賣 針筒或手術刀等物品的業者。 但是, 在重新審視「我們公司是為了什麼存在?」 「為什麼顧客不買我們的產品?」等目的﹙ Why ﹚之後, 他們發現顧客重視的並非「安全 的 在短時間內完成手術」; 更進一步察覺到 , 顧客追求的真正目的﹙ Big- Why ﹚是「增加一天內的手術數量,改善醫院的經營狀況﹙ 事業收益 ﹚」 。 於 是,Hogy Medical 以回推出來的結果,重新定義了公司的事業目的。 現在, 將自家製造的42種器材包裝成一包的「白 內障手術包」, 有了手術器具包之後,醫院的手術 前置準備時

動手來張心智圖-閱讀與繪製一次搞定-02

《職場心智圖-超簡單、高效能》  工人要蓋房子,最好先看過設計圖?知道房子長什麼樣子?想要學彈鋼琴,最好摸過鋼琴,讓手指試試按下琴鍵那一刻的觸感。 當你想學心智圖時,最好也先看過心智圖,並且學習如何看一張心智 圖,有「看」心智圖的經驗跟能力之後,我們學習「做」心智圖就更事半功倍。 一張心智圖色彩繽紛,排列的方式也與我們熟知的條列式大為不同?如何來閱讀心智圖,當然首先就得了解,如何正確閱讀心智圖,才能有『見林亦見樹』的效果。 閱讀一張心智圖,共分為三個步驟: 從 中心主題 (Central Image)的圖像開始,那是心智圖的焦點。 閱讀與中心圖像聯結的所有 主幹(Main Branch) 上關 鍵字。它相當於一個章節的標題,可以讓你瞭解心智圖的各個主題是什麼﹙※小叮嚀:看的順序,從右上角接續順時鐘﹚。 閱讀與Main Branch相連結的 支幹(Sub-Branch) 與次支幹 (Sub-Sub-Branch),它可以幫助你整理資料的關聯性及輕鬆記憶。   試試看,運用以上的三個步驟,來看看榜首筆記術,要如何才能考上台大電機系呢? 要認識心智圖,可以探其源頭。我們可以從認識這四位人物開始,每位人物都有其貢獻: 西北大學認知科學心理學家──柯林斯(Allan M. Collins)教授,於1960年代提出「語意網絡」(Semantic Network)。 康乃爾大學──諾瓦克(Joseph D. Novak),在1970年代與他的研究團隊提出「概念構圖」(Concept Map)。 英國大眾心理學家──東尼‧博贊(Tony Buzan),1974年透過《Use Your Head》一書向世人介紹「放射思考」(Radiant Thinking)模式的心智圖法。 華人心智圖法大師──孫易新(Mickey Sun),於1997年至英國博贊中心接受師資培訓,將心智圖法引進華人世界,並將課程從西方人的思維與學習模式轉換成適合華人、兼具西方與東方優點的本土化課程。 到底什麼是心智圖呢?心智圖﹙Mind Map﹚的概念定義是 「心智地圖」﹙Map of your Mind﹚,用一句話來說明,就是「呈現出大腦思考內容的一張圖」。所以,當你對一件事理解很透徹時,畫出來的心智圖就會簡單易懂,反之,若是因為自己的知識背景不足或是不清楚要理解的內容時,畫