SlideShare a Scribd company logo
IGD 343 
INTERACTIVE & GAME 
DESIGN 3 
WK 4 
ความสา คัญของ Design Usability 
ข้อควรคานึงในการออกแบบ Design Usability
ความสา คัญของ 
Design Usability 
& 
ข้อควรคานึงถึงการออกแบบ 
Design Usability
Usabi 
lity 
( หมายถึงอะไร? ) 
? 
? 
? ? 
? ? 
? 
? 
? 
?
Usabi 
lity 
+ 
+ + 
+ + 
+ 
+ 
+ 
Us-a- 
ซึง่หมายถึง กาbรใชl้งeานได้โดยสะดวก, 
สามารถใช้งานได้ในทางคอมพิวเตอร์แล้ว 
Usability หมายถึง ความมีประสิทธิภาพ, 
ประสิทธิผล และความพึง่พอใจ ในการใช้งาน 
ระบบ โดยสามารถใช้ได้ง่าย เรียนรู้ได้ง่าย จา 
ได้ง่าย สนุกทีจ่ะใช้และสามารถแก้ไขปญัหา
สรุปแล้ว 
สา คัญอย่างไร ?
Usability ถือว่าเป็นหัวข้อแรกใน เรือ่งของ 
คุณภาพของ Software เลยทีเดียว ใน 
ความคิดของเราก็แค่พัฒนาซอฟแวร์ให้ใช้ได้ 
ง่ายก็น่าจะจบ แต่จริงๆมันไม่ใช่แค่นั้น ทุก 
วันนี้ศาสตร์ของ Usability นัน่ก้าวไปไกล 
แนวคิดเรือ่งนี้จะเน้นทีค่วามง่ายในการใช้งาน 
เพือ่ให้บรรลุวัตถุประสงค์แทนทีจ่ะเป็นการ 
เพิม่Feature & Function เข้าไปให้มาก ( 
ซึง่เป็นแนวคิดเก่าๆ
ข้อควรคานึงถึงการออกแบบ 
Design Usability
CONCEPT 
TO 
DESIGN USABILITY
1 
Learnability 
ผู้ใช้สามารถเรียนรู้การใช้ได้ง่าย 
ง่ายโดยทีผู่้ใช้สามารถใช้งาน 
ได้เองไม่ต้องพีง่คู่มือการใช้
2 
Efficiency 
ผู้ใช้สามารถจดจา การใช้งานได้ง่าย 
กลับเข้ามาใช้ครัง้ถัดมาต้อง 
ผู้ใช้จา ได้ว่าอะไรอยู่ตรงไหน 
ไม่เสียเวลา ไม่หลงทาง
3 
Memorability 
ผู้ใช้สามารถใช้งานได้อย่างมีประสิทธิภาพ 
ทา งานทีต่้องการสา เร็จได้อย่างรวดเร็วและ 
ถูกต้อง 
ไม่ว่าจะเป็น การค้นหา การถามตอบ 
การทาธุรกรรมออนไลน์
4 
Few Errors 
ต้องแทบจะไม่พบข้อผิดพลาด (Errors) 
ไม่ใช่ไม่มีerrors เลย 
การพัฒนาทีไ่ม่มีerrors เลยเป็นไปได้ยาก 
ขนาดซอฟต์แวร์หรือเว็บไซต์ระดับโลกก็ยังมี 
errors
5 
Satisfaction 
ผู้ใช้มีความพึงพอใจในการใช้งาน 
ใช้แล้วรู้สึกมีความสุข 
อยากกลับมาใช้อีก 
อยากอยู่บนไซต์นี้หรือ Application นี่นานๆ
WIREFRAME
http://balsamiq.com 
http://www.youtube.com/watch?v=70hfU7_95Gw
“ User-Friendly ”
Usability 
ต่างกับคา ว่า 
“ User-Friendly ” 
อย่างไร?
USER 
?. FRIENDLYGRAM 
Concept ของ “ User-Friendly ” 
ในศาสตร์ของวิชา HCI ให้คาแนะนาไว้ว่า 
ไม่ควรใช้คาว่า User Friendly เลย 
เพราะในความเป็นจริงแล้วผู้ใช้ระบบ 
ไม่ได้อยากเป็นเพือ่นกับเครือ่งจักร 
คา ว่า “ friendly ” ควรใช้กับสิง่มีชีวิตเท่านั้น 
นอกจากน้คีา ว่า “ User-Friendly ” 
ยังเป็นคา ทีค่ลุมเครือในแง่ของความหมาย 
ของการปฏิสัมพันธ์ระหว่างมนุษย์และคอมพิวเตอร์
W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]

More Related Content

Viewers also liked

Mattsson et al lbwo pva v2
Mattsson et al lbwo pva v2Mattsson et al lbwo pva v2
Mattsson et al lbwo pva v2
Brady Mattsson
 
Cancionppt
CancionpptCancionppt
Cancionppt
Fabiola Montiel
 
Storyboard powerpoint
Storyboard powerpointStoryboard powerpoint
Storyboard powerpoint
ronae001
 
Boston Spark Meetup event Slides Update
Boston Spark Meetup event Slides UpdateBoston Spark Meetup event Slides Update
Boston Spark Meetup event Slides Update
vithakur
 
Webinar 3rd feb 2014 with core team sfb cads final
Webinar 3rd feb 2014 with core team sfb cads finalWebinar 3rd feb 2014 with core team sfb cads final
Webinar 3rd feb 2014 with core team sfb cads final
Brady Mattsson
 
Galvanise NYC - Scaling R with Hadoop & Spark. V1.0
Galvanise NYC - Scaling R with Hadoop & Spark. V1.0Galvanise NYC - Scaling R with Hadoop & Spark. V1.0
Galvanise NYC - Scaling R with Hadoop & Spark. V1.0
vithakur
 

Viewers also liked (6)

Mattsson et al lbwo pva v2
Mattsson et al lbwo pva v2Mattsson et al lbwo pva v2
Mattsson et al lbwo pva v2
 
Cancionppt
CancionpptCancionppt
Cancionppt
 
Storyboard powerpoint
Storyboard powerpointStoryboard powerpoint
Storyboard powerpoint
 
Boston Spark Meetup event Slides Update
Boston Spark Meetup event Slides UpdateBoston Spark Meetup event Slides Update
Boston Spark Meetup event Slides Update
 
Webinar 3rd feb 2014 with core team sfb cads final
Webinar 3rd feb 2014 with core team sfb cads finalWebinar 3rd feb 2014 with core team sfb cads final
Webinar 3rd feb 2014 with core team sfb cads final
 
Galvanise NYC - Scaling R with Hadoop & Spark. V1.0
Galvanise NYC - Scaling R with Hadoop & Spark. V1.0Galvanise NYC - Scaling R with Hadoop & Spark. V1.0
Galvanise NYC - Scaling R with Hadoop & Spark. V1.0
 

Recently uploaded

Artificial Intelligence in Education2.pdf
Artificial Intelligence in Education2.pdfArtificial Intelligence in Education2.pdf
Artificial Intelligence in Education2.pdf
Prachyanun Nilsook
 
เรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdf
เรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdfเรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdf
เรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdf
ssuser0ffe4b
 
ความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdf
ความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdfความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdf
ความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdf
Pattie Pattie
 
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกันbio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
CholapruekSangkamane1
 
ส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docx
ส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docxส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docx
ส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docx
ArnonTonsaipet
 
ภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติ
ภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติ
ภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติ
Faculty of BuddhismMahachulalongkornrajavidyalaya Roi Et Buddhist College
 

Recently uploaded (6)

Artificial Intelligence in Education2.pdf
Artificial Intelligence in Education2.pdfArtificial Intelligence in Education2.pdf
Artificial Intelligence in Education2.pdf
 
เรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdf
เรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdfเรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdf
เรียนภาษาจีนด้วยตนเอง ฟรี ๒๔ ชั่วโมง.pdf
 
ความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdf
ความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdfความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdf
ความสุจริตทางวิชาการ “เชื่อมไทยเชื่อมโลก”.pdf
 
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกันbio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
 
ส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docx
ส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docxส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docx
ส่วนหน้า สมฐ. วิทยาศาสตร์ ม.1 เล่ม 1.docx
 
ภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติ
ภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติ
ภาษาอังกฤษ สำหรับนักวิปัสสนา เพื่อฝึกปฎิบัติ
 

W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]

  • 1. IGD 343 INTERACTIVE & GAME DESIGN 3 WK 4 ความสา คัญของ Design Usability ข้อควรคานึงในการออกแบบ Design Usability
  • 2. ความสา คัญของ Design Usability & ข้อควรคานึงถึงการออกแบบ Design Usability
  • 3. Usabi lity ( หมายถึงอะไร? ) ? ? ? ? ? ? ? ? ? ?
  • 4. Usabi lity + + + + + + + + Us-a- ซึง่หมายถึง กาbรใชl้งeานได้โดยสะดวก, สามารถใช้งานได้ในทางคอมพิวเตอร์แล้ว Usability หมายถึง ความมีประสิทธิภาพ, ประสิทธิผล และความพึง่พอใจ ในการใช้งาน ระบบ โดยสามารถใช้ได้ง่าย เรียนรู้ได้ง่าย จา ได้ง่าย สนุกทีจ่ะใช้และสามารถแก้ไขปญัหา
  • 6. Usability ถือว่าเป็นหัวข้อแรกใน เรือ่งของ คุณภาพของ Software เลยทีเดียว ใน ความคิดของเราก็แค่พัฒนาซอฟแวร์ให้ใช้ได้ ง่ายก็น่าจะจบ แต่จริงๆมันไม่ใช่แค่นั้น ทุก วันนี้ศาสตร์ของ Usability นัน่ก้าวไปไกล แนวคิดเรือ่งนี้จะเน้นทีค่วามง่ายในการใช้งาน เพือ่ให้บรรลุวัตถุประสงค์แทนทีจ่ะเป็นการ เพิม่Feature & Function เข้าไปให้มาก ( ซึง่เป็นแนวคิดเก่าๆ
  • 7.
  • 8.
  • 10. CONCEPT TO DESIGN USABILITY
  • 11. 1 Learnability ผู้ใช้สามารถเรียนรู้การใช้ได้ง่าย ง่ายโดยทีผู่้ใช้สามารถใช้งาน ได้เองไม่ต้องพีง่คู่มือการใช้
  • 12. 2 Efficiency ผู้ใช้สามารถจดจา การใช้งานได้ง่าย กลับเข้ามาใช้ครัง้ถัดมาต้อง ผู้ใช้จา ได้ว่าอะไรอยู่ตรงไหน ไม่เสียเวลา ไม่หลงทาง
  • 13. 3 Memorability ผู้ใช้สามารถใช้งานได้อย่างมีประสิทธิภาพ ทา งานทีต่้องการสา เร็จได้อย่างรวดเร็วและ ถูกต้อง ไม่ว่าจะเป็น การค้นหา การถามตอบ การทาธุรกรรมออนไลน์
  • 14. 4 Few Errors ต้องแทบจะไม่พบข้อผิดพลาด (Errors) ไม่ใช่ไม่มีerrors เลย การพัฒนาทีไ่ม่มีerrors เลยเป็นไปได้ยาก ขนาดซอฟต์แวร์หรือเว็บไซต์ระดับโลกก็ยังมี errors
  • 15. 5 Satisfaction ผู้ใช้มีความพึงพอใจในการใช้งาน ใช้แล้วรู้สึกมีความสุข อยากกลับมาใช้อีก อยากอยู่บนไซต์นี้หรือ Application นี่นานๆ
  • 17.
  • 19.
  • 20.
  • 21.
  • 23. Usability ต่างกับคา ว่า “ User-Friendly ” อย่างไร?
  • 24. USER ?. FRIENDLYGRAM Concept ของ “ User-Friendly ” ในศาสตร์ของวิชา HCI ให้คาแนะนาไว้ว่า ไม่ควรใช้คาว่า User Friendly เลย เพราะในความเป็นจริงแล้วผู้ใช้ระบบ ไม่ได้อยากเป็นเพือ่นกับเครือ่งจักร คา ว่า “ friendly ” ควรใช้กับสิง่มีชีวิตเท่านั้น นอกจากน้คีา ว่า “ User-Friendly ” ยังเป็นคา ทีค่ลุมเครือในแง่ของความหมาย ของการปฏิสัมพันธ์ระหว่างมนุษย์และคอมพิวเตอร์

Editor's Notes

  1. http://www.narisa.com/forums/index.php?app=blog&blogid=6&showentry=564
  2. http://www.tcdc.or.th/src/8670/www-tcdcconnect-com/Creative-Space-Workshop--Design-Usability-for-Digital-Consumer-Behavior-%E0%B9%82%E0%B8%94%E0%B8%A2-Brand-Baker
  3. http://www.narisa.com/forums/index.php?app=blog&blogid=6&showentry=564
  4. http://www.narisa.com/forums/index.php?app=blog&blogid=6&showentry=564
  5. http://www.narisa.com/forums/index.php?app=blog&blogid=6&showentry=564
  6. http://www.tcdc.or.th/src/8670/www-tcdcconnect-com/Creative-Space-Workshop--Design-Usability-for-Digital-Consumer-Behavior-%E0%B9%82%E0%B8%94%E0%B8%A2-Brand-Baker
  7. http://www.trondream.com/2013/07/30/usability/
  8. http://www.gotoknow.org/posts/492052
  9. http://www.gotoknow.org/posts/492052
  10. http://www.gotoknow.org/posts/492052
  11. http://www.gotoknow.org/posts/492052
  12. Human Computer Interaction http://www.trondream.com/2013/07/30/usability/