設計師祕技:靈活運用圖像式思考

Yi-An Lai
Flow話不完
Published in
May 26, 2021

圖像式思考(Visual thinking)也被稱為視覺化思考,本文將介紹一些圖像式思考的基本概念和範例,最後分享在設計過程中此技能可以派上用場的地方。

什麼是圖像式思考(Visual Thinking)?

圖像思考就是用視覺化的工具和方法來幫助我們思考和合作。因為很多人都是所謂的「視覺動物」,我們的大腦很擅長處理圖像,理解並記憶這些視覺輸入(有75%的神經元都在處理視覺的資訊),所以在職場上善加運用這些特質,能幫助我們有效的溝通、傳遞想法、引導思考、分析和統整大量的資訊。

熟悉基本技法

很多人都很害怕提筆畫畫,總是缺乏自信,身為設計師的我本人也不例外,但是圖像思考的重點是在別人看得懂,不是在參加美術比賽,所以提筆畫就對了!

畫一個人人都看得懂的漢堡大概只要三到五秒,圖像思考重點是在快速傳達訊息,不在細節

首先可以先練習掌握以下基本元件,根據你的工作領域常用的詞彙產出一套你自己的「單字庫」,當你熟練這些基本元件後,就可以進入下一關靈活運用在適當的設計相關的活動中了。

  • 人、表情符號、姿態:眉毛和嘴巴的線條弧度可以創造出許多不同的表情
  • 物件:可以參考 Icon來練習將物件簡化
  • Metaphor (隱喻):目標、願景等等抽象的概念都可以用一些情境來描繪,如爬山、或箭頭通往同一方向、太陽等等
  • 連結、流程:呈現人之間的互動、物件之間的關係

靈活運用圖像思考

圖像思考的用途很廣泛,從發表溝通(Storytelling)、到分析統整將資料簡化或協助腦力激盪發散思考等等,在荷蘭更有設計事務所(Flatland)將Visual Thinking做為他們主要的服務,以視覺化的手法幫助企業探索或設立企業願景、發展創新策略等等。

圖像思考應用在公司的策略規劃,該公司要求各部門小組提出對明年的計畫,並雇用visual strategist,用工作坊討論和視覺化的方式,共創明年的目標藍圖。(Source:https://flatland.agency/en/cases/ccs-annual-plan-ambitions-2/)

這個視覺化的目的除了在把各種抽象的目標、各部門的野心,像拼圖一樣拼出來之外,最後以這樣華麗的效果呈現的目的也是希望吸引全員的目光,達成激勵人心的效果,所以圖像思考的運用,很重要的是先釐清你想達到的目的,再決定以哪些步驟和手法呈現。通常在這個視覺化的過程,Visual strategist 會問很多問題將所談具體化,例如:我們明年要辦一個summit目標吸引五千人,為了將這個summit畫出來,他們可能會問,這個summit是線上還是實體?活動是演講還是展覽的形式?要怎麼吸引人來呢?經過這樣層層問題釐清再整合,最後才整併為一張藍圖。

上述的策略規劃的技法大概是視覺化的最高級,以UX、產品設計、策略設計的日常生活來看,很多場合簡單的圖像輔助就能事半功倍,以下舉三個圖像思考能派上用場的地方:

1. 溝通發表

運用插圖、流程圖、表情等等讓單調的投影片變生動,這裡圖像化的目的就是讓內容變得容易理解,也容易被記住,所以技法不需要過於複雜。

Minimum Valuable Product(MVP)最小可行性產品的概念很常被提到,但往往產品團隊因為受限於時間資源等因素,只專注在「最小」,以圖像隱喻的方式可以適時引導提醒團隊,在每一次的產品迭代(Iteration),是否帶給使用者價值和提升使用者經驗,這種類似的插圖在網路上可能有千百種版本,你也可以嘗試運用更貼合團隊產品的隱喻,一起將團隊的下一步圖像化!

Minimum Viable Product 最小可行性產品,以圖像隱喻的方式可以適時引導提醒團隊,不只專注在「最小」,在每個過程使用者體驗到的產品價值又是如何。

2. Storyboard情境說明

用Storyboard的方式來解釋一套服務的各個角色、環節和步驟,將這樣的流程視覺化的好處是大量減少文字敘述的必要,大家可以快速讀懂每個步驟各角色的互動,也可以多利用表情符號點出服務或流程的亮點或痛點。

以圖像化的方式傳達公共衛生系統的服務設計,包含角色(actor)、使用情境與流程

3. 共創 Journey Mapping

不管是customer journey mapping或是任何流程的分析,將touch points畫出來能讓大家更融入使用者或顧客的角色,快速聯想到更多環節或步驟。

From book: Visual Thinking- Empowering People & Organizations Through Visual Collaboration

結語

圖像思考的關鍵在於傳達,所以先把美感細節擺一邊,提筆畫、反覆練習一些基本元件,運用時挑選重點訊息以圖像取代,適當用顏色加強某些訊息或符號,希望這些範例能讓大家躍躍欲試,將此技能融入各個設計過程中,有效溝通和傳遞想法。

延伸閱讀

  • Visual Thinking: Empowering People & Organizations Through Visual Collaboration
  • 打造圖像腦:學會擊敗90%職場競爭者的視覺思考工作術 (Draw to Win: A Crash Course on How to Lead, Sell, and Innovate With Your Visual Mind)
喜歡我的設計心法分享,請不吝以 拍手10–30下 給予支持和動力,也讓我們更了解你喜歡的方向和主題。訂閱追蹤 Flow話不完,一起在設計領域與產業新知中,隨時隨處話不完。

--

--

Yi-An Lai
Flow話不完

Digital product designer in the Netherlands // 偶爾串場研究員的UX設計師。設計經歷包含B2B軟體、3D列印產品等,喜歡參與產品前期的使用者研究和不斷的問為什麼,近期鑽研和dev team合作的藝術。閒暇時喜歡在低於海平面5公尺的鹿特丹種菜和騎腳踏車看綿羊。