25
USABILITY: MAKING THE STUFF BETTER THE ART OF MAKING GOOD: QA & UX (2)

Usabilty: making the stuff better

Embed Size (px)

Citation preview

Page 1: Usabilty: making the stuff better

THE ART OF MAKING GOOD:

USABILITY: MAKING THE STUFF BETTER

THE ART OF MAKING GOOD: QA & UX (2)

Page 2: Usabilty: making the stuff better

WHAT USABILITY IS

USABILITY

A measurable characteristic, that is

present to a greater or lesser degree, that describes how

effectively a user can interact with a product.

(Jeff Axup, userdesign.com)

The extent to which a product can be used by specified users to achieve

specified goals with effectiveness, efficiency and

satisfaction in a specified context of use.

(ISO 9241-11)

How effectively, efficiently and satisfactorily a user can

interact with a user interface. (usability.gov)

The degree of ease with which products such

as software and Web applications can be used to

achieve required goals effectively and efficiently.

(techopedia.com)

Page 3: Usabilty: making the stuff better

EXAMPLE OF USABILITY ISSUES FOUND ON

WEBSITES

Page 4: Usabilty: making the stuff better

vs

Page 5: Usabilty: making the stuff better

Check if the fields are marked as mandatory

Page 6: Usabilty: making the stuff better

See if the important details are mentioned and explained

Page 7: Usabilty: making the stuff better

Your language required each word with majuscules?

Page 8: Usabilty: making the stuff better

Pay attetion how you close the menu

Page 9: Usabilty: making the stuff better

Do not button!

Page 10: Usabilty: making the stuff better

Make sure that the action names are intuitive

Page 11: Usabilty: making the stuff better

All options can be easily accessed

Page 12: Usabilty: making the stuff better

Is the content ergonomic?

Page 13: Usabilty: making the stuff better

“Sliders are bad for both usability and SEO.” (Harrison Jones, Search Engine Land)

Page 14: Usabilty: making the stuff better

Double check to see if the font suports diacritics

Page 15: Usabilty: making the stuff better

The colors used for some actions don’t need to be used for other actions/elements and the cursor need to be in the field

Page 16: Usabilty: making the stuff better

Icon apps near social apps

Page 17: Usabilty: making the stuff better

Stay away from confusing messages.

Page 18: Usabilty: making the stuff better

Which download option should I use?

Page 19: Usabilty: making the stuff better

Which login option should I use?

Page 20: Usabilty: making the stuff better

Why do you want to make me to wait?

Page 21: Usabilty: making the stuff better

People run adblocker

Page 22: Usabilty: making the stuff better

Autoplay videos are not just annoying, but can make the navigation difficult

Page 23: Usabilty: making the stuff better

Move the page on the desktop like on the touchscreens

Page 24: Usabilty: making the stuff better

Not having an “up” button to go back to the beggining of the page

Page 25: Usabilty: making the stuff better

QUESTIONS?