SlideShare ist ein Scribd-Unternehmen logo
1 von 66
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 管理學院)
´ 兼任講師 @ 中央大學資訊管理學系
相信–改變教育、教育改變。歷經從知識消費者(Consumer)轉換至生產者(Producer)
的過程,不斷思索可以自己創造什麼。藉著教學與課堂互動的契機,發覺新創課程將成
為學子們一生最寶貴的啟發,開始投入哈佛個案式教學設計、籌辦深度企業參訪、邀請
領域專家講座並結合產業教育資源,建構多樣性的學習體驗,促進產業與校園的連結。
2015/5/26ThinkinViz.com - Viz管理學院
3
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. 什麼時候用 …etc.
4. 在哪裡用
à 才會了解「為什麼」?
à 得到”Right Question”
à 從中去改變與創造
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 不離題
´ Encourage wild ideas 心放寬
´ Defer judgment 不批評
2015/5/26ThinkinViz.com - Viz管理學院
19
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
Ready, Set, Go!
21
2015/5/26ThinkinViz.com - Viz管理學院 22
https://www.kickstarter.com/projects/360770711/
marketplace-posters-illustrated-scenes-from-world
2015/5/26ThinkinViz.com - Viz管理學院 23
https://www.kickstarter.com/projects/360770711/
marketplace-posters-illustrated-scenes-from-world
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管理學院
26
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/104410054
https://vimeo.com/104409950
中場休息 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/26ThinkinViz.com - Viz管理學院 37
“
”
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
尋求回饋: 找回訪問者, 提出方案, 聽取回饋 10min
小組討論, 建立共識, 整合最佳方案 30min
聽見鈴聲 Proceed 進行下一個指示
2015/5/26ThinkinViz.com - Viz管理學院 41
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/pretotype/
“
”
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.com - Viz管理學院 47
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?
´ 我們的提出的APP來提升夜市經驗
´ DEMO
´ QandA
2015/5/26ThinkinViz.com - Viz管理學院
55
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 - Viz管理學院 66

Weitere ähnliche Inhalte

Ähnlich wie 設計思維 Design Thinking (Workshop - material)

職涯中心職涯導師計畫簡介
職涯中心職涯導師計畫簡介 職涯中心職涯導師計畫簡介
職涯中心職涯導師計畫簡介 Yolanda Liu
 
2013 第十三屆研發管理經理人班 開訓簡報
2013 第十三屆研發管理經理人班 開訓簡報2013 第十三屆研發管理經理人班 開訓簡報
2013 第十三屆研發管理經理人班 開訓簡報CPCRDI
 
千人講座final
千人講座final千人講座final
千人講座finalJames Yeh
 
服務設計中的精實思維 (簡中版)
服務設計中的精實思維 (簡中版)服務設計中的精實思維 (簡中版)
服務設計中的精實思維 (簡中版)Steven Tseng
 
2017 0304-數位媒體驅動下的溝通策略
2017 0304-數位媒體驅動下的溝通策略2017 0304-數位媒體驅動下的溝通策略
2017 0304-數位媒體驅動下的溝通策略Jeremy Wu
 
婉君X社群: 網絡社群的公益能量
婉君X社群: 網絡社群的公益能量婉君X社群: 網絡社群的公益能量
婉君X社群: 網絡社群的公益能量滄碩 劉
 
商業模式創新講座 110708
商業模式創新講座 110708商業模式創新講座 110708
商業模式創新講座 110708基欽 劉
 
創業兔-20170517-從交大到新創BD的成長談
創業兔-20170517-從交大到新創BD的成長談創業兔-20170517-從交大到新創BD的成長談
創業兔-20170517-從交大到新創BD的成長談Rabbie (ErhFen) Kao
 
創意行銷-異業合作、異業結盟創造市場新商機
創意行銷-異業合作、異業結盟創造市場新商機創意行銷-異業合作、異業結盟創造市場新商機
創意行銷-異業合作、異業結盟創造市場新商機滄碩 劉
 
洞悉,台灣未來文創產業的關鍵報告
洞悉,台灣未來文創產業的關鍵報告洞悉,台灣未來文創產業的關鍵報告
洞悉,台灣未來文創產業的關鍵報告Hans Ho
 
【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029
【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029
【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029張大明 Ta-Ming Chang
 
UX 從組織文化開始
UX 從組織文化開始 UX 從組織文化開始
UX 從組織文化開始 Keynes Cheng
 
【Elle企業內訓】搜尋優化,打造內容集客力
【Elle企業內訓】搜尋優化,打造內容集客力【Elle企業內訓】搜尋優化,打造內容集客力
【Elle企業內訓】搜尋優化,打造內容集客力Regina Hsueh
 
104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班
104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班
104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班文化大學
 
CIID UXID 使用者體驗創新設計
CIID UXID 使用者體驗創新設計CIID UXID 使用者體驗創新設計
CIID UXID 使用者體驗創新設計Richard Hsu
 
黎加厚:C20 面向未来教育的c20之梦
黎加厚:C20 面向未来教育的c20之梦黎加厚:C20 面向未来教育的c20之梦
黎加厚:C20 面向未来教育的c20之梦yujianbo
 
MeWorks&TiC100
MeWorks&TiC100MeWorks&TiC100
MeWorks&TiC100hanschen
 

Ähnlich wie 設計思維 Design Thinking (Workshop - material) (20)

職涯中心職涯導師計畫簡介
職涯中心職涯導師計畫簡介 職涯中心職涯導師計畫簡介
職涯中心職涯導師計畫簡介
 
2013 第十三屆研發管理經理人班 開訓簡報
2013 第十三屆研發管理經理人班 開訓簡報2013 第十三屆研發管理經理人班 開訓簡報
2013 第十三屆研發管理經理人班 開訓簡報
 
千人講座final
千人講座final千人講座final
千人講座final
 
服務設計中的精實思維 (簡中版)
服務設計中的精實思維 (簡中版)服務設計中的精實思維 (簡中版)
服務設計中的精實思維 (簡中版)
 
2017 0304-數位媒體驅動下的溝通策略
2017 0304-數位媒體驅動下的溝通策略2017 0304-數位媒體驅動下的溝通策略
2017 0304-數位媒體驅動下的溝通策略
 
婉君X社群: 網絡社群的公益能量
婉君X社群: 網絡社群的公益能量婉君X社群: 網絡社群的公益能量
婉君X社群: 網絡社群的公益能量
 
商業模式創新講座 110708
商業模式創新講座 110708商業模式創新講座 110708
商業模式創新講座 110708
 
創業兔-20170517-從交大到新創BD的成長談
創業兔-20170517-從交大到新創BD的成長談創業兔-20170517-從交大到新創BD的成長談
創業兔-20170517-從交大到新創BD的成長談
 
視覺行銷:種類X訣竅x策略
視覺行銷:種類X訣竅x策略視覺行銷:種類X訣竅x策略
視覺行銷:種類X訣竅x策略
 
創意行銷-異業合作、異業結盟創造市場新商機
創意行銷-異業合作、異業結盟創造市場新商機創意行銷-異業合作、異業結盟創造市場新商機
創意行銷-異業合作、異業結盟創造市場新商機
 
洞悉,台灣未來文創產業的關鍵報告
洞悉,台灣未來文創產業的關鍵報告洞悉,台灣未來文創產業的關鍵報告
洞悉,台灣未來文創產業的關鍵報告
 
實體活動網路行銷簡報
實體活動網路行銷簡報實體活動網路行銷簡報
實體活動網路行銷簡報
 
品牌經營與產品開發
品牌經營與產品開發品牌經營與產品開發
品牌經營與產品開發
 
【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029
【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029
【商模五式】數位轉型商業模式創新:中小企業跨界整合與合作-20201029
 
UX 從組織文化開始
UX 從組織文化開始 UX 從組織文化開始
UX 從組織文化開始
 
【Elle企業內訓】搜尋優化,打造內容集客力
【Elle企業內訓】搜尋優化,打造內容集客力【Elle企業內訓】搜尋優化,打造內容集客力
【Elle企業內訓】搜尋優化,打造內容集客力
 
104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班
104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班
104.07.31 屏東榮服處-創業資源整合與無往不利~創業計畫書撰寫技巧-詹翔霖教授-創業列車-餐飲業訓練班
 
CIID UXID 使用者體驗創新設計
CIID UXID 使用者體驗創新設計CIID UXID 使用者體驗創新設計
CIID UXID 使用者體驗創新設計
 
黎加厚:C20 面向未来教育的c20之梦
黎加厚:C20 面向未来教育的c20之梦黎加厚:C20 面向未来教育的c20之梦
黎加厚:C20 面向未来教育的c20之梦
 
MeWorks&TiC100
MeWorks&TiC100MeWorks&TiC100
MeWorks&TiC100
 

Mehr von Yu-Hsien Fang

2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)Yu-Hsien Fang
 
E-commerce 金流串接實作教學 ezPay(台灣支付)
E-commerce 金流串接實作教學 ezPay(台灣支付)E-commerce 金流串接實作教學 ezPay(台灣支付)
E-commerce 金流串接實作教學 ezPay(台灣支付)Yu-Hsien Fang
 
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)Yu-Hsien Fang
 
電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)Yu-Hsien Fang
 
行銷思維 Marketing Thinking: A check list to design basic marketing campaign.
行銷思維 Marketing Thinking: A check list to design basic marketing campaign.行銷思維 Marketing Thinking: A check list to design basic marketing campaign.
行銷思維 Marketing Thinking: A check list to design basic marketing campaign.Yu-Hsien Fang
 
E-commerce 金流串接實作教學 AllPay(歐付寶)
E-commerce 金流串接實作教學 AllPay(歐付寶)E-commerce 金流串接實作教學 AllPay(歐付寶)
E-commerce 金流串接實作教學 AllPay(歐付寶)Yu-Hsien Fang
 
E commerce 金流串接實作教學 (pockii)
E commerce 金流串接實作教學 (pockii)E commerce 金流串接實作教學 (pockii)
E commerce 金流串接實作教學 (pockii)Yu-Hsien Fang
 
E-commerce 金流串接實作教學 (PayPal)
E-commerce 金流串接實作教學 (PayPal)E-commerce 金流串接實作教學 (PayPal)
E-commerce 金流串接實作教學 (PayPal)Yu-Hsien Fang
 
電商網站開發 - 應用Weebly (Part 1 基礎)
電商網站開發 - 應用Weebly (Part 1 基礎)電商網站開發 - 應用Weebly (Part 1 基礎)
電商網站開發 - 應用Weebly (Part 1 基礎)Yu-Hsien Fang
 
[Ver. 1003] app m commerce
[Ver. 1003] app m commerce[Ver. 1003] app m commerce
[Ver. 1003] app m commerceYu-Hsien Fang
 

Mehr von Yu-Hsien Fang (10)

2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
2016/12/10 HourOfCode 主辦心得/計畫 簡報 (by scratch-tw.org)
 
E-commerce 金流串接實作教學 ezPay(台灣支付)
E-commerce 金流串接實作教學 ezPay(台灣支付)E-commerce 金流串接實作教學 ezPay(台灣支付)
E-commerce 金流串接實作教學 ezPay(台灣支付)
 
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
電商網站開發 - 應用Weebly (Part 3 QRcode與其他服務)
 
電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)電商網站開發 - 應用Weebly (Part 2 金流串接)
電商網站開發 - 應用Weebly (Part 2 金流串接)
 
行銷思維 Marketing Thinking: A check list to design basic marketing campaign.
行銷思維 Marketing Thinking: A check list to design basic marketing campaign.行銷思維 Marketing Thinking: A check list to design basic marketing campaign.
行銷思維 Marketing Thinking: A check list to design basic marketing campaign.
 
E-commerce 金流串接實作教學 AllPay(歐付寶)
E-commerce 金流串接實作教學 AllPay(歐付寶)E-commerce 金流串接實作教學 AllPay(歐付寶)
E-commerce 金流串接實作教學 AllPay(歐付寶)
 
E commerce 金流串接實作教學 (pockii)
E commerce 金流串接實作教學 (pockii)E commerce 金流串接實作教學 (pockii)
E commerce 金流串接實作教學 (pockii)
 
E-commerce 金流串接實作教學 (PayPal)
E-commerce 金流串接實作教學 (PayPal)E-commerce 金流串接實作教學 (PayPal)
E-commerce 金流串接實作教學 (PayPal)
 
電商網站開發 - 應用Weebly (Part 1 基礎)
電商網站開發 - 應用Weebly (Part 1 基礎)電商網站開發 - 應用Weebly (Part 1 基礎)
電商網站開發 - 應用Weebly (Part 1 基礎)
 
[Ver. 1003] app m commerce
[Ver. 1003] app m commerce[Ver. 1003] app m commerce
[Ver. 1003] app m commerce
 

設計思維 Design Thinking (Workshop - material)