25
IGD 343 INTERACTIVE & GAME DESIGN 3 WK 4 คคคคคคคคคคคคค Design Usability คคคคคคคคคคคคคคคคคคคคคคค Design Usability

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

Embed Size (px)

DESCRIPTION

.

Citation preview

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

IGD 343INTERACTIVE & GAMEDESIGN 3

WK 4ความสำ�าค�ญของ Design Usability ข อควรค�านึ�งในึการออกแบบ Design Usability

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

ความสำ�าค�ญของ Design Usability

&ข อควรค�านึ�งถึ�งการออกแบบ

Design Usability

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

Usability( หมายถึ�งอะไร? )

?

??

?

? ??

??

?

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

Usability

++

+

+ +

++

+

Us-a-bleซึ่��งหมายถึ�ง การใช้�งานได้�โด้ยสะด้วก, สามารถึ

ใช้�งานได้�ในทางคอมพิ�วเตอร�แล้�ว Usability หมายถึ�ง ความม!ประส�ทธิ�ภาพิ, ประส�ทธิ�ผล้ แล้ะความพิ��งพิอใจ ในการใช้�งานระบบ โด้ย

สามารถึใช้�ได้�ง(าย เร!ยนร) �ได้�ง(าย จ*าได้�ง(าย สน+กท!�จะใช้� แล้ะสามารถึแก�ไขป-ญหาได้�โด้ยง(าย

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

สำร�ปแล้ วสำ�าค�ญอย�างไร ?

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

Usability ถึ/อว(าเป0นห1วข�อแรกใน เร/�องของค+ณภาพิของ Software เล้ยท!เด้!ยว ในความค�ด้ของเราก3แค(พิ1ฒนาซึ่อฟแวร�ให�ใช้�ได้�ง(ายก3น(าจะจบ แต(จร�งๆม1นไม(ใช้(แค(น17น ท+กว1นน!7ศาสตร�ของ Usability น1�นก�าวไปไกล้แนวค�ด้เร/�องน!7

จะเน�นท!�ความง(ายในการใช้�งานเพิ/�อให�บรรล้+ว1ตถึ+ประสงค� แทนท!�จะเป0นการเพิ��ม Feature & Function เข�าไปให�มาก ( ซึ่��งเป0นแนวค�ด้

เก(าๆ )

Page 7: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]
Page 8: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]
Page 9: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]

ข อควรค�านึ�งถึ�งการออกแบบ Design Usability

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

CONCEPTTO

DESIGN USABILITY

5

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

Learnabilityผู้� ใช้ สำามารถึเร"ยนึร� การใช้ ได้ ง�าย

1ง(ายโด้ยท!�ผ)�ใช้�สามารถึใช้�งานได้�เองไม(ต�องพิ!�งค)(ม/อการใช้�

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

Efficiencyผู้� ใช้ สำามารถึจด้จ�าการใช้ งานึได้ ง�าย

2กล้1บเข�ามาใช้�คร17งถึ1ด้มาต�องผ)�ใช้�จ*าได้�ว(าอะไรอย)(ตรงไหน

ไม(เส!ยเวล้า ไม(หล้งทาง

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

Memorabilityผู้� ใช้ สำามารถึใช้ งานึได้ อย�างม"ประสำ%ทธิ%ภาพ

3ท*างานท!�ต�องการส*าเร3จได้�อย(างรวด้เร3วแล้ะถึ)ก

ต�อง ไม(ว(าจะเป0น การค�นหา การถึามตอบ

การท*าธิ+รกรรมออนไล้น�

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

Few Errorsต้ องแทบจะไม�พบข อผู้%ด้พล้าด้ (Errors)

4ไม(ใช้(ไม(ม! errors เล้ย

การพิ1ฒนาท!�ไม(ม! errors เล้ยเป0นไปได้�ยาก ขนาด้ซึ่อฟต�แวร�หร/อเว3บไซึ่ต�ระด้1บโล้กก3ย1งม!

errors

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

Satisfactionผู้� ใช้ ม"ความพ�งพอใจในึการใช้ งานึ

5ใช้�แล้�วร) �ส�กม!ความส+ขอยากกล้1บมาใช้�อ!ก

อยากอย)(บนไซึ่ต�น!7หร/อ Application น!�นานๆ

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

WIREFRAME

Page 17: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]
Page 18: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]

http://www.youtube.com/watch?v=70hfU7_95Gwhttp://balsamiq.com

Page 19: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]
Page 20: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]
Page 21: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]
Page 22: W.4 - IGD 343 INTERACTIVE DESIGN 3 [ 2557 ]

“ User-Friendly ”

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

Usability ต้�างก�บค�าว�า

“ User-Friendly ”อย�างไร?

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

Concept ของ “ User-Friendly ” ในศาสตร�ของว�ช้า HCI ให�ค*าแนะน*าไว�ว(า ไม(ควรใช้�ค*าว(า User Friendly เล้ย เพิราะในความเป0นจร�งแล้�วผ)�ใช้�ระบบไม(ได้�อยากเป0นเพิ/�อนก1บเคร/�องจ1กร ค*าว(า “ friendly ” ควรใช้�ก1บส��งม!ช้!ว�ตเท(าน17น นอกจากน!7ค*าว(า “ User-Friendly ” ย1งเป0นค*าท!�คล้+มเคร/อในแง(ของความหมายของการปฏิ�ส1มพิ1นธิ�ระหว(างมน+ษย�แล้ะคอมพิ�วเตอร�

USERFRIENDLYGRAM?.

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