The handout of the design method & skill course.

1. 設計理論
與技法 王思如
2021.6.17

2. 2
課程規劃
設計
思維
設計方法
與流程
智慧檯燈
造型元素與設計法則
光影設計
使用體驗與CMF
臥室情境燈
設計的
本質
2/25
用戶洞察
與命題
3/4
創意發想
與原型
3/11
平面構成
3/18
立體構成
4/8
造型語言
4/15
色彩構成
4/22
生活經驗
收集
5/20
設計主軸
5/27
互動設計
與原型
6/10
原型製作
與測試
6/17
體驗歷程
與原型
6/3
色彩立體
構成
5/6
視覺美感
3/25
(小組) (個人) (小組)
穿透色
立體構成
5/13
設計提案
發表
6/24
Line交作業：主題相簿
拍照品質會影響作業成績
照片要標著作者名

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

4. 臥室情境燈
睡-醒
之間

5. 5
設計思考雙鑽結構
瞭解 - 洞察 - 創意 - 雛形
機會 解方
融入
瞭解
洞察
命題
創意
發展
雛形
測試
破 立
解構符號 建造符號
經驗故事收集 主軸
命題
創意
發想
概念
收斂
顧客
歷程
體驗
原型
功能地圖
使用者故事
關鍵線稿
UI Flow
Figma原型
原型測試
設計提案

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

7. 7
Wireflow
有頁面的線框稿呈現、也有頁面間的動線，
適合擅長視覺思考的設計師使用
https://www.figma.com/

8. 8
互動
原型
1. 你的主題(HMW)
2. 概念名稱
3. 有特色的三大服務
4. 互動原型(Figma)

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

10. 10
我們是這樣做產品的
[一般來說] [敏捷開發]

11. 11
原型設計的基本原則
• 用手思考
• 透過製作原型，讓點子、概念、解決方案
能夠被看得到、聽得見、摸得著。
• 保持低解析度，以快速修改與回應。

12. 12
開發初期，透過原型測試能獲得
1. 功能需求性的確認
確認功能設計的合理性，存在的必要性
移除多餘的功能，節省開發成本
2. 介面互動的優化
用戶對開法者規劃的資訊佈局，是否有相同的理解邏輯
交互方式與操作流程，是否符合他們的期待

13. 13
原型測試規劃基本模組
研究
內容
測試量表
與
研究紀錄表
原型設計
測試形式
規劃
原型
測試
研究執行
與紀錄
招募與篩選
受測者
設定
目標
定義問題
受測對象
測試指標
測試
分析
量化指標
分析
質化採集
摘要
回饋分析
與
原型調整
任務控制在5
個以內；
45分鐘內可
完成測試

14. 14
推薦
搜尋
播放清單
播放
製作清單
家庭資料
設定
定義問題
從顧客的角度探討，
可能造成概念失敗的風險
顧客心中可能的疑慮
我想找的故
事不知道是
哪一類的
#使用方式
清單播完
就沒有了
#使用感受
設定好麻煩
我不會去設定
#使用感受
故事太少，一
下就聽膩了
#使用感受

15. 15
任務設計：受測者的測試任務
身為兩個男孩的媽媽
晚餐後為了可以安心做點家事
想利用親子有聲書
來讓孩子安靜15分鐘
你會如何從app中
挑選故事播放給孩子聽
以情境敘事的方式敘述任務，引導受測者從生活脈絡中使用產品
用來驗證服務的體驗
多鼓勵
受測者
讓他們自己思
考與修正
避免引導干預
他們的決策
我想找的故
事不知道是
哪一類的
#使用方式

16. 16
測試指標
• 任務完成度
• 任務完成時間
• 所需步驟：頁面、點擊次數
• 犯錯次數與嚴重程度
• 用戶滿意度

17. 17
任務一： 任務標題
任務說明 以情境敘事的方式敘述任務
用戶評量
量化：服務實用性、體驗滿意度、Kano評量
質化：開放式提問，收集顧客的意見
研究規劃
驗證重點 當初假設的顧客心中可能的疑慮
研究紀錄
任務完成度
任務完成時間
所需步驟：頁面、點擊次數
犯錯次數與嚴重程度
小組討論：請研究員主持
設計原型測試的內容

18. 18
任務一： 挑選故事播放給孩子聽
任務說明
身為兩個男孩的媽媽
晚餐後為了可以安心做點家事
想利用親子有聲書
來讓孩子安靜15分鐘
你會如何從app中
挑選「西遊記」播放給孩子聽
用戶評量
量化：你對於「挑選故事播放給孩子聽」的體驗滿意度：0-10分
質化：您對於剛剛的這段體驗，感到最滿意/困難的是哪個部分？為什麼？
研究規劃
驗證重點 顧客是否會找不到想要的故事？
研究紀錄
任務完成度：100%
任務完成時間：1’23”
所需步驟：點擊4次
犯錯次數：1次 (◼︎ ◼︎ ☐ ☐ ☐)
我想找的故
事不知道是
哪一類的
#使用方式
每個人，邀請一位親友，協助你進行原型測試

19. 每組10分鐘的成果發表
提案
報告

20. 20
設計主題，易懂好記的標題
副標題，用一句話妝點關鍵
封面標註：組別、組員
設計主軸
- HMW
設計提案
- 設計概念摘要
- 設計特點(有特色的功能介紹)
- 概念原型介紹(利用可互動的原型、模型，搭配應用情境敘事來示範介紹)
- 概念評價(引用用戶回饋呼應你的特點、因原型測試進而調整的介紹說明)
附件
- 互動原型設計(功能地圖、UI Flow、Key UI、可互動的原型)
設計提案簡報

21. 21
評分標準
研究洞察力：30%
關於目標族群樣貌描繪、顧客的價值洞察，是否切中要點
概念新穎性：40%
創新提案的創新程度，是否帶來獨特的創新亮點
概念務實性：30%
應用情境敘事的合理性
透過原型測試，從用戶的回饋中獲得的學習與修正

22. - 課堂筆記與心得
作業

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

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