usability engineering

23
USABILITY ENGINEERING The 60 Second Battle: Keeping the Visitor Prasanth Balan Pilla [email protected]

Upload: prasanth-pillai

Post on 28-Jan-2015

252 views

Category:

Technology


1 download

DESCRIPTION

A compiled presentation

TRANSCRIPT

Page 1: Usability engineering

USABILITY ENGINEERINGThe 60 Second Battle: Keeping the Visitor

Prasanth Balan [email protected]

Page 2: Usability engineering

Usability

Usability is how easy an object is to use Usability is comprised of learnability,

memorability, efficiency, satisfaction and errors.

Page 3: Usability engineering

What?

Usability engineering is a field that is concerned generally with human-computer interaction and specifically with making human-computer interfaces that have high usability or user friendliness.

Page 4: Usability engineering

Why?

More visitors = More money The first minute of a visit to your website is

the most important User Pattern:

The first 30 or so seconds (hopefully less than that) after typing in your URL or clicking on a link, the visitor waits for your site to download

Next 30 seconds, the user will look around the home page and look out for the information(if they are looking for)

Page 5: Usability engineering

10 Deadly Mistakes in a Website Design

1. Slow Download Time2. Poor Choice of Background and Text Colors3. BLINKing evil!4. Frames5. Endlessly Scrolling Page6. This Site is Under Construction7. Background Sound8. Inconsistent Design/Layout9. Designing for a Specific Browser/Color

Setting/Screen Resolution10. Spelling and HTML Mistakes

Page 6: Usability engineering

Cases#1: Bad First Impression

Page 7: Usability engineering

Cases#1: Good First Impression

Page 8: Usability engineering

Cases#2: Worst Navigation

Page 9: Usability engineering

Cases#2: Good Navigation

Page 10: Usability engineering

Case #3: Search functionality

Page 11: Usability engineering

Case #4: Content Usability

Page 12: Usability engineering

Case #4: Content Usability

Page 13: Usability engineering

Case #5: Images to Support Content

Page 14: Usability engineering

Case #5: Images to Support Content

Page 15: Usability engineering

Case #6: Videos to Enhance Content

Page 16: Usability engineering

Case #7: Fast Loading Web Pages

Clean and fast loading page will attract user

User hates waiting time Use of multiple domains, CDNs should be

encouraged Compress CSS, Javascript! Use tools like Yslow!, Google PageSpeed

etc to analyze and optimize the content Use proper tags

Page 17: Usability engineering
Page 18: Usability engineering

Heatmaps from user eyetracking studies of three websites. The areas where users looked the most are colored red; the yellow areas indicate fewer views, followed by the least-viewed blue areas. Gray areas didn't attract any fixations.

Source: useit.com

Page 19: Usability engineering

In-page analysis provided by Google Analytics

Page 20: Usability engineering

SEO and Usability

Identify Goals Identify Your Audience Checkout Your Competitors Usability Testing Titles / Heading Tags Keywords Landing Doorway Pages Links Structure

Page 21: Usability engineering

Usability Testing

Usability Testing is a technique used to evaluate a product by testing is on users

Types: Hallway Testing Remote Usability Testing Expert Review Questionnaires and Interviews Do-it-Yourself Walkthrough

Page 22: Usability engineering

Questions?

Page 23: Usability engineering

Thanks…!

Share your feedback to:[email protected]

Source:Various authors on UsabilityGeek.comUseit.comWikipedia.com