第 1 講：設計思考導論
Design Thinking: An Introduction
Abstract
本講介紹設計思考（Design Thinking）的歷史脈絡、五步驟流程與在 互動設計中的應用。將透過 IDEO 與 Stanford d.school 的經典框架， 示範如何從同理心出發完成一個小型設計挑戰。
設計思考五階段
來源
Stanford d.school. 2010. An Introduction to Design Thinking PROCESS GUIDE.
同理心地圖（Empathy Map）
對使用者建立完整理解的工具。包含四象限：
| 象限 | 內容 |
|---|---|
| Says | 他說了什麼？（引述對話） |
| Thinks | 他在想什麼？（推測） |
| Does | 他做了什麼？（觀察行為） |
| Feels | 他感受到什麼？（情緒） |
數學公式範例
設計品質可以用簡化公式表達（僅示範用，非嚴謹理論）：
\[ Q = \frac{U \cdot V \cdot F}{T} \]
其中 \(U\) 為可用性 (Usability)、\(V\) 為價值 (Value)、\(F\) 為適配性 (Fit)、\(T\) 為達成時間 (Time)。
本週作業
- 找一個你每天都在用的數位產品（App、網站、IoT 裝置）
- 觀察一位使用者 15 分鐘（可以是家人/同學）
- 完成一份 Empathy Map（4 象限各至少 3 項）
- 上傳到 wiki.interaction.tw 個人頁
截止
下週上課前 24:00 前繳交，逾時 -10 分/天
延伸閱讀
- Norman, D. A. (2013). The Design of Everyday Things. Basic Books.
- Brown, T. (2009). Change by Design. HarperBusiness.
🎓 互動設計 114-2 / 江振維 / 國立臺北商業大學
圖片 + 影片插入示範
1. 單張圖（本地 SVG + caption + 縮放 + alt）
正文裡可以引用：見 Figure 1 顯示了完整流程。
2. 並排兩張圖（columns layout，這裡用 Picsum placeholder 圖示範）
正式使用時把 picsum URL 換成你的本地圖：
images/syllabus.png或實際 wikimedia 連結。
3. YouTube 影片嵌入
Tim Brown (IDEO) TED Talk: Designers — think big（4 分鐘）
4. 本地影片檔（如果上傳到 wiki/server）
（檔放 content/videos/ 內，會嵌入 HTML5 player）
5. 響應式 aspect-ratio（16:9 不變形）
6. 含 lightbox（點圖放大全螢幕）