Usability Introduction slide

http://usabilitymalaysia.wordpress.com

Mohd Khairulnizam Md Dahari

USABILITY INTRODUCTION

USABILITY INTRODUCTION

1. Introduction

2. Web usability fundamental guidelines

3. Evaluation & Testing

4. Usability Practices in MIMOS

Presentation Outline

1. Introduction

What is usability? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Characteristics Effectiveness How much user can accomplish tasks without error Learnability How fast user can learn to use the product & remember it Efficiency How fast user can accomplish tasks consistently Satisfaction How much does users like to use the product

Examples:

Printed materials

Software

Hardware

Mobile devices

Fighter jet

…

… sky is the limit

Have you ever …

Why usability is important? www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Gotten lost in a website? Left a site without finding information you wanted? Waited too long for a page to download? Gone to a site you can’t view or read? Visited a website with an outdated information?

Why usability is important?

People cannot find the information they seek on Web sites about 60% of the time.

Benefits of usability

To users:

Satisfied & not frustrated with the product

Enjoy interacting with the product

Achieve their goals effectively & efficiently

Cultivate confidence & trust in the product

Benefits of usability

To organizations:

Reduce development time & cost

Reduce training effort & user errors

Increase Return on Investment ( ROI )

1. Introduction

“ Don’t make me think!”

- Steve Krug

Which is seems clickable?

1, 3, 4, 6, 7, 11 are links

2, 5, 8, 9, 10 aren’t

How designers think users read web pages

How users really use the web

Look for something interesting

They don’t read, they scan

Users won’t read text thoroughly

First two paragraphs must state the most important information

What organizations want…

Promote latest offer

Clear out inventory

Hide information from competitors

Branding

Run Adsenses, get paid

What users really want…

Get the answer to their questions

Eg: price, product info, reviews

Get done, and get out

User needs VS organization needs

Sample websites:

Visual hierarchy www.mimos.my © 2008 MIMOS Berhad. All Rights Reserved. Visual hierarchy – Controlling user focus Definition “ Arrangement of elements according to importance and emphasis. Typically, this involves emphasizing certain elements in order to influence the user to look at and interact with a certain item first, another item second, yet another item third, and so on.” Sources: Lisa Graham, The Principles of Interactive Design, 1999 How to achieve? Use size, visual weight, color and position to generate contrast and direct the user’s attention. Establish a single large central area for users to complete main tasks

Visual hierarchy

Visual hierarchy – Controlling user focus

Definition:

“ Arrangement of elements according to importance and emphasis. Typically, this involves emphasizing certain elements in order to influence the user to look at and interact with a certain item first, another item second, yet another item third, and so on.”

- Sources: Lisa Graham, The Principles of Interactive Design, 1999

How to achieve?

Use size , visual weight , color and to generate contrast and direct the user’s attention.

Establish a single large central area for users to complete main tasks

Banner blindness

Elements often ignored by users:

Colorful or animated images, text or banners

Looks like banner advertisement

1. Introduction

Interviews / observations

Focus groups

Heuristic evaluation

Round-robin reviews

Paper prototype test

Usability testing

Questionnaires

Group review / walkthrough

…

“ If the user can’t find it,

It isn’t there!”

How many users to test?

Test with 8 users

Iteration #1

Test with 3 users

Iteration #2

Test with 3 users

Issues / design that work

User’s path

Body language

Quotes

Assumption & Conclusion

Suggestions

Task execution time

1. Introduction

Q & A

Usability Introduction slide

2 comments

Notes on slide 1

4 Favorites