field data visuaization

1. 田野數據視覺化
臺灣科技大學． 2023.11.2．王思如

2. 王思如
Winny Wang
學歷：義大利Domus Academy．Master in Business Design、
交通大學應用藝術研究所(工業設計組)碩士、
大同大學 工業設計系 工學士。
專長：使用者經驗研究(user experience research)、
體驗設計(experience design)。
經歷：2004, 震旦辦公傢俱，產品設計師。
2007-2012, 應用劇本實驗室，設計研究員。
2008-2014, 易禧創意科技，設計方法講師。
2013-2017, 美思科技，醫材創新與服務設計部主任。
2013至今, 臺灣科技大學 設計系，業師。
2017至今, 應用劇本實驗室，設計總監。
2020至今, 服務策略顧問

3. 角色分配
請小組成員
決定各自的角色
導
演
研
究
員
看
護
員
設
計
師
善於
溝通領導
善於
洞察思考
善於
創意發想
善於
體貼照顧
副
導
演
副
研
究
員
設
計
助
理
善於
溝通協調
善於
文字表達
善於
圖像表達

4. 今日
課程
設計研究
概念
觀察法
觀察規劃
練習
事拾圖
課程回顧
與回饋
繪製事拾圖
資訊視覺化

5. Reference: https://medium.com/@coffeeandjunk/design-research-what-is-it-846aa69b7c91
為什麼要做設計研究

6. 設計研究
是為了幫助設計師
看見創新機會
現
象
故
事
意
義
反
思
機會點

7. 研究方法
不同需求使用不同方法
收集資料 分析資料 表達資料
觀察法
訪談法
日誌法
隨影法
問卷調查
脈絡訪查
文化探針
焦點族群座談
…
KJ法
劇本法議題卡
階梯分析
十字分析法
5W2H
HMW
…
Persona
同理心地圖
利害關係人地圖
顧客旅程地圖
服務藍圖
…

8. 了解用戶
從不同面向探究使用者的
樣貌與需求
User Dairy
Observation
Shadowing
Video Ethnography
User Dairy
Interview
Focus Group Meeting
Culture Probes
Contextual Inquiry
Questionnaire Survey

9. 用戶研究中
的數據
圖片來源：https://reurl.cc/DZ51LN

10. 資訊視覺化
“

11. 為什麼需要
資訊視覺化
資訊視覺化是用來
建立思考模型
出自《創造思考的技術》

12. 兩種
視覺化
數據圖表化
Data Visualization
資訊圖像化
Infographics
將故事以圖像呈現
提供立場
主觀詮釋
用圖形表達對事物的看法
將原始數據以圖表呈現
傳遞資訊
客觀表現
透過圖形輕鬆了解事實

13. 兩種
視覺化
數據圖表化
Data Visualization
資訊圖像化
Infographics

14. 事拾圖
用來觀察事件的整體、從中挖掘洞見，以提供分享給關係人
需要客觀的數據圖表，也需要主觀的資訊圖像
“

15. 事
拾
圖
Reference:日本未來大學, 岡本誠教授, 外國語學習研究
互動場景
成果評比
工具格式
溝通
空間佈局
使用工具
活動模式
現場
研究對象
一日行程
對象
操作細節
互動細節
經驗
主題
摘要
成員
Reference:日本未來大學, 岡本誠教授, 外國語學習研究
選擇圖解的方式，取決於研究員獲得什麼事實、理解什麼觀點

16. 事拾
圖

17. 事拾
圖

18. 內容
呈現
時間軸
以時間為軸心，將相關的事件或情
感按照時間順序排列，形成一條線
狀圖表，可以清晰地反映出時間的
流逝和事件的發展。
關聯圖
以事件或情感為中心，將
相關的人物、事物、情感
等按照相互之間的關係連
接起來，形成一個網絡圖
表，可以顯示出事件或情
感之間的複雜關係。
地圖
根據地理位置信息，將相
關的事件或情感標在地圖
上，可以清晰地反映出事
件或情感的地理位置分布
情況。

19. 內容
呈現
對比圖
將相似或相反的事件或情
感進行對比，形成一個對
比圖表，可以幫助我們更
好地理解事件或情感之間
的差異和相似之處。
影像紀錄
將觀察到的事物或場景進行拍照、錄影或錄
音，形成一個視覺、聽覺紀錄，可以幫助我
們更好地記憶和理解所觀察到的事物。
故事情節
根據所觀察到的事件
或情感，進行情節的
整理和歸納，形成一
個故事情節，可以讓
觀察者更好地理解所
觀察到的事物。

20. 內容
呈現
結構圖
根據事物之間的結構關係，
將相關的事件或情感進行
結構化的呈現，形成一個
結構圖，可以清晰地反映
出事物之間的層次和結構
關係。
流程與系統
用來設計流程和系統，將每個
步驟和所需時間列出來，讓團
隊成員可以清楚地了解整個流
程和系統的運作方式，方便討
論和優化。
樹狀圖
以事件或情感為根節
點，按照相關性進行
層層分解，形成一個
樹狀結構，可以清晰
地反映出事件或情感
的層次和結構。

21. 內容
呈現
關鍵活動
物件、事件、評論 統計圖表
流程敘事

22. 觀察法
田野研究的基本功
“

23. 觀察前的準備

24. 觀察不同人的差異
製作顧客圖鑑

25. 觀察時要注意的事項

26. 觀察環境裡的
使用情形

27. 觀察時間軸的脈絡
製作觀察筆記

28. 校園圖書館
“
Reference: https://library.ntust.edu.tw/p/412-1049-10275.php?Lang=zh-tw
探究新世代圖書館的服務樣態

29. Reference: https://time.com/5555737/smartphone-mental-health-teens/
如何開始一個研究

30. 圖書館
你使用圖書館的目的
1
台科大圖書館的
好服務
2
長時間使用圖書館時
必備的個人用品
3
你期待圖書館可以
更好的地方
4
先探究：你與圖書館的關係
請用便利貼展開你的想法
一件事一張便利貼

31. KJ法 彙整共識與方向
1. 將資訊全部攤在桌面上，仔細閱讀每一張內容。
2. 把屬性相同的資訊放在一起，加以分組，並且
為該組進行命名，將組名寫在一張新卡片上，
放上該組資訊的最上方。
3. 一句話描述你從這一組資料中獲得的關鍵啟發。
4. 若出現單張無法歸類的資訊，應原封不動並視
為一個小組。
5. 分類後再檢視，進行淘汰與修正，最好不要超
過7組為原則。
6. 找出最重要的類別，並依重要性排序。
Reference: https://medium.com/usabilitygeek/affinity-mapping-and-why-it-is-important-in-your-ux-strategy-
322675234f9e

32. 觀察什麼
從KJ法分析的關鍵啟發中
定義觀察的重點
製作成觀察要點小貼士
觀察要點小貼士
請研究員主持討論
設計師彙整6項觀察要點
製作成觀察要點小貼士

33. 30分鐘的時間進行場域觀察與紀錄
回教室後小組進行15分鐘的分享
每人製作一張A4事拾圖
圖書館
場域觀察

34. 組內分享 整理觀察到的現象
回教室後
小組進行10分鐘的分享
Reference: https://studyinsweden.se/blogs/2018/04/30/designing-design-research/

35. 拆解
調查現場的
現象資訊
觀點
事實
描述
發生什麼事、現象
事件的脈絡：時間、空間
事件中的元素：種類
數據 項目 數量
= x
量化圖表呈現關係或屬性
敘事內容用圖像符號表達
敘述事實內容裡的觀察與發現

36. 你想從數據中讀取到什麼資訊
想讓人觀察到什麼事實
依據自己的需求決定該使用何種視覺型態
重點：讓人一眼就能抓住圖表的意涵
數據圖表
描述客觀事實
出自《創造思考的技術》

37. 將事務中所蘊含的結構、機制、所具備的概念、
意義，繪製成圖形
將事物的根本要素繪制成有意義的配置圖、
或用層次加以區分、用因果關係加以串連
重點：捨去雜亂無用的元素，以表現出本質
資訊圖像
表達主觀觀點

38. 數據
視覺化
資料
收集
資料盤點
資料
呈現
產生觀點
分類資料
- 符號比喻
- 圖像說明
意義展現

39. 事拾圖練習
每人製作一張A4事拾圖
彙整4大面向的敘事視角
用圖像表達來陳述
田野事實與發現

40. 繪製事拾圖
每人製作一張A4事拾圖
彙整4大面向的敘事視角
用圖像表達來陳述
田野事實與發現

41. 事拾圖整合
請導演主持討論
將組員們的事拾圖進行整合重組
看護員拼貼完成一張小組事拾圖
並上傳

42. 概念的思考
資訊圖像化是一種概念的思考方式
能抓住事物的本質，並形成概念
圖像的表達能
喚醒人們內心原有的某些事物
超越了傳達訊息的功能
出自《創造思考的技術》

43. 回顧
與
回饋
設計研究
概念
觀察法
觀察規劃
練習
事拾圖
課程回顧
與回饋
繪製事拾圖
資訊視覺化

44. 田野數據視覺化
臺灣科技大學． 王思如