簡單介紹什麼是使用者經驗設計？為什麼很重要？可以怎麼做？ 為什麼應該要了解這些？其中一個很重要的原因是：其實我們不懂使用者。

1. 使用者經驗設計初探
Image by Dragan

2. • 創新創業
• 使用者經驗設計
• 網站開發
工作經歷：
• 悅智全球顧問
• 國泰人壽
• 國泰金控
• 5折日報
• Isobar
• 鴻宇電子商務

3. 最近常常聽到…
使用者經驗？那是什麼？
可以吃嗎？

4. User Experience 使用者經驗 用户体验
Interface 介面 界面
Interaction 互動 交互
Research 研究 调研
Data 數據、資料 数据

9. 所以…到底什麼是 UX ？
使用者在使用產品或服務時的感受

10. 使用者經驗設計
以優化使用者經驗為目的，
為使用者著想的設計

11. By Charles Chen, http://www.slideshare.net/xxc/maslowux-hierarchy-of-need

12. 迷思：設計就是讓東西變好看

18. 美觀
實用
污染
藝術
必需品

19. 所以為什麼 UX 很重要？
回想一下前面講的例子…

20. “You’ve got to start with the
customer experience and work
backwards to the technology.”
－Steve Jobs

21. source:New York Post
Bad design may harm people.

23. 你講的我都同意，
但我們本來就很重視使用者啊？

24. 迷思：我就是使用者
我可以代表使用者的意見
我覺得好用，就是好用

25. 案例：
猜不到結局的A/B Testing

26. source
哪個比較好？

27. You are not your user
能力不同
知識與經驗不同
對產品的熟悉程度不同

28. 所以..使用者經驗設計
可以怎麼做？
研究、設計、驗證

30. 表面
視覺設計
骨架
介面設計、草圖
結構
網站架構、功能流程
範疇
該提供哪些功能？
策略
核心目標、提供的價值
source: JJG, elements of UX

32. 研究方法

33. A/B TestingEye Tracking
Usability Lab Studies Online User Exp
Assessments
Diary Study
Focus Group Surveys

36. Source: Elizabeth Goodman-Observing The User Experience

37. 設計方法

38. Think & Feel ?
See? Hear?
Do & Say ?
Pain? Gain?

39. Image source:Mailchimp

40. Prototyping
Balsamiq Pop

41. Source: http://www.uxapprentice.com/

43. 驗證方法

45. Si t e Anal yt i cs
Demo
網站分析

46. source
A/B Testing

47. 如何評估網站好不好用？
• 可能的指標：
– 訪客採用率
– 用戶留存率
– 轉換率
– 主要任務完成時間
– 滿意度問卷調查
– 犯錯率
• 要用哪些？重要程度？依發展狀況及策略
目標而定

48. 更多的學習資源

50. 我們無法完全了解使用者的想法和感受
使用者經驗設計是體貼人心的設計
透過一些研究、設計、驗證的方法來完成

51. 張朝智
George Chang
georgegoo@gmail.com
http://georgechang.im/
http://conversionlab.co/
Image by Trey Ratcliff