1.
the Blitz Creation,
Crash Course into Product Design and User experience Improvement
ThinkinViz (思見)
方毓賢(YS)
VIZ

2.
思見
2

3.
About us
´ Founder @ MAPxncu (http://ncu.mapx.tw)
´ 技術總監 @ ThinkinViz.com (VIZ 管理學院)
´ 兼任講師 @ 中央大學資訊管理學系
相信–改變教育、教育改變。歷經從知識消費者(Consumer)轉換至生產者(Producer)
的過程，不斷思索可以自己創造什麼。藉著教學與課堂互動的契機，發覺新創課程將成
為學子們一生最寶貴的啟發，開始投入哈佛個案式教學設計、籌辦深度企業參訪、邀請
領域專家講座並結合產業教育資源，建構多樣性的學習體驗，促進產業與校園的連結。
2015/5/26ThinkinViz.com - Viz管理學院
3

4.
Day1
2015/5/26ThinkinViz.com - Viz管理學院
4
1
2
• Empathy
• Define
• Ideation
• Pretotyping

5.
Day2
2015/5/26ThinkinViz.com - Viz管理學院
5
2
1
• Prototyping
3

6.
6

7.
2015/5/26ThinkinViz.com - Viz管理學院 7
20% Recipe,
More than 80% Possibility

8.
2015/5/26ThinkinViz.com - Viz管理學院
8
Video Playback
IDEO - (shopping cart) Design Thinking

9.
2015/5/26ThinkinViz.com - Viz管理學院
9
Video Playback
以人為本的設計David Kelley 放大思考的格局
https://www.youtube.com/watch?v=1UFvEGbLxN
g

10.
2015/5/26ThinkinViz.com - Viz管理學院
10
Video Playback
d. School Crash Course. https://www.youtube.com/watch?v=-FzFk3E5nxM

11.
2015/5/26ThinkinViz.com - Viz管理學院
11

12.
2015/5/26ThinkinViz.com - Viz管理學院
12
單純直接問使用者要什麼，意義不大！
而是要加以觀察與記錄：
1. 哪些人用 5. 使用次數(頻率)
2. 用來做什麼（目的） 6. 使用時間(多長)
3. 什麼時候用 …etc.
4. 在哪裡用
à 才會了解「為什麼」？
à 得到”Right Question”
à 從中去改變與創造

13.
2015/5/26ThinkinViz.com - Viz管理學院
13

14.
2015/5/26ThinkinViz.com - Viz管理學院
14

15.
2015/5/26ThinkinViz.com - Viz管理學院
15

16.
2015/5/26ThinkinViz.com - Viz管理學院
16

17.
17

18.
Five Processes of D-thinking
2015/5/26ThinkinViz.com - Viz管理學院
18
挑戰 發現 機會 好點⼦子 更好點⼦子!

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.
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.
Ready, Set, Go!
21

22.
2015/5/26ThinkinViz.com - Viz管理學院 22
https://www.kickstarter.com/projects/360770711/
marketplace-posters-illustrated-scenes-from-world

23.
2015/5/26ThinkinViz.com - Viz管理學院 23
https://www.kickstarter.com/projects/360770711/
marketplace-posters-illustrated-scenes-from-world

24.
2015/5/26ThinkinViz.com - Viz管理學院 24

25.
2015/5/26ThinkinViz.com - Viz管理學院 25
http://www.taiwantvl.com/taipei/sightseeing/shilin
map.JPG

26.
Design Brief
´ Task:
Boost “YES” Experience
with Mobile Devices and APPs.
以行動裝置與APP提升夜市體驗
2015/5/26ThinkinViz.com - Viz管理學院
26

27.
Design Brief
以Mobile APP，增強、改變、延伸、跳躍”夜市”體驗。
條件:
(1) 創作一個嶄新概念的APP （何時，地，原因，人等…）2015/5/26
27

28.
Design Brief
(2) 應用可能的技術實現：
GPS, WiFi, iBeacon, NFC, Bluetooth…
噢？ 聽說ip6要加入NFC了？
2015/5/26ThinkinViz.com - Viz管理學院
28

29.
Enhance User Experience by Mobile
Devices and APPs!
2015/5/26ThinkinViz.com - Viz管理學院
29
創造新體驗,
由體驗製作ＡＰＰ
https://vimeo.com/104410054
https://vimeo.com/104409950

30.
中場休息 10分鐘
´分小組
´找到訪談對象 <必須不同組>
2015/5/26ThinkinViz.com - Viz管理學院
30

31.
閃電創作
31

32.
2015/5/26ThinkinViz.com - Viz管理學院 32

33.
2015/5/26ThinkinViz.com - Viz管理學院
33

34.
“
”
Empathy
40 分鐘
找到對應者 (兩人一組原則)
觀察!!!
互相訪問對應者
兩輪A ßà B
聽見鈴聲 Change
2015/5/26ThinkinViz.com - Viz管理學院 34

35.
Count Down
計時畫面
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
35

36.
2015/5/26ThinkinViz.com - Viz管理學院
36

37.
“
”
Define
40 分鐘
整理POV, 越多越好. 利用便利貼討論與分析 (夜市前、中、後)
小組成員輪流簡報發現
找出3大問題 à 建立共識
從共識à定義問題（機會）
聽見鈴聲 Proceed 進行下一個指示
2015/5/26ThinkinViz.com - Viz管理學院 37

38.
“
”
Check Point 01
20 分鐘
每個小組簡報目前的狀況：
(1) 訪談過程
(2) 找出了哪三個問題（有趣發現）？
2015/5/26ThinkinViz.com - Viz管理學院 38

39.
“
”
午餐休息
2015/5/26ThinkinViz.com - Viz管理學院 39

40.
2015/5/26ThinkinViz.com - Viz管理學院
40

41.
“
”
Ideation & feedback
80 分鐘情境分析, 每個人設計可能方案 10min
尋求回饋: 找回訪問者, 提出方案, 聽取回饋 20min
情境分析, 每個人修訂方案 10min
尋求回饋: 找回訪問者, 提出方案, 聽取回饋 10min
小組討論, 建立共識, 整合最佳方案 30min
聽見鈴聲 Proceed 進行下一個指示
2015/5/26ThinkinViz.com - Viz管理學院 41

42.
Count Down
計時畫面:
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
42

43.
“
”
2015/5/26ThinkinViz.com - Viz管理學院 43

44.
“
”
Pretotype
20 分鐘
小組動手, 針對最佳方案,
演練用APP逛夜市的情境故事
到講台表演展示給大家
2015/5/26ThinkinViz.com - Viz管理學院 44
http://blog.codylab.com/pretotype/

45.
“
”
Check Point 02
20 分鐘
每個小組演出展現目前的進度：每組大約3~5分鐘
2015/5/26ThinkinViz.com - Viz管理學院 45

46.
“
”
Prototype
小組動手, 針對最佳方案,
實做Prototype APP, 完成APP操作流程圖.
並準備明天DEMO時的簡報15分鐘與投影片(情境表演)
2015/5/26ThinkinViz.com - Viz管理學院 46

47.
“
”
Prototyping tools
1. 使用A4 紙，筆，畫出流程圖; POP app 讓紙張變成可操作的APP動起來
2. FluidUI.com 另一個製作Prototype的網站服務
2015/5/26ThinkinViz.com - Viz管理學院 47

48.
2015/5/26ThinkinViz.com - Viz管理學院
48

49.
2015/5/26ThinkinViz.com - Viz管理學院
49

50.
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
50

51.
“
”
End of DAY 1
Thank You!
2015/5/26ThinkinViz.com - Viz管理學院 51

52.
52

53.
“
”
Prototype
~12:00
準備小組簡報、APP雛型、使用情境等
詳細說明如何針對「idea」進行發想與設計
展示Prototype APPs
2015/5/26ThinkinViz.com - Viz管理學院 53

54.
Meeting
已經做了什麼
什麼還沒做
如何分工
時間設定
2015/5/26ThinkinViz.com - Viz管理學院 54

55.
簡報結構
´ WHY？
´ 設計團隊，借由訪談夜市民眾，獲得以下特性與挑戰：
´(1)
´(2)
´(3)
´ HOW？
´ 針對這些問題我們想要怎麼處理… [解決方案] NFC, iBeacon
´ WHAT？
´ 我們的提出的APP來提升夜市經驗
´ DEMO
´ QandA
2015/5/26ThinkinViz.com - Viz管理學院
55

56.
Count Down
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
56

57.
2015/5/26ThinkinViz.com - Viz管理學院
57

58.
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
58

59.
“
”
Test/Demo
60 分鐘
小組簡報 每組約15分鐘, 5分鐘QA
2015/5/26ThinkinViz.com - Viz管理學院 59

60.
Count Down
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
60

61.
第二投影機
2015/5/26ThinkinViz.com - Viz管理學院
61

62.
“
”
Performance Evaluation
and Discussion
60 分鐘
2015/5/26ThinkinViz.com - Viz管理學院 62

63.
63

64.
Design Thinking: a Recap
2015/5/26ThinkinViz.com - Viz管理學院
64

65.
One more thing…
2015/5/26ThinkinViz.com - Viz管理學院
65

66.
Thanks for Your Participation!
ThinkinViz.com – VIZ管理學院
Contact us:
YS - ys.fang@thinkinviz.com
2015/5/26ThinkinViz.com - Viz管理學院 66