SlideShare ist ein Scribd-Unternehmen logo
1 von 42
aco
2012-07-26
Agenda
• It„s all about human ─ 從「使用者研究」到「易用性測試」
王派桓 Hoper Wang / D-Link 使用者經驗分析部經理
• Agile is not for UXers
劉宗剛 Derek Liu / 趨勢科技 Senior UI Designer
• 使用性評估沒有告訴你的事
張雯琳 Ariel Chang / HTC Usability & User Research 資深工程師
分享
照本宣科 ><
It„s all about human
Session 1
Reasons for everything
1. Why product design ?
有好設計的產品可以 維護世界和平 賣的更好
2. Why research and study ?
需使用者研究的 Support 去設計更好的產品
3. Testing vs. Study
要去研究問題背後的問題 (QBQ) 是什麼,了解使用者對產品的感覺
CASE 1: COMMUNITY
CASE 1: COMMUNITY
Findings
1. Strong usability design
好用的東西,不一定受歡迎
2. Product distinction without difference
與 Facebook 的差異不大
3. Weak user perceived needs
使用者只要一個社群網站只要一個就夠了
4. Potential opportunities
結合相簿和部落格
CASE2: E-COMMERCE
Yahoo! 拍賣 + 購物中心
Findings
1. Many critical usability issues
介面設計的不良,造成許多使用上的問題
2. Usability issues could be causes, or results
服務/產品本身的概念、定位不清楚,造成使用性的問題
3. Product concept & brand confusion
我現在是在 Yahoo!拍賣還是購物商城呢?
Findings from other users
 我懷疑有多少人搞得清楚到底現在是逛到了超級商城,還是購物中心;為什麼
我在PChome買了東西,打去PChome客服又說不是找他們?剛剛不是逛到一
樣的商品說免運費,怎麼現在這個又說要湊到599才免運費?我要到哪邊湊?
我現在還在同一家店裡面嗎?如何讓顧客不致於在眼花撩亂的各家商店間轉到
頭暈而失去購物的性致,是未來可以更深入研究改善的課題。
http://mbainlife.blogspot.tw/2010/11/blog-post_22.html
 一路銷售到去年年底,11 月左右突然發現整個月營業額狂跌,大概只有過往
的 1/4。仔細追查,發現原因是 Yahoo! 超級商城與 Yahoo! 拍賣的搜尋功能
分流,也就是原本在 Yahoo! 拍賣可以搜尋到 Yahoo! 超級商城的商品,改為
彼此分流運作,互不搜尋。對於發起於拍賣架構的超級商城來說,少了拍賣人
潮的加持,對於流量的影響極大,也導致商家營業額急速下滑的結果。
http://www.bearboss.com/?p=2368
Research goals for Human
1. Not only well-defined UI testing items
除了定義清楚的測試項目外,要多去探詢「人性面」的問題
2. But also human cognitive & emotional perspectives
使用者對產品的認知與接觸時產生的情緒
3. Search for potential needs
使用者對產品的第一印象、認知的強度和使用情境為何
Open Question for Human
1. How to use
使用者會如何使用
2. Whether to use
使用者會不會使用這項功能/產品
3. Why or why not to use
會用或不會用的原因
Evaluation
1. Usable
產品是否好用
2. Useful
產品是否有用
3. Desirable
使用者是否會想用這個產品
Desirable  Useful  Usable
Reasons for Human
Agile is not for UXers
Session 2
Waterfall
Agile
Agile - 趨勢科技
Scrum 精神
Scrum 流程
Scrum 流程 – 趨勢科技
產品開發團隊 – 趨勢科技
Waterfall – UX的工作量
Scrum – UX的工作量
開發初期就要規劃UX架構
在規劃前/開發後進行使用者研究
UX真正的工作量
花惹發
UX研究 – 趨勢科技
UX架構規劃 – 趨勢科技
Agile 開發宣言
使用性評估沒有告訴你的事
Session 3
Usability evaluation - HTC
1. Usability testing
測試的結果會讓 designer 接受,進而去對現有設計做修正
2. Interview
操作流程正確,但 user 不一定會接受並想要使用
3. Questionnaire
針對 user 的評分或與受測結果產生矛盾時提出問題
Usability mistakes
1. Do You Know Why You're Testing?
解:要了解問題並找到測試的目標
2. Not Bringing the Team Together
解:讓參予的團隊成員了解自己的任務階段與狀況
3. Not Recruiting the Right Participants
解:找到正確的受測者
4. Not Designing the Right Tasks
解:以情境的方式告訴使用者去做一件 task
原文:http://www.uie.com/articles/usability_testing_mistakes/
Usability mistakes (cont.)
5. Not Facilitating the Test Effectively
解:確保測試項是合理的並讓測試過程運作流暢
6. Not Planning How You'll Disseminate the Results
解:測試的結果給相關人員知道
7. Not Iterating to Test Potential Solutions
解:不要企圖在測試過程中找解決方法,要 focus 在問題上
原文:http://www.uie.com/articles/usability_testing_mistakes/
After product release
 對於客戶的反應進行後續的研究
EX: 開箱文和客服記錄
 針對產品的使用習慣差異進行比較
短期 & 長期
 蒐集相關的使用經驗,作為日後的新產品設計時參考
使用經驗是累積而成、因時而變的,當下的產品就可能會帶來
新的體驗和趨勢。
Q & A
• 邀請相關(質疑)人員參與 Usability Testing
• 文案寫得愈 detail,user 愈容易忽略
– 測試結果文案最多大約 2 行半
– User 已經被訓練成看到 form 就會直接填
– 可設計成要填時再顯示出來的文案,才比較容易引起 user 的注意
– 透過 icon 和 color 去引起 user 的注意
• 給使用者做的任務測試,成功或失敗不是重點
– 重點是找出問題,找出失敗的原因
• 任何一個 feature 不是別人有,自己就一定要有
– 了解為何別人有這個 feature,評估自己是否需要
UiGathering Q & A
Reference
1. It‟s all about Human
http://www.slideshare.net/uigathering/its-all-about-human
2. Agile is not for Uxers
http://www.slideshare.net/uigathering/uigathering-201207-slide-derek-liu
3. 使用性評估沒有告訴你的事
Reference
4. 筆記 -- UiGathering 接力賽 “第三棒”:如何把使用者經驗「做」出
來?
http://arlenyao.blogspot.tw/2012/07/uigathering.html
5. XAPPS 跨界交流協會 UiGathering 2012年七月份聚會
http://www.xapps.tw/article/285
6. Scrum框架下的跨界開發(6):UX設計師是屬於哪一國的?
http://teddy-chen-tw.blogspot.tw/2012/07/scrum6ux.html
Reference
7. LifeMBA:線上購物、商店街、購物中心、超級商城,有多少人能分
得清楚?
http://mbainlife.blogspot.tw/2010/11/blog-post_22.html
8. 即將退出 Yahoo! 超級商城與樂天市場
http://www.bearboss.com/?p=2368
Focus on the user and all else will follow
Thank You

Weitere ähnliche Inhalte

Andere mochten auch

遊戲易用性研究與測試方法
遊戲易用性研究與測試方法遊戲易用性研究與測試方法
遊戲易用性研究與測試方法cheng yeh chang
 
平板電腦使用經驗初探
平板電腦使用經驗初探平板電腦使用經驗初探
平板電腦使用經驗初探iNSIGHT UXLab
 
What is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New ZealandWhat is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New ZealandHaunani Pao
 
It’s design, but not as they know it!
It’s design, but not as they know it!It’s design, but not as they know it!
It’s design, but not as they know it!Engine Service Design
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDPreeti Chopra
 
使用性測試方法介紹
使用性測試方法介紹使用性測試方法介紹
使用性測試方法介紹iNSIGHT UXLab
 
Intro to Lean UX: How to do it quick & dirty - Workshop [6h]
Intro to Lean UX: How to do it quick & dirty - Workshop [6h]Intro to Lean UX: How to do it quick & dirty - Workshop [6h]
Intro to Lean UX: How to do it quick & dirty - Workshop [6h]Melissa Ng
 
Quick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & PrototypingQuick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & PrototypingJenny Shen
 

Andere mochten auch (10)

遊戲易用性研究與測試方法
遊戲易用性研究與測試方法遊戲易用性研究與測試方法
遊戲易用性研究與測試方法
 
Technology probes
Technology probesTechnology probes
Technology probes
 
平板電腦使用經驗初探
平板電腦使用經驗初探平板電腦使用經驗初探
平板電腦使用經驗初探
 
What is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New ZealandWhat is User Experience? - Barcamp 4 in Auckland New Zealand
What is User Experience? - Barcamp 4 in Auckland New Zealand
 
It’s design, but not as they know it!
It’s design, but not as they know it!It’s design, but not as they know it!
It’s design, but not as they know it!
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UED
 
使用性測試方法介紹
使用性測試方法介紹使用性測試方法介紹
使用性測試方法介紹
 
User interview workshop
User interview workshopUser interview workshop
User interview workshop
 
Intro to Lean UX: How to do it quick & dirty - Workshop [6h]
Intro to Lean UX: How to do it quick & dirty - Workshop [6h]Intro to Lean UX: How to do it quick & dirty - Workshop [6h]
Intro to Lean UX: How to do it quick & dirty - Workshop [6h]
 
Quick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & PrototypingQuick Tips to Wireframing & Prototyping
Quick Tips to Wireframing & Prototyping
 

Ähnlich wie [心得分享] 如何把使用者經驗做出來

用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
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 betterJen-Chieh Ko
 
产品管理与设计分享
产品管理与设计分享产品管理与设计分享
产品管理与设计分享aakaike
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展Yu-Hsiu Li
 
Google Glass - Unit01: Design
Google Glass - Unit01: DesignGoogle Glass - Unit01: Design
Google Glass - Unit01: DesignWei-Tsung Su
 
Agile summit 2018
Agile summit 2018Agile summit 2018
Agile summit 2018Nor chen
 
UX story of websites
UX story of websitesUX story of websites
UX story of websitesRobert Luo
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distturtleknight
 
让产品自己召人
让产品自己召人让产品自己召人
让产品自己召人LIU hongmin
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12John Woo
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworkstailrzq
 
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館BelindaYCWang
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享Justin Lee
 
109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610fjuph
 
About Usability可用性测试杂谈
About Usability可用性测试杂谈About Usability可用性测试杂谈
About Usability可用性测试杂谈Vinny Wu
 

Ähnlich wie [心得分享] 如何把使用者經驗做出來 (20)

用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
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
 
产品管理与设计分享
产品管理与设计分享产品管理与设计分享
产品管理与设计分享
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
 
Google Glass - Unit01: Design
Google Glass - Unit01: DesignGoogle Glass - Unit01: Design
Google Glass - Unit01: Design
 
Agile summit 2018
Agile summit 2018Agile summit 2018
Agile summit 2018
 
敏捷簡報
敏捷簡報敏捷簡報
敏捷簡報
 
UX story of websites
UX story of websitesUX story of websites
UX story of websites
 
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_distHoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
 
UX概念介紹
UX概念介紹UX概念介紹
UX概念介紹
 
让产品自己召人
让产品自己召人让产品自己召人
让产品自己召人
 
移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12移动互联网创新,从体验设计开始 2011-12
移动互联网创新,从体验设计开始 2011-12
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks
 
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
機關網站使用者介面(ui)與體驗(ux)案例分析 國立自然科學博物館
 
UiGathering 2012.07 Slide (Derek Liu)
UiGathering 2012.07 Slide (Derek Liu)UiGathering 2012.07 Slide (Derek Liu)
UiGathering 2012.07 Slide (Derek Liu)
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
 
109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610109學年度新生座談暨課程說明會_20200610
109學年度新生座談暨課程說明會_20200610
 
About Usability可用性测试杂谈
About Usability可用性测试杂谈About Usability可用性测试杂谈
About Usability可用性测试杂谈
 
SCRUM
SCRUMSCRUM
SCRUM
 

[心得分享] 如何把使用者經驗做出來

  • 2. Agenda • It„s all about human ─ 從「使用者研究」到「易用性測試」 王派桓 Hoper Wang / D-Link 使用者經驗分析部經理 • Agile is not for UXers 劉宗剛 Derek Liu / 趨勢科技 Senior UI Designer • 使用性評估沒有告訴你的事 張雯琳 Ariel Chang / HTC Usability & User Research 資深工程師
  • 4. It„s all about human Session 1
  • 5. Reasons for everything 1. Why product design ? 有好設計的產品可以 維護世界和平 賣的更好 2. Why research and study ? 需使用者研究的 Support 去設計更好的產品 3. Testing vs. Study 要去研究問題背後的問題 (QBQ) 是什麼,了解使用者對產品的感覺
  • 8. Findings 1. Strong usability design 好用的東西,不一定受歡迎 2. Product distinction without difference 與 Facebook 的差異不大 3. Weak user perceived needs 使用者只要一個社群網站只要一個就夠了 4. Potential opportunities 結合相簿和部落格
  • 10. Findings 1. Many critical usability issues 介面設計的不良,造成許多使用上的問題 2. Usability issues could be causes, or results 服務/產品本身的概念、定位不清楚,造成使用性的問題 3. Product concept & brand confusion 我現在是在 Yahoo!拍賣還是購物商城呢?
  • 11. Findings from other users  我懷疑有多少人搞得清楚到底現在是逛到了超級商城,還是購物中心;為什麼 我在PChome買了東西,打去PChome客服又說不是找他們?剛剛不是逛到一 樣的商品說免運費,怎麼現在這個又說要湊到599才免運費?我要到哪邊湊? 我現在還在同一家店裡面嗎?如何讓顧客不致於在眼花撩亂的各家商店間轉到 頭暈而失去購物的性致,是未來可以更深入研究改善的課題。 http://mbainlife.blogspot.tw/2010/11/blog-post_22.html  一路銷售到去年年底,11 月左右突然發現整個月營業額狂跌,大概只有過往 的 1/4。仔細追查,發現原因是 Yahoo! 超級商城與 Yahoo! 拍賣的搜尋功能 分流,也就是原本在 Yahoo! 拍賣可以搜尋到 Yahoo! 超級商城的商品,改為 彼此分流運作,互不搜尋。對於發起於拍賣架構的超級商城來說,少了拍賣人 潮的加持,對於流量的影響極大,也導致商家營業額急速下滑的結果。 http://www.bearboss.com/?p=2368
  • 12. Research goals for Human 1. Not only well-defined UI testing items 除了定義清楚的測試項目外,要多去探詢「人性面」的問題 2. But also human cognitive & emotional perspectives 使用者對產品的認知與接觸時產生的情緒 3. Search for potential needs 使用者對產品的第一印象、認知的強度和使用情境為何
  • 13. Open Question for Human 1. How to use 使用者會如何使用 2. Whether to use 使用者會不會使用這項功能/產品 3. Why or why not to use 會用或不會用的原因
  • 14. Evaluation 1. Usable 產品是否好用 2. Useful 產品是否有用 3. Desirable 使用者是否會想用這個產品 Desirable  Useful  Usable
  • 16. Agile is not for UXers Session 2
  • 18. Agile
  • 22. Scrum 流程 – 趨勢科技
  • 33. Usability evaluation - HTC 1. Usability testing 測試的結果會讓 designer 接受,進而去對現有設計做修正 2. Interview 操作流程正確,但 user 不一定會接受並想要使用 3. Questionnaire 針對 user 的評分或與受測結果產生矛盾時提出問題
  • 34. Usability mistakes 1. Do You Know Why You're Testing? 解:要了解問題並找到測試的目標 2. Not Bringing the Team Together 解:讓參予的團隊成員了解自己的任務階段與狀況 3. Not Recruiting the Right Participants 解:找到正確的受測者 4. Not Designing the Right Tasks 解:以情境的方式告訴使用者去做一件 task 原文:http://www.uie.com/articles/usability_testing_mistakes/
  • 35. Usability mistakes (cont.) 5. Not Facilitating the Test Effectively 解:確保測試項是合理的並讓測試過程運作流暢 6. Not Planning How You'll Disseminate the Results 解:測試的結果給相關人員知道 7. Not Iterating to Test Potential Solutions 解:不要企圖在測試過程中找解決方法,要 focus 在問題上 原文:http://www.uie.com/articles/usability_testing_mistakes/
  • 36. After product release  對於客戶的反應進行後續的研究 EX: 開箱文和客服記錄  針對產品的使用習慣差異進行比較 短期 & 長期  蒐集相關的使用經驗,作為日後的新產品設計時參考 使用經驗是累積而成、因時而變的,當下的產品就可能會帶來 新的體驗和趨勢。
  • 37. Q & A
  • 38. • 邀請相關(質疑)人員參與 Usability Testing • 文案寫得愈 detail,user 愈容易忽略 – 測試結果文案最多大約 2 行半 – User 已經被訓練成看到 form 就會直接填 – 可設計成要填時再顯示出來的文案,才比較容易引起 user 的注意 – 透過 icon 和 color 去引起 user 的注意 • 給使用者做的任務測試,成功或失敗不是重點 – 重點是找出問題,找出失敗的原因 • 任何一個 feature 不是別人有,自己就一定要有 – 了解為何別人有這個 feature,評估自己是否需要 UiGathering Q & A
  • 39. Reference 1. It‟s all about Human http://www.slideshare.net/uigathering/its-all-about-human 2. Agile is not for Uxers http://www.slideshare.net/uigathering/uigathering-201207-slide-derek-liu 3. 使用性評估沒有告訴你的事
  • 40. Reference 4. 筆記 -- UiGathering 接力賽 “第三棒”:如何把使用者經驗「做」出 來? http://arlenyao.blogspot.tw/2012/07/uigathering.html 5. XAPPS 跨界交流協會 UiGathering 2012年七月份聚會 http://www.xapps.tw/article/285 6. Scrum框架下的跨界開發(6):UX設計師是屬於哪一國的? http://teddy-chen-tw.blogspot.tw/2012/07/scrum6ux.html
  • 42. Focus on the user and all else will follow Thank You