The handout of the design method & skill course.

1. 設計理論與技法
臺灣科技大學． 2022.12.23．王思如
遠距教室：https://meet.jit.si/DMS_CC

2. 課程
規劃 9/16
設計的本質
設計
思維
9/23
色彩構成
9/30
平面構成
造型
法則
10/7
視覺美感
10/14
傳達設計
10/21
傳達設計
測試
10/28
立體構成
11/4
造型語言
11/25
生活經驗
收集
設計
思考
12/2
洞察與命題
12/9
設計概念與
情境
12/16
概念原型
12/23
原型測試
12/30
概念調整與
提案
11/11
隱喻設計
11/18
漸變演化

3. 分組
每週的小組角色
都可以調整
組別 1 2 3 4
導演 徐鉉秝 楊傑凱 吳崇綸 黃中道
副導演 閻碩 楊子慶
研究員 陳柏豪 陳昆樂 陳昱婷 宋揚
設計師 陳冠亘 吳俊霆
Dorothy
Schesly
Jourdelan
謝博傑
看護人 林韋均 劉柏劭 邱耑萌 張家瑜

4. 課堂筆記與心得
每堂課分配ㄧ位同學
輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
雲端硬碟/課堂筆記與心得
(檔名格式：week 01_Team 1)
遲交者視同沒交
第1週 第2週 第3週 第4週
- Team 1 Team 2 Team 3
第5週 第6週 第7週 第8週
Team 4 Team 1 Team 2 Team 3
第9週 第10週 第11週 第12週
Team 4 Team 1 Team 2 Team 3
第13週 第14週 第15週 第16週
Team 4 Team 2 Team 3 everyone

5. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告日期 報告同學
原研哉 9/16 Winny
盐田千春 9/23 吳崇綸、黃中道
草間彌生 9/30 陳昆樂
Jonathan Hoefle (Netflix) 10/7 陳柏豪
Ian Spalter (Netflix) 10/14 徐鉉秝、陳冠亘
Ludwig Mies van der Rohe 10/21 陳昱婷、張家瑜
Philippe Starck 10/28 邱耑萌
Zaha Hadid 11/4 劉柏劭
Norman Foster 11/11 宋揚
深澤直人 11/18 楊傑凱
村田智明 11/25 閻碩
Tim Brown (TED) 12/2 楊子慶
Timothy Prestero (TED) 12/9 Dorothy
Schesly
Jourdelan
Tony Fadell (TED) 12/16 吳俊霆
Paul Bennett (TED) 12/23 謝博傑
Don Norman (TED) 12/30 林韋均

6. 未來學習
當我們可以透過各種媒體獲取知識
學習不再只是發生在有老師的課堂上
身為學習者將透過什麼樣的模式為自己賦予新能力呢
“

7. 設計思考
雙鑽結構
機會
研究
破 立
解構符號 建造符號
解方
洞察 創意 原型
探索 定義 發展 產出
劇本法
人物誌
議題卡
HMW
創新矩陣
概念表單
顧客歷程地圖
使用者故事對照
3D劇本分鏡
功能地圖
原型測試

8. 使用者故事對照
幫助團隊協同合作並想像產品的使用經驗
“
Reference: https://www.caktusgroup.com/blog/2017/11/27/caktus-discovery-workshops/

9. 使用者故事
從歷程活動到用戶故事
1. 從顧客歷程元素地圖中，
定義出與產品服務相關的
使用情境
2. 將使用情境拆解成數個用
戶與系統服務的使用步驟
3. 把每一個互動步驟，轉化
成具體的用戶故事
1
2
3

10. 使用者故事
用戶故事的描述
4. 用戶故事的描述：
身為 什麼樣的角色
我想要透過 使用某服務
讓我能夠 獲得某種利益
用戶故事
身為 對失去學習熱忱的學生
我想要透過 使用勵志雞湯塔羅牌
讓我能夠 獲得一些新的想法
As (role),
I want (functionality),
so that (value)
身為 什麼樣的角色
我想要透過 使用某功能/服務
讓我能夠 獲得某種利益/目的
用戶故事
身為 第一次用這個功能的用戶
我想要透過 觀看使用指引
讓我能夠 知道如何正確操作功能
用戶故事
身為 使用者
我想要透過 搖晃手機
讓我能夠 獲得一張勵志雞湯塔羅牌
User story
As a passion lost student
I want to draw a tarot card
so that I can be inspired

11. 功能地圖
從用戶故事裡盤點
5. 從用戶故事裡
我想要透過 使用某功能
拆解並盤點系統裡的功能

12. 功能地圖
組織關係
6. 將功能進行分類
畫成樹狀圖
範例：永續生活

13. 互動原型設計
各種幫助設計討論的
方法工具
應用情境
分鏡圖
初步描繪產品服務被體
驗的歷程感受
使用者
故事對照
對應顧客歷程活動，進
行更細節的步驟與使用
故事描繪
功能地圖
從使用故事描繪中，提
煉出功能項目，分類展
開後以心智圖呈現
線框稿
將功能配置在使用者的
互動介面上
UI flow /
Wireflow
規劃各畫面間的流程關
係
Flow
Chart
將主軸的功能操作，以
特定符號標示其步驟、
程序和狀態
互動原型
依據設計規劃，將原型
透過原型模擬的方式，
呈現其互動狀態
設計規劃

14. 線框稿
將功能配置在使用者的
互動介面上

15. 三個關鍵活動中的體驗價值
根據服務系統圖
介紹該產品/服務的運作方式
描繪出產品/服務的系統圖
基本元素：關鍵資源/關鍵夥伴/目標客群
/通路/關鍵業務
概念說明
體驗價值

16. 服務
系統圖

17. 服務
系統圖
癌友家庭的生活教練
專業醫療
顧問
雲端
數據庫
資料庫
工程師
系統
供應商
醫護
人員
目標
用戶
生活
教練
癌症照護資料
上傳資料
維護
就醫時的
互動參考
病友
家屬
通知
關懷的
互動參考
服務
使用記錄
使用互動的
資料學習

18. 概念說明

19. 原型測試
透過原型讓用戶建立對未來概念的想像
利用測試讓用戶為你的概念給予實務面的回饋
“

20. ----Michael Schrage
原型的價值不在模
型本身，而是在模
型所引發的互動上
“

21. 原型測試的
效益
1. 快速找到概念的重要面向，探索不同的替代解法
2. 系統性評估哪些解決方案，有機會在實際的生活中實行
3. 有效建立對初始概念的共識，
強化溝通、合作、跨領域關係人的參與

22. 原型測試
基本流程
前階段
產出
測試
規劃
修改
概念
決定目的
設定問題
研究準備
原型測試執行
準備 研究
整理
分析
流程互動
經驗原型
數位物件
軟體原型
實體物件
環境原型
生態系統
商業價值
文字
影片
物件
照片
想法

23. 原型的
兩種類型
體驗原型
用原型讓人們可以親身體
驗，在未來生活中以他們
認為對的方式來行動
想像式原型
讓我們理性的想過一遍、
想像或同理的互動

24. 測試提問
各組設定3-5個提問
價值
可行性
外觀
感受
整合
我們如何創造價值：
這個產品服務可以為顧客做什麼？
我們解決了什麼樣的需求和痛點？
如何融入真實生活中？
樣式與體驗：
產品整體或局部的樣子
互動使用產生的感受
使用的實體或數位物件感覺如何
怎樣做才可行：
組織需要做什麼才能提供這服務？
可擴展性與性能有哪些需求？
有商業模式嗎？
技術、財務、法律上是否可行？
結合起來怎麼樣：
整個顧客體驗的樣子
服務的不同面向如何相互運作
如何平衡、解決限制

25. 測試
分工
主持人
測試流程的引導者
製作者
打造模型、道具、佈景
演員
扮演服務模擬的員工
研究員
研究觀察、紀錄與提問

26. 原型測試
請各組導演留下
- 說明概念內容
- 聽取訪客的意見回饋
其餘成員移動到下一組
- 給予他組的提案，有建設性的回饋
好在哪、改善建議、延伸想法
每位訪客至少要留下一個意見便利貼
概念說明
概念表單
體驗原型
展示產品、服務接觸點
的互動原型
你對這個產品服務的喜好程度？1-5分
你願意付錢購買的意願？1-5分
未來你會在哪些情境中使用這個產品服務？

27. 課程作業
“

28. 課堂筆記與心得
每堂課分配ㄧ位同學
輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
雲端硬碟/課堂筆記與心得
(檔名格式：week 01_Team 1)
遲交者視同沒交
第1週 第2週 第3週 第4週
- Team 1 Team 2 Team 3
第5週 第6週 第7週 第8週
Team 4 Team 1 Team 2 Team 3
第9週 第10週 第11週 第12週
Team 4 Team 1 Team 2 Team 3
第13週 第14週 第15週 第16週
Team 4 Team 2 Team 3 everyone

29. 主題報告｜當代大師
一人挑選一位當代大師進行報告分享
3~5頁的簡報：
- 生平背景
- 經典作品、著作、專案
- 設計風格、理念思維
報告者準備5分鐘的PPT上台說明
(檔名格式：自選主題_報告者姓名)
報告前一天中午12:00前上傳至 Google Drive
當代大師 報告日期 報告同學
原研哉 9/16 Winny
盐田千春 9/23 吳崇綸、黃中道
草間彌生 9/30 陳昆樂
Jonathan Hoefle (Netflix) 10/7 陳柏豪
Ian Spalter (Netflix) 10/14 徐鉉秝、陳冠亘
Ludwig Mies van der Rohe 10/21 陳昱婷、張家瑜
Philippe Starck 10/28 邱耑萌
Zaha Hadid 11/4 劉柏劭
Norman Foster 11/11 宋揚
深澤直人 11/18 楊傑凱
村田智明 11/25 閻碩
Tim Brown (TED) 12/2 楊子慶
Timothy Prestero (TED) 12/9 Dorothy
Schesly
Jourdelan
Tony Fadell (TED) 12/16 吳俊霆
Paul Bennett (TED) 12/23 謝博傑
Don Norman (TED) 12/30 林韋均

30. 課程
預告
當代大師
Don Norman
設計思考
概念調整與提案
個小組請攜帶一台電腦

31. 設計理論與技法
臺灣科技大學． 2022．王思如