資訊設計

一句話定義

從人的注意力、理解方式與行動情境出發,先解構資料 / 問題 / 受眾,再用視覺、圖表、版面與測試流程降低資訊吸收與傳達摩擦的設計實踐。

核心要點

三個結果:吸引、理解、記住 / 行動

2026-05-07-即學即用的圖像資訊表達課 把資訊設計的目標拆成三個連續結果:

  1. 吸引:讓資訊在不過度簡化的前提下保有接觸誘因。
  2. 理解:降低理解門檻,提高資訊吸收效率與精準度,避免誤解。
  3. 記住 / 行動:創造記憶點,強化資訊訊號,讓受眾更可能做出下一步。

這使資訊設計不同於「把畫面做漂亮」:漂亮只是接觸入口,真正的驗收是受眾是否看見重點、理解關係並能採取行動。

分析與設計是同一條流程

資訊設計需要同時處理理性與感性:

心智任務典型工具
分析用客觀事實拆解問題、提出可判讀的見解資訊架構、KQ / KF、資料來源品質檢查
設計用同理心與情境感讓人願意接觸、理解與記住資訊層級圖表設計格式塔原則色彩心理學

→ 好的資訊設計不是分析結束後才加視覺,而是從一開始就把「要回答什麼問題」「誰會看」「在哪裡看」「看完要做什麼」一起納入。

情境決定形式

同一份資訊在不同情境會需要不同設計策略:

  • 受眾主動或被動:主動查找者可承受較高資訊密度;被動接收者需要更強入口與更低理解門檻。
  • 接觸時間長短:短接觸場景要先提供強訊號;長接觸場景可安排分層理解。
  • 受眾人數與客製化程度:大眾傳播需要普遍可懂的結構;小眾 / 客製化場景可更貼近個別問題。

這讓資訊設計與 MOC-UX 相連:資訊不是單獨存在,而是在具體使用情境中被看見、解讀與採用。

流程:啟動 → 思考 → 設計 → 檢討

2026-05-07-即學即用的圖像資訊表達課 的流程可整理為:

  1. 啟動:用 KQ 確認溝通目的、受眾、主題範圍與可回答的資料基礎。
  2. 思考:把資料外部化,不急著精讀所有材料;先快速綜覽、攤開關係、藏起不必要資料,讓大腦用來思考而不是記憶。
  3. 設計:用適合對象與情境的形式呈現;優先做重點頁 / 關鍵畫面,再讓其他頁面配合它。
  4. 檢討:用質性提問檢查讀者看見什麼、理解什麼;用量化方式觀察轉換斷點,讓每次結尾成為下一輪開頭。

三個元命題

  1. 資訊設計的核心是注意力控制——不是讓所有東西都更醒目,而是安排受眾先看哪裡、再理解什麼、最後記住什麼。
  2. 圖像化不等於降低精準度——好的圖像化會保留資訊關係,只降低進入門檻;過度簡化才會造成誤解。
  3. 測試時不能預設讀者會照你的順序看——受眾實際看到的順序,才是畫面的真實資訊層級。

與其他概念的關係

  • 資訊架構:資訊架構是資訊設計的上游,把問題、資料、答案與受眾關係整理出來;資訊設計再把它轉成可被看見的形式。
  • 圖表設計 / 圖表類型選擇:當資訊包含數值或資料關係時,圖表是資訊設計的一種高訊號工具;選圖前要先確認關係與脈絡。
  • 資訊層級:資訊設計需要在每個畫面分出重要 / 副 / 輔助 / 冗餘;層級錯誤會讓內容再正確也讀不進去。
  • 格式塔原則:資訊設計要主動引導群組化,讓相關資訊被視為同一組,不相關資訊不被誤連。
  • 架構性思考:兩者都以 KQ 啟動;架構性思考 偏公共議題討論與觀點溝通,本頁偏資訊吸收、視覺化與設計交付。
  • MOC-視覺設計:本頁補上視覺設計的上游「資訊如何被整理成可視覺化內容」。
  • MOC-UX:資訊設計是體驗的一部分;使用者能不能理解資訊,會直接影響產品、服務、報告與簡報的採納。

相關來源

備註

  • 建頁判斷RE-LAB 既有頁曾把資訊設計列為未來累積方向;本次課程是 RE:LAB 自身的長課程與講義,密度足以建立 資訊設計 作為概念頁。
  • 本頁目前聚焦「課程實務版資訊設計」。若未來 ingest Edward Tufte、Information is Beautiful、FlowingData、報導者資料新聞或 RE:LAB 案例,可再擴充學術 / 新聞 / 商業案例軸。
  • MOC-資訊設計 暫不建立;目前由 MOC-視覺設計 承載,等概念面與來源面更密集後再評估。