Web Usability in the Enterprise Andre Charland Co-Founder and CEO Nitobi

First Off.. The user interface is the application stupid!

The user interface is the application stupid!

Usability is Learnability Efficiency Memorability Errors Satisfaction

Learnability

Efficiency

Memorability

Errors

Satisfaction

I’m talking about Practices Pitfalls and Myths Tools Show and Tell

Practices

Pitfalls and Myths

Tools

Show and Tell

User Goals Achievement Task Completion Empathize with your users Define tasks and personas They shouldn’t notice your app

Achievement

Task Completion

Empathize with your users

Define tasks and personas

They shouldn’t notice your app

Design User interface patterns Mock Ups Paper Prototypes Keep it simple, but not too simple Familiar vs. intuitive

User interface patterns

Mock Ups

Paper Prototypes

Keep it simple, but not too simple

Familiar vs. intuitive

Benefits? Higher rates of task success Happier users More efficient users Saving time for users ROI

Higher rates of task success

Happier users

More efficient users

Saving time for users

ROI

ROI? Hourly (Loaded) Labor Rate X Time Saved per Transaction X Number of Transactions per year

Hourly (Loaded)

Labor Rate

X

Time Saved per Transaction

X

Number of Transactions per year

Calculate it Assumptions: Hourly Labor Rate: $20 Seconds Saved per Transaction: 36 Seconds Number of Transactions per year: 50,000 Savings: $10,000 500 Person Hours

Assumptions:

Hourly Labor Rate: $20

Seconds Saved per Transaction: 36 Seconds

Number of Transactions per year: 50,000

Savings:

$10,000

500 Person Hours

Usability Testing Doesn’t have to expensive Has to be done What to test: Time for task completion Accuracy (# of mistakes Recall User satisfaction

Doesn’t have to expensive

Has to be done

What to test:

Time for task completion

Accuracy (# of mistakes

Recall

User satisfaction

How to do it: Recruit users Design scenarios Participant Narration No egos Record the session Test small, test often

Recruit users

Design scenarios

Participant Narration

No egos

Record the session

Test small, test often

Pitfalls and Myths Broken back button? Bookmarking Performance

Broken back button?

Bookmarking

Performance

Broken Back Button

What Users Expect

FIX # For sourced download get Chapter 8 or Enterprise Ajax @ blogs.nitobi.com/dave

#

Performance Perceived vs Real Main Factors: Task complexity Jitter (variability of latency ) Wait time

Perceived vs Real

Main Factors:

Task complexity

Jitter (variability of latency )

Wait time

Technical Performance Tips Take advantage of Caching Reduce File Count Optimize JavaScript gZIP JavaScript and CSS

Take advantage of Caching

Reduce File Count

Optimize JavaScript

gZIP JavaScript and CSS

Tools Patterns Design Tools Analysis

Patterns

Design Tools

Analysis

Patterns Yahoo Pattern Library AjaxPatterns.org

Yahoo Pattern Library

AjaxPatterns.org

Mock Ups and Wireframes

Analysis Robot Replay Demo

Robot Replay Demo

Data Analysis Anecdote Microsoft designed the new office UI, the ribbon, based on lots of data 1.2 billion data sessions collected ~1.8 million sessions per day In 90 days, they tracked 352 million command bar clicks in Word Tracked 6000 individual datapoints

Microsoft designed the new office UI, the ribbon, based on lots of data

1.2 billion data sessions collected

~1.8 million sessions per day

In 90 days, they tracked 352 million command bar clicks in Word

Tracked 6000 individual datapoints

Show and Tell

Copy and Paste

eCommerce Single Page Check Out

Single Page Check Out

Searching

In Context Soca inline editing

Soca inline editing

Action Plan Recognize the need for usability Get management support Devote specific resources Integrate systematic practices Test all interfaces for usability

Recognize the need for usability

Get management support

Devote specific resources

Integrate systematic practices

Test all interfaces for usability