SlideShare a Scribd company logo
1 of 26
使用者導向設計(User Centered Design, UCD)
hqw621hqw@gmail.com 張崑
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
當要了解使用者導向設計前,你得
先打破過去使用者導向設計
所建立的迷思。
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• UCD不僅是美學設計 網頁視覺設計很重要,但不是一切……
Google 也只有一條Search Bar.
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• UCD不等於使用性
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• UCD不等於使用性
使用性
人機
互動
UCD UI
應用
程式
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• UCD不等於使用性
使用性
人機
互動
UCD UI
應用
程式
What(設計給誰) How(怎麼做)
• 用於PC或是手機?
• 使用情境為何?
• ……
• 用甚麼語言開發?
• 採用RWD或是AWD?
• 扁平化設計還是擬真?
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• UCD不等於使用性
使用性
人機
互動
UCD UI
應用
程式
使用性只是整個開發過程中的一環,
可惜的是…我們連使用性都未考慮得當
去回想專案開發過程中,我們都一直都在談How…
• 用甚麼語言開發?
• 採用RWD或是AWD?
• 扁平化設計還是擬真?
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• UCD不是單純錯誤程式報告
我們該思考:
1.User欲完成的任務為何?
2.單純修復錯誤,錯失與user對話的機會。
3.完整的feedback不應只有錯誤訊息的回報,它應
被視為一種輔助資訊。
我們看了很多反面例子,但到底UCD是甚麼?
• 請你試著去想,你有一個滑雪場,且你又
是教練,當有遊客來滑雪,請問你如何帶
給遊客一個好的滑雪體驗?
• 請你試著去想,你有一個滑雪場,且你又
是教練,當有遊客來滑雪,請問你如何帶
給遊客一個好的滑雪體驗?
若要讓遊客滑得開心,別讓他摔倒就好了…
我們看了很多反面例子,但到底UCD是甚麼?
別犯上述錯誤,你已經在實踐UCD
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• System 1 思考:
自動化運作、不費力、直覺
• System 2 思考
專注力、費力、複雜的思考
我們期待user用system 1 方式思考,
我們須以system 2 的方式進行開發。
• 考慮有關於影響user behavior的變因
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 從他處借取經驗
如果是這個…
你想偷甚麼?
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 問問為什麼(ask why)
蘋果從樹上掉下來,但只有牛頓問了Why…
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 相近法則(principle of proximity)
對於距離較近的物體,人們在感知上會傾向將他們是為一整體
Ikea生活起居區
吸引的是相互關聯的空間,
而非毫無相關的各個房間 !
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 心智模式&隱喻(mental model & metaphors)
為一種理所當然、約定俗成的模式……System1思維
放大鏡代表搜尋 剪刀代表剪下
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 一致性(consistency)
符合使用者的操作行為,維持其過去的系統認知
如果是這個…
你想偷甚麼?
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 一致性(consistency)
符合使用者的操作行為,維持其過去的系統認知
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 一致性(consistency)
符合使用者的操作行為,維持其過去的系統認知
Step 1 Step2 Step 3 Step 4
甚麼是UCD? 創意與使用經驗 設計法則與使用者合作
在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
• 示能性&限制(affordance & constraint)
示能性:指的是預設用途
限制:避免使用者犯錯的系統
以三叉頭為例:
只有一種使用方式,因此”不可能會犯錯”
為什麼UCD沒有最終版的一天?
為什麼UCD沒有最終版的一天?
Richard Bach:有個方法可以判斷你在世上的任務是否已經完成 :
只要你還活著,任務就尚未完成!

More Related Content

Viewers also liked

優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
Miya Chang
 
Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]
Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]
Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]
shivani paliwal
 

Viewers also liked (18)

淺談Fintech(5)
淺談Fintech(5)淺談Fintech(5)
淺談Fintech(5)
 
淺談Fintech(3).ppt
淺談Fintech(3).ppt淺談Fintech(3).ppt
淺談Fintech(3).ppt
 
淺談Fintech(6)
淺談Fintech(6)淺談Fintech(6)
淺談Fintech(6)
 
關於論文這件事
關於論文這件事關於論文這件事
關於論文這件事
 
阿原肥皂
阿原肥皂阿原肥皂
阿原肥皂
 
淺談Fintech(4)
淺談Fintech(4)淺談Fintech(4)
淺談Fintech(4)
 
淺談測試Part2
淺談測試Part2淺談測試Part2
淺談測試Part2
 
CIID UXID 使用者體驗創新設計
CIID UXID 使用者體驗創新設計CIID UXID 使用者體驗創新設計
CIID UXID 使用者體驗創新設計
 
Axure RP 使用者經驗交流會議簡報:當 UCD 碰上 BCD 該怎麼辦?
Axure RP 使用者經驗交流會議簡報:當 UCD 碰上 BCD 該怎麼辦?Axure RP 使用者經驗交流會議簡報:當 UCD 碰上 BCD 該怎麼辦?
Axure RP 使用者經驗交流會議簡報:當 UCD 碰上 BCD 該怎麼辦?
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼從雛形到設計-了解您的使用者在想什麼
從雛形到設計-了解您的使用者在想什麼
 
Kts c2-dai so boole
Kts c2-dai so booleKts c2-dai so boole
Kts c2-dai so boole
 
"Baltijas ceļa 25. gadadienas" pasākumu kalendārs septembrim
"Baltijas ceļa 25. gadadienas" pasākumu kalendārs septembrim"Baltijas ceļa 25. gadadienas" pasākumu kalendārs septembrim
"Baltijas ceļa 25. gadadienas" pasākumu kalendārs septembrim
 
We are uncw track & field presentation
We are uncw track & field presentationWe are uncw track & field presentation
We are uncw track & field presentation
 
Meadowbrook Estates
Meadowbrook EstatesMeadowbrook Estates
Meadowbrook Estates
 
Time Value of Money
Time Value of MoneyTime Value of Money
Time Value of Money
 
Bi 2.0 hadoop everywhere
Bi 2.0   hadoop everywhereBi 2.0   hadoop everywhere
Bi 2.0 hadoop everywhere
 
Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]
Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]
Qcl 14-v3 [5-s]_[banasthali university]_[shalu singh]
 

Similar to 使用者導向設計(Ucd)

用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
VImLai
 
用户体验设计思想
用户体验设计思想用户体验设计思想
用户体验设计思想
Henry Lee
 
資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通
Gainshin Hsiao
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12
John Woo
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
turtleknight
 
看山是山,看水是水
看山是山,看水是水看山是山,看水是水
看山是山,看水是水
bshhang
 

Similar to 使用者導向設計(Ucd) (20)

Agile User Experience Design - By Vanbin Fan
Agile User Experience Design - By Vanbin FanAgile User Experience Design - By Vanbin Fan
Agile User Experience Design - By Vanbin Fan
 
企業要的不是UCD
企業要的不是UCD企業要的不是UCD
企業要的不是UCD
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
 
ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法
 
用户体验设计思想
用户体验设计思想用户体验设计思想
用户体验设计思想
 
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
 
資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通資策會 從洞察需求到交互原型溝通
資策會 從洞察需求到交互原型溝通
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be better
 
看山是山,看水是水
看山是山,看水是水看山是山,看水是水
看山是山,看水是水
 
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙 借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
 
A new way to use Wikipedia for collaborative innovation"
 A new way to use Wikipedia for collaborative innovation" A new way to use Wikipedia for collaborative innovation"
A new way to use Wikipedia for collaborative innovation"
 
需求從小處著手:人物誌與微趨勢
需求從小處著手:人物誌與微趨勢需求從小處著手:人物誌與微趨勢
需求從小處著手:人物誌與微趨勢
 
腾讯大讲堂10 customer engagement
腾讯大讲堂10 customer engagement腾讯大讲堂10 customer engagement
腾讯大讲堂10 customer engagement
 
UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展UCD在游戏行业中的生存与发展
UCD在游戏行业中的生存与发展
 

More from Chris Chang

More from Chris Chang (6)

用 DevOps 思維看待網頁測試 (第二章)
用 DevOps 思維看待網頁測試 (第二章)用 DevOps 思維看待網頁測試 (第二章)
用 DevOps 思維看待網頁測試 (第二章)
 
用 DevOps 思維看待網頁測試
用 DevOps 思維看待網頁測試用 DevOps 思維看待網頁測試
用 DevOps 思維看待網頁測試
 
淺談Fintech(7)
淺談Fintech(7)淺談Fintech(7)
淺談Fintech(7)
 
Lean production
Lean productionLean production
Lean production
 
淺談Fintech(2).ppt
淺談Fintech(2).ppt淺談Fintech(2).ppt
淺談Fintech(2).ppt
 
淺談Fintech(1).ppt
淺談Fintech(1).ppt淺談Fintech(1).ppt
淺談Fintech(1).ppt
 

使用者導向設計(Ucd)

  • 1. 使用者導向設計(User Centered Design, UCD) hqw621hqw@gmail.com 張崑
  • 2. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待
  • 3. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 當要了解使用者導向設計前,你得 先打破過去使用者導向設計 所建立的迷思。
  • 4. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • UCD不僅是美學設計 網頁視覺設計很重要,但不是一切……
  • 6. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • UCD不等於使用性
  • 7. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • UCD不等於使用性 使用性 人機 互動 UCD UI 應用 程式
  • 8. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • UCD不等於使用性 使用性 人機 互動 UCD UI 應用 程式 What(設計給誰) How(怎麼做) • 用於PC或是手機? • 使用情境為何? • …… • 用甚麼語言開發? • 採用RWD或是AWD? • 扁平化設計還是擬真?
  • 9. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • UCD不等於使用性 使用性 人機 互動 UCD UI 應用 程式 使用性只是整個開發過程中的一環, 可惜的是…我們連使用性都未考慮得當
  • 11. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • UCD不是單純錯誤程式報告 我們該思考: 1.User欲完成的任務為何? 2.單純修復錯誤,錯失與user對話的機會。 3.完整的feedback不應只有錯誤訊息的回報,它應 被視為一種輔助資訊。
  • 16. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • System 1 思考: 自動化運作、不費力、直覺 • System 2 思考 專注力、費力、複雜的思考 我們期待user用system 1 方式思考, 我們須以system 2 的方式進行開發。 • 考慮有關於影響user behavior的變因
  • 17. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 從他處借取經驗 如果是這個… 你想偷甚麼?
  • 18. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 問問為什麼(ask why) 蘋果從樹上掉下來,但只有牛頓問了Why…
  • 19. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 相近法則(principle of proximity) 對於距離較近的物體,人們在感知上會傾向將他們是為一整體 Ikea生活起居區 吸引的是相互關聯的空間, 而非毫無相關的各個房間 !
  • 20. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 心智模式&隱喻(mental model & metaphors) 為一種理所當然、約定俗成的模式……System1思維 放大鏡代表搜尋 剪刀代表剪下
  • 21. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 一致性(consistency) 符合使用者的操作行為,維持其過去的系統認知 如果是這個… 你想偷甚麼?
  • 22. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 一致性(consistency) 符合使用者的操作行為,維持其過去的系統認知
  • 23. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 一致性(consistency) 符合使用者的操作行為,維持其過去的系統認知
  • 24. Step 1 Step2 Step 3 Step 4 甚麼是UCD? 創意與使用經驗 設計法則與使用者合作 在這快速變動的世界,停滯不前就是最快的退步方式…使用者將對我有更多期待 • 示能性&限制(affordance & constraint) 示能性:指的是預設用途 限制:避免使用者犯錯的系統 以三叉頭為例: 只有一種使用方式,因此”不可能會犯錯”