Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
the Blitz Creation,
Crash Course into Product Design and User experience Improvement
ThinkinViz (思見)
方毓賢(YS)
VIZ
思見
2
About us
´ Founder @ MAPxncu (http://ncu.mapx.tw)
´ 技術總監 @ ThinkinViz.com (VIZ 管理學院)
´ 兼任講師 @ 中央大學資訊管理學系
相信–改變教育、教育改變。歷...
Day1
2015/5/26ThinkinViz.com - Viz管理學院
4
1
2
• Empathy
• Define
• Ideation
• Pretotyping
Day2
2015/5/26ThinkinViz.com - Viz管理學院
5
2
1
• Prototyping
3
6
2015/5/26ThinkinViz.com - Viz管理學院 7
20% Recipe,
More than 80% Possibility
2015/5/26ThinkinViz.com - Viz管理學院
8
Video Playback
IDEO - (shopping cart) Design Thinking
2015/5/26ThinkinViz.com - Viz管理學院
9
Video Playback
以人為本的設計David Kelley 放大思考的格局
https://www.youtube.com/watch?v=1UFvEGbLxN
g
2015/5/26ThinkinViz.com - Viz管理學院
10
Video Playback
d. School Crash Course. https://www.youtube.com/watch?v=-FzFk3E5nxM
2015/5/26ThinkinViz.com - Viz管理學院
11
2015/5/26ThinkinViz.com - Viz管理學院
12
單純直接問使用者要什麼,意義不大!
而是要加以觀察與記錄:
1. 哪些人用 5. 使用次數(頻率)
2. 用來做什麼(目的) 6. 使用時間(多長)
3. 什麼時候用 …...
2015/5/26ThinkinViz.com - Viz管理學院
13
2015/5/26ThinkinViz.com - Viz管理學院
14
2015/5/26ThinkinViz.com - Viz管理學院
15
2015/5/26ThinkinViz.com - Viz管理學院
16
17
Five Processes of D-thinking
2015/5/26ThinkinViz.com - Viz管理學院
18
挑戰 發現 機會 好點⼦子 更好點⼦子!
Guiding Principles
´ Build ideas on others 堆疊
´ One conversation at a time 一次一人
´ Stay focused on topic 不離題
´ Encourag...
Post-it Using Tips
´ Show your thought 表達想法
´ One idea in a post-it. 一張便利貼一個想法
´ No needs to be accurate. 不需精細
´ Pictu...
Ready, Set, Go!
21
2015/5/26ThinkinViz.com - Viz管理學院 22
https://www.kickstarter.com/projects/360770711/
marketplace-posters-illustrated-scene...
2015/5/26ThinkinViz.com - Viz管理學院 23
https://www.kickstarter.com/projects/360770711/
marketplace-posters-illustrated-scene...
2015/5/26ThinkinViz.com - Viz管理學院 24
2015/5/26ThinkinViz.com - Viz管理學院 25
http://www.taiwantvl.com/taipei/sightseeing/shilin
map.JPG
Design Brief
´ Task:
Boost “YES” Experience
with Mobile Devices and APPs.
以行動裝置與APP提升夜市體驗
2015/5/26ThinkinViz.com - Viz管理...
Design Brief
以Mobile APP,增強、改變、延伸、跳躍”夜市”體驗。
條件:
(1) 創作一個嶄新概念的APP (何時,地,原因,人等…)2015/5/26
27
Design Brief
(2) 應用可能的技術實現:
GPS, WiFi, iBeacon, NFC, Bluetooth…
噢? 聽說ip6要加入NFC了?
2015/5/26ThinkinViz.com - Viz管理學院
28
Enhance User Experience by Mobile
Devices and APPs!
2015/5/26ThinkinViz.com - Viz管理學院
29
創造新體驗,
由體驗製作APP
https://vimeo.com...
中場休息 10分鐘
´分小組
´找到訪談對象 <必須不同組>
2015/5/26ThinkinViz.com - Viz管理學院
30
閃電創作
31
2015/5/26ThinkinViz.com - Viz管理學院 32
2015/5/26ThinkinViz.com - Viz管理學院
33
“
”
Empathy
40 分鐘
找到對應者 (兩人一組原則)
觀察!!!
互相訪問對應者
兩輪A ßà B
聽見鈴聲 Change
2015/5/26ThinkinViz.com - Viz管理學院 34
Count Down
計時畫面
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
35
2015/5/26ThinkinViz.com - Viz管理學院
36
“
”
Define
40 分鐘
整理POV, 越多越好. 利用便利貼討論與分析 (夜市前、中、後)
小組成員輪流簡報發現
找出3大問題 à 建立共識
從共識à定義問題(機會)
聽見鈴聲 Proceed 進行下一個指示
2015/5/26T...
“
”
Check Point 01
20 分鐘
每個小組簡報目前的狀況:
(1) 訪談過程
(2) 找出了哪三個問題(有趣發現)?
2015/5/26ThinkinViz.com - Viz管理學院 38
“
”
午餐休息
2015/5/26ThinkinViz.com - Viz管理學院 39
2015/5/26ThinkinViz.com - Viz管理學院
40
“
”
Ideation & feedback
80 分鐘情境分析, 每個人設計可能方案 10min
尋求回饋: 找回訪問者, 提出方案, 聽取回饋 20min
情境分析, 每個人修訂方案 10min
尋求回饋: 找回訪問者, 提出方案, 聽取...
Count Down
計時畫面:
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
42
“
”
2015/5/26ThinkinViz.com - Viz管理學院 43
“
”
Pretotype
20 分鐘
小組動手, 針對最佳方案,
演練用APP逛夜市的情境故事
到講台表演展示給大家
2015/5/26ThinkinViz.com - Viz管理學院 44
http://blog.codylab.com/p...
“
”
Check Point 02
20 分鐘
每個小組演出展現目前的進度:每組大約3~5分鐘
2015/5/26ThinkinViz.com - Viz管理學院 45
“
”
Prototype
小組動手, 針對最佳方案,
實做Prototype APP, 完成APP操作流程圖.
並準備明天DEMO時的簡報15分鐘與投影片(情境表演)
2015/5/26ThinkinViz.com - Viz管理學院 46
“
”
Prototyping tools
1. 使用A4 紙,筆,畫出流程圖; POP app 讓紙張變成可操作的APP動起來
2. FluidUI.com 另一個製作Prototype的網站服務
2015/5/26ThinkinViz.co...
2015/5/26ThinkinViz.com - Viz管理學院
48
2015/5/26ThinkinViz.com - Viz管理學院
49
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
50
“
”
End of DAY 1
Thank You!
2015/5/26ThinkinViz.com - Viz管理學院 51
52
“
”
Prototype
~12:00
準備小組簡報、APP雛型、使用情境等
詳細說明如何針對「idea」進行發想與設計
展示Prototype APPs
2015/5/26ThinkinViz.com - Viz管理學院 53
Meeting
已經做了什麼
什麼還沒做
如何分工
時間設定
2015/5/26ThinkinViz.com - Viz管理學院 54
簡報結構
´ WHY?
´ 設計團隊,借由訪談夜市民眾,獲得以下特性與挑戰:
´(1)
´(2)
´(3)
´ HOW?
´ 針對這些問題我們想要怎麼處理… [解決方案] NFC, iBeacon
´ WHAT?
´ 我們的提...
Count Down
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
56
2015/5/26ThinkinViz.com - Viz管理學院
57
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
58
“
”
Test/Demo
60 分鐘
小組簡報 每組約15分鐘, 5分鐘QA
2015/5/26ThinkinViz.com - Viz管理學院 59
Count Down
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
60
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
61
“
”
Performance Evaluation
and Discussion
60 分鐘
2015/5/26ThinkinViz.com - Viz管理學院 62
63
Design Thinking: a Recap
2015/5/26ThinkinViz.com - Viz管理學院
64
One more thing…
2015/5/26ThinkinViz.com - Viz管理學院
65
Thanks for Your Participation!
ThinkinViz.com – VIZ管理學院
Contact us:
YS - ys.fang@thinkinviz.com
2015/5/26ThinkinViz.com - ...
Upcoming SlideShare
Loading in …5
×

設計思維 Design Thinking (Workshop - material)

548 views

Published on

提供團體進行設計思維(Design Thinking)工作坊的範例教材。

Published in: Design
  • Login to see the comments

設計思維 Design Thinking (Workshop - material)

  1. 1. the Blitz Creation, Crash Course into Product Design and User experience Improvement ThinkinViz (思見) 方毓賢(YS) VIZ
  2. 2. 思見 2
  3. 3. About us ´ Founder @ MAPxncu (http://ncu.mapx.tw) ´ 技術總監 @ ThinkinViz.com (VIZ 管理學院) ´ 兼任講師 @ 中央大學資訊管理學系 相信–改變教育、教育改變。歷經從知識消費者(Consumer)轉換至生產者(Producer) 的過程,不斷思索可以自己創造什麼。藉著教學與課堂互動的契機,發覺新創課程將成 為學子們一生最寶貴的啟發,開始投入哈佛個案式教學設計、籌辦深度企業參訪、邀請 領域專家講座並結合產業教育資源,建構多樣性的學習體驗,促進產業與校園的連結。 2015/5/26ThinkinViz.com - Viz管理學院 3
  4. 4. Day1 2015/5/26ThinkinViz.com - Viz管理學院 4 1 2 • Empathy • Define • Ideation • Pretotyping
  5. 5. Day2 2015/5/26ThinkinViz.com - Viz管理學院 5 2 1 • Prototyping 3
  6. 6. 6
  7. 7. 2015/5/26ThinkinViz.com - Viz管理學院 7 20% Recipe, More than 80% Possibility
  8. 8. 2015/5/26ThinkinViz.com - Viz管理學院 8 Video Playback IDEO - (shopping cart) Design Thinking
  9. 9. 2015/5/26ThinkinViz.com - Viz管理學院 9 Video Playback 以人為本的設計David Kelley 放大思考的格局 https://www.youtube.com/watch?v=1UFvEGbLxN g
  10. 10. 2015/5/26ThinkinViz.com - Viz管理學院 10 Video Playback d. School Crash Course. https://www.youtube.com/watch?v=-FzFk3E5nxM
  11. 11. 2015/5/26ThinkinViz.com - Viz管理學院 11
  12. 12. 2015/5/26ThinkinViz.com - Viz管理學院 12 單純直接問使用者要什麼,意義不大! 而是要加以觀察與記錄: 1. 哪些人用 5. 使用次數(頻率) 2. 用來做什麼(目的) 6. 使用時間(多長) 3. 什麼時候用 …etc. 4. 在哪裡用 à 才會了解「為什麼」? à 得到”Right Question” à 從中去改變與創造
  13. 13. 2015/5/26ThinkinViz.com - Viz管理學院 13
  14. 14. 2015/5/26ThinkinViz.com - Viz管理學院 14
  15. 15. 2015/5/26ThinkinViz.com - Viz管理學院 15
  16. 16. 2015/5/26ThinkinViz.com - Viz管理學院 16
  17. 17. 17
  18. 18. Five Processes of D-thinking 2015/5/26ThinkinViz.com - Viz管理學院 18 挑戰 發現 機會 好點⼦子 更好點⼦子!
  19. 19. Guiding Principles ´ Build ideas on others 堆疊 ´ One conversation at a time 一次一人 ´ Stay focused on topic 不離題 ´ Encourage wild ideas 心放寬 ´ Defer judgment 不批評 2015/5/26ThinkinViz.com - Viz管理學院 19
  20. 20. Post-it Using Tips ´ Show your thought 表達想法 ´ One idea in a post-it. 一張便利貼一個想法 ´ No needs to be accurate. 不需精細 ´ Pictures speak louder than words 一圖解千文 ´ Move and Classify 移動, 分類 2015/5/26ThinkinViz.com - Viz管理學院 20
  21. 21. Ready, Set, Go! 21
  22. 22. 2015/5/26ThinkinViz.com - Viz管理學院 22 https://www.kickstarter.com/projects/360770711/ marketplace-posters-illustrated-scenes-from-world
  23. 23. 2015/5/26ThinkinViz.com - Viz管理學院 23 https://www.kickstarter.com/projects/360770711/ marketplace-posters-illustrated-scenes-from-world
  24. 24. 2015/5/26ThinkinViz.com - Viz管理學院 24
  25. 25. 2015/5/26ThinkinViz.com - Viz管理學院 25 http://www.taiwantvl.com/taipei/sightseeing/shilin map.JPG
  26. 26. Design Brief ´ Task: Boost “YES” Experience with Mobile Devices and APPs. 以行動裝置與APP提升夜市體驗 2015/5/26ThinkinViz.com - Viz管理學院 26
  27. 27. Design Brief 以Mobile APP,增強、改變、延伸、跳躍”夜市”體驗。 條件: (1) 創作一個嶄新概念的APP (何時,地,原因,人等…)2015/5/26 27
  28. 28. Design Brief (2) 應用可能的技術實現: GPS, WiFi, iBeacon, NFC, Bluetooth… 噢? 聽說ip6要加入NFC了? 2015/5/26ThinkinViz.com - Viz管理學院 28
  29. 29. Enhance User Experience by Mobile Devices and APPs! 2015/5/26ThinkinViz.com - Viz管理學院 29 創造新體驗, 由體驗製作APP https://vimeo.com/104410054 https://vimeo.com/104409950
  30. 30. 中場休息 10分鐘 ´分小組 ´找到訪談對象 <必須不同組> 2015/5/26ThinkinViz.com - Viz管理學院 30
  31. 31. 閃電創作 31
  32. 32. 2015/5/26ThinkinViz.com - Viz管理學院 32
  33. 33. 2015/5/26ThinkinViz.com - Viz管理學院 33
  34. 34. “ ” Empathy 40 分鐘 找到對應者 (兩人一組原則) 觀察!!! 互相訪問對應者 兩輪A ßà B 聽見鈴聲 Change 2015/5/26ThinkinViz.com - Viz管理學院 34
  35. 35. Count Down 計時畫面 第二投影機 2015/5/26ThinkinViz.com - Viz管理學院 35
  36. 36. 2015/5/26ThinkinViz.com - Viz管理學院 36
  37. 37. “ ” Define 40 分鐘 整理POV, 越多越好. 利用便利貼討論與分析 (夜市前、中、後) 小組成員輪流簡報發現 找出3大問題 à 建立共識 從共識à定義問題(機會) 聽見鈴聲 Proceed 進行下一個指示 2015/5/26ThinkinViz.com - Viz管理學院 37
  38. 38. “ ” Check Point 01 20 分鐘 每個小組簡報目前的狀況: (1) 訪談過程 (2) 找出了哪三個問題(有趣發現)? 2015/5/26ThinkinViz.com - Viz管理學院 38
  39. 39. “ ” 午餐休息 2015/5/26ThinkinViz.com - Viz管理學院 39
  40. 40. 2015/5/26ThinkinViz.com - Viz管理學院 40
  41. 41. “ ” Ideation & feedback 80 分鐘情境分析, 每個人設計可能方案 10min 尋求回饋: 找回訪問者, 提出方案, 聽取回饋 20min 情境分析, 每個人修訂方案 10min 尋求回饋: 找回訪問者, 提出方案, 聽取回饋 10min 小組討論, 建立共識, 整合最佳方案 30min 聽見鈴聲 Proceed 進行下一個指示 2015/5/26ThinkinViz.com - Viz管理學院 41
  42. 42. Count Down 計時畫面: 第二投影機 2015/5/26ThinkinViz.com - Viz管理學院 42
  43. 43. “ ” 2015/5/26ThinkinViz.com - Viz管理學院 43
  44. 44. “ ” Pretotype 20 分鐘 小組動手, 針對最佳方案, 演練用APP逛夜市的情境故事 到講台表演展示給大家 2015/5/26ThinkinViz.com - Viz管理學院 44 http://blog.codylab.com/pretotype/
  45. 45. “ ” Check Point 02 20 分鐘 每個小組演出展現目前的進度:每組大約3~5分鐘 2015/5/26ThinkinViz.com - Viz管理學院 45
  46. 46. “ ” Prototype 小組動手, 針對最佳方案, 實做Prototype APP, 完成APP操作流程圖. 並準備明天DEMO時的簡報15分鐘與投影片(情境表演) 2015/5/26ThinkinViz.com - Viz管理學院 46
  47. 47. “ ” Prototyping tools 1. 使用A4 紙,筆,畫出流程圖; POP app 讓紙張變成可操作的APP動起來 2. FluidUI.com 另一個製作Prototype的網站服務 2015/5/26ThinkinViz.com - Viz管理學院 47
  48. 48. 2015/5/26ThinkinViz.com - Viz管理學院 48
  49. 49. 2015/5/26ThinkinViz.com - Viz管理學院 49
  50. 50. 第二投影機 2015/5/26ThinkinViz.com - Viz管理學院 50
  51. 51. “ ” End of DAY 1 Thank You! 2015/5/26ThinkinViz.com - Viz管理學院 51
  52. 52. 52
  53. 53. “ ” Prototype ~12:00 準備小組簡報、APP雛型、使用情境等 詳細說明如何針對「idea」進行發想與設計 展示Prototype APPs 2015/5/26ThinkinViz.com - Viz管理學院 53
  54. 54. Meeting 已經做了什麼 什麼還沒做 如何分工 時間設定 2015/5/26ThinkinViz.com - Viz管理學院 54
  55. 55. 簡報結構 ´ WHY? ´ 設計團隊,借由訪談夜市民眾,獲得以下特性與挑戰: ´(1) ´(2) ´(3) ´ HOW? ´ 針對這些問題我們想要怎麼處理… [解決方案] NFC, iBeacon ´ WHAT? ´ 我們的提出的APP來提升夜市經驗 ´ DEMO ´ QandA 2015/5/26ThinkinViz.com - Viz管理學院 55
  56. 56. Count Down 第二投影機 2015/5/26ThinkinViz.com - Viz管理學院 56
  57. 57. 2015/5/26ThinkinViz.com - Viz管理學院 57
  58. 58. 第二投影機 2015/5/26ThinkinViz.com - Viz管理學院 58
  59. 59. “ ” Test/Demo 60 分鐘 小組簡報 每組約15分鐘, 5分鐘QA 2015/5/26ThinkinViz.com - Viz管理學院 59
  60. 60. Count Down 第二投影機 2015/5/26ThinkinViz.com - Viz管理學院 60
  61. 61. 第二投影機 2015/5/26ThinkinViz.com - Viz管理學院 61
  62. 62. “ ” Performance Evaluation and Discussion 60 分鐘 2015/5/26ThinkinViz.com - Viz管理學院 62
  63. 63. 63
  64. 64. Design Thinking: a Recap 2015/5/26ThinkinViz.com - Viz管理學院 64
  65. 65. One more thing… 2015/5/26ThinkinViz.com - Viz管理學院 65
  66. 66. Thanks for Your Participation! ThinkinViz.com – VIZ管理學院 Contact us: YS - ys.fang@thinkinviz.com 2015/5/26ThinkinViz.com - Viz管理學院 66

×