The handout of the design method course.

1. 設計
方法 王思如
2021.06.03

2. 2
課程規劃
設計
思維
問題
探索
洞察
命題
創意
發展
提案
呈現
課程
統整
設計的
本質
研究方法 分析方法 創意方法 概念原型
創新概念
提案
設計方法
與流程
街頭短訪 洞察命題 互動原型
原型測試
2/25
3/4
3/11
3/18
4/22
5/6
5/13 5/27
6/3
6/10
6/17
田野
研究
研究規劃
與設計
深度訪談
初級資料
整理
3/25
4/8
4/15
決策方法
5/20
課程統整
心得發表
6/24

3. 3
課堂
筆記與心得 第1週 第2週 第3週 第4週 第5週
- Team 1 Team 2 Team 3 Team 4
- Team 6 Team 7 Team 8 Team 9
第6週 第7週 第8週 第9週 第10週
Team 5 Team 1 Team 2 Team 3 Team 4
Team 10 Team 6 Team 7 Team 8 Team 9
第11週 第12週 第13週 第14週 第15週
Team 5 Team 1 Team 2 Team 3 Team 4
Team 10 Team 6 Team 7 Team 8 Team 9
第16週 第17週 - - -
Team 5 everyone - - -
Team 10 - - -
每堂課分配二組
輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
Trello/課堂筆記與心得/該週列表
遲交者視同沒交
筆記與心得成績將影響該階段組
員的成績
筆記資料不只是把白板上的紀錄重現
更需要梳理成自己的詮釋。

4. 4
分組
Team 1 Team 2 Team 3 Team 4 Team 5
導演 朱品瑄 翁悠閑 施彥丞 劉宇婕 林容陞
副導演 游晴 潘思瑜 謝翊婕 楊乃懿 王毅丞
研究員 時語辰 林冠伶 張詠涵 鍾毓翎 朱善群
(副研究員) 黃家羚 王若庭 王品媛 張慧臻 劉晏妘
設計師 林昕慈 趙千儀 鄭吉恩 黃昱勳 林芷筠
看護人 張彥齊 王庭薇 李之郡
每週的小組角色，都可以調整
Team 6 Team 7 Team 8 Team 9 Team 10
導演 郭嘉容 陳致鈞 林霓 劉美娟 曾偉倫
副導演 王藝樺 周瑜慧 蘇鑰沖 楊冠明
研究員 蔡依芯 楊雅媛 黃湘芸 羅雅瑄 謝承義
(副研究員) 劉唯一 趙健亨 李佳芸 李佳慧 胡馨予
設計師 周天亮 廖珈儀 陳姿伃 郭姿吟 劉仲軒
看護人 周昀 黃少輔 張心睿 劉心平

5. - 使用者故事對照
- 功能地圖
- 互動原型
互動
原型

6. 6
使用者
故事對照
User Story Mapping
幫助團隊協同合作
並想像產品的
使用經驗

7. 7
顧客歷程元素地圖

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

9. 9
執行方式：用戶故事的描述
4. 用戶故事的描述：
身為 什麼樣的角色
我想要 如何使用某功能
讓我能夠 獲得某種利益
5. 在描述用戶的過程中，可以再增添一些不同的用戶與旁枝的故事
As (role),
I want (functionality),
so that (value)
用戶故事
身為 生活在公館商圈的大學生
我想要 透過地圖上顯示的搜尋
結果顯示
讓我能夠 找到離我最近的店家

10. 10
執行方式：檢視你的設計
• 實際上拿來做什麼：用戶想要用這個軟體服務做什麼？
• 為什麼：用戶為什麼想使用它？有哪些原因？
• 軟體之外的事：用戶都什麼時候、在哪裡使用它？還有誰在場？
• 出錯會如何：使用上可能遇到什麼問題？那他還能怎麼完成任務？
• 質疑假設：他們真的會使用這個方案嗎？
6. 幫助你把用戶故事更細節化

11. 11
執行方式：最小可行性方案
7. 以用戶價值與執行資源作為評估依據
定義最小可行性方案，作為第一版的設計

12. 12
功能
地圖
Functional Map
將使用者需求變成功能規格
圖表的方法。
主要用於與開發人員確認功
能，通常以心智圖方式呈現。

13. 13
功能地圖
1. 從用戶故事裡
我想要 如何使用某功能
拆解、盤點系統裡的功能
2. 再進行分類，畫成心智圖

14. 14
關鍵
線框稿
Key Wireframe
低保真度的設計原型，在
去除所有視覺設計細節後，
進行頁面結構、功能、內
容的規劃

15. 15
關鍵線框稿
從使用步驟中
拆解用戶的互動畫面
再依據功能使用的需求
以及基本互動的邏輯
規劃出關鍵頁面的結構
Reference: https://boagworld.com/season/lean-ux/episode/create-wireframes/

16. 16
流程圖
Logic Flow
便於與開發人員討論並
確認所有狀態和需要功能
Reference: https://ithelp.ithome.com.tw/articles/10240019

17. 17
Flow Chart
使用了特定圖形符號
來表示解決問題的步驟和程序，
可以用來檢驗使用者操作時，
可能發生的所有功能狀態

18. 18
UI Flow
頁面之間的操作流程。
知道使用者怎麼操作一項功能後，
才能去規劃動線。

19. 19
Wireflow
有頁面的線框稿呈現、也有頁面間的動線，
適合擅長視覺思考的設計師使用

20. 20
互動
原型
Prototype
可以擁有完整互動體驗與設計
甚至呈現產品真實資料的高保
真原型

21. 21

22. - 課堂筆記與心得
- 今日練習
作業

23. 23
課堂
筆記與心得 第1週 第2週 第3週 第4週 第5週
- Team 1 Team 2 Team 3 Team 4
- Team 6 Team 7 Team 8 Team 9
第6週 第7週 第8週 第9週 第10週
Team 5 Team 1 Team 2 Team 3 Team 4
Team 10 Team 6 Team 7 Team 8 Team 9
第11週 第12週 第13週 第14週 第15週
Team 5 Team 1 Team 2 Team 3 Team 4
Team 10 Team 6 Team 7 Team 8 Team 9
第16週 第17週 - - -
Team 5 everyone - - -
Team 10 - - -
每堂課分配二組
輪流製作心得筆記
A4 word至少一頁
隔天17:00前放上
Trello/課堂筆記與心得/該週列表
遲交者視同沒交
筆記與心得成績將影響該階段組
員的成績
筆記資料不只是把白板上的紀錄重現
更需要梳理成自己的詮釋。

24. 24
完成今日練習
今天17:00前：
- 使用者對照故事
- 功能地圖

25. 25
方法盤點
提案呈現
收斂決策
創意發展
洞察命題
研究分析
研究假設
問題探索
田野採集
狩野分析
體驗
策略地圖
顧客歷程
元素地圖
功能地圖
商業模式
畫布
腦力激盪
635法
創新矩陣
概念表單
KJ法
議題卡
ＨＭＷ
Persona
劇本法
心智圖 街頭短訪
日誌法
篩選問卷
深度訪談
事拾圖
概念表單
桌面研究 體驗分鏡
使用者
故事對照
互動原型

26. 26
設計方法網站
各組架設一個網站
用來有系統的彙整
設計方法這堂課運用過的方法們
讓這個網站
成為你未來成為設計師
領導設計團隊的方法庫
6/24期末發表：
#網站導覽
#這堂課的關鍵收穫
#未來你一定會使用的三個方法
Reference: https://servicedesigntools.org/tools

27. 臺灣科技大學．設計方法．2021
王思如
設計
方法