A compiled presentation

1. USABILITY
ENGINEERING
The 60 Second Battle: Keeping the
Visitor
Prasanth Balan Pillai
prasanthb@live.in

2. Usability
 Usability is how easy an object is to use
 Usability is comprised of
learnability, memorability, efficiency, satisfactio
n and errors.

3. 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.

4. 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)

5. 10 Deadly Mistakes in a Website
Design
1. Slow Download Time
2. Poor Choice of Background and Text Colors
3. BLINKing evil!
4. Frames
5. Endlessly Scrolling Page
6. This Site is Under Construction
7. Background Sound
8. Inconsistent Design/Layout
9. Designing for a Specific Browser/Color
Setting/Screen Resolution
10. Spelling and HTML Mistakes

6. Cases#1: Bad First Impression

7. Cases#1: Good First
Impression

8. Cases#2: Worst Navigation

9. Cases#2: Good Navigation

10. Case #3: Search functionality

11. Case #4: Content Usability

12. Case #4: Content Usability

13. Case #5: Images to Support
Content

14. Case #5: Images to Support
Content

15. Case #6: Videos to Enhance
Content

16. 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

18. 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

19. In-page analysis provided by Google Analytics

20. SEO and Usability
 Identify Goals
 Identify Your Audience
 Checkout Your Competitors
 Usability Testing
 Titles / Heading Tags
 Keywords
 Landing Doorway Pages
 Links
 Structure

21. 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

22. Questions?

23. Thanks…!
Share your feedback to:
prasanthb@live.in
Source:
Various authors on UsabilityGeek.com
Useit.com
Wikipedia.com