usability fail - psmg march 2012

115
#UsabilityFail Stop wasting your marketing budget on bad usability #PrecSem Mark Russell

Upload: precedent

Post on 16-May-2015

843 views

Category:

Technology


2 download

DESCRIPTION

Mark Russell's usability talk given at PSMG on 6 March 2012

TRANSCRIPT

Page 1: Usability fail - PSMG March 2012

#UsabilityFailStop wasting your marketing budget on bad usability #PrecSemMark Russell

Page 2: Usability fail - PSMG March 2012

Hearty Home Cooking Cookbook80+ expertsstrategy & research

branding & communicationsuser centred design

development & hostingcontent & publishing

Page 3: Usability fail - PSMG March 2012

22 yearsexperience

qualitystability

loyaltyresults

Page 4: Usability fail - PSMG March 2012

5 locationsLondon

EdinburghCardiff

Perth, AustraliaMelbourne, Australia

Page 5: Usability fail - PSMG March 2012

5 sectorsfinance

educationmembership organisations

healththird sector

Page 7: Usability fail - PSMG March 2012

Find our Precedent group on LinkedIn for a chance to find out more about our seminars, network, share ideas and quiz the Precedent team on seminar issues and more!

and follow us on twitter.com/Precedentcomms for Precedent news, seminar info and general observations

#PrecSem#usabilityfail

Page 8: Usability fail - PSMG March 2012
Page 9: Usability fail - PSMG March 2012
Page 10: Usability fail - PSMG March 2012

Usability and user experience

Page 11: Usability fail - PSMG March 2012

Usability

Desirability

User experience

“I can easily use it”

“I like the way it looks and feels”

“I like the product”

“Is the product useful

to me”

It starts by being useful...

Functionally people must be able to use it...

The way it looks must be pleasing...

The overall experience

Executing well on all of these areas creates a positive user experience. Research and testing is needed for each.

Utility

Page 12: Usability fail - PSMG March 2012

More than two thirds of companies (68%) recognise a strong link between long-term business performance and customer experience.Econsultancy Multichannel Customer Experience Report, 2010 http://econsultancy.com/uk/reports/multichannel-customer-experience-report

Page 13: Usability fail - PSMG March 2012

Hands up if you have a digital marketing budget

Quick straw poll:

Page 14: Usability fail - PSMG March 2012

Keep your hands up if you also have a usability or user experience budget

Quick straw poll:

Page 15: Usability fail - PSMG March 2012

Keep your hands up if your usability budget is the same or more than your digital marketing budget

Quick straw poll:

Page 16: Usability fail - PSMG March 2012

―Pay per click advertising

―Referrals from groomed sites

―Engaging social media

―Mobile sites & mobile apps

Page 17: Usability fail - PSMG March 2012

...and it’s a utter waste if they fail to convert

Page 18: Usability fail - PSMG March 2012

“Online ad spending set to hit $50B in 2015” – eMarketer, 2011

Page 19: Usability fail - PSMG March 2012

But it can still all be ruined by poor usability and experience

Is attracting visitors to your site inherently more valuable than making sure they have a good experience when they are there?

Page 20: Usability fail - PSMG March 2012

ConversionsThe funnel is getting fed but the wastage is high

Page 21: Usability fail - PSMG March 2012

Doubling conversions

=3,455 extra visitors

---- or ----53 extra conversions

Page 22: Usability fail - PSMG March 2012

Put another way, do you want to:Increase non-converting

(bad?) experience to 6,804---- or ----

Decrease the bad experiences?

Page 23: Usability fail - PSMG March 2012

Measuring the value of usability

Page 24: Usability fail - PSMG March 2012

Spend 10% = improve 83%Jakob Nielsen

Page 25: Usability fail - PSMG March 2012

Why usability fails

1. Lack of consistency2. Lack of clear navigation to

common goals3. Lack of orientation in the

process4. Lack of error handling5. A lack of clear closure6. No easy reversal of actions7. Lack of control8. Content is unclear and hard to

read9. Too much information/memory

required to perform an actionJakob Nielsen

Page 26: Usability fail - PSMG March 2012

Measuring the cost of bad usability

Page 27: Usability fail - PSMG March 2012

1. Use your analytics – check exits and bounces

Page 28: Usability fail - PSMG March 2012

― Brainstorm analytic findings

― Heuristic evaluation (“rules of thumb”)

― Conduct a (short) user survey

― Ask your customer services team/front line staff

― Track customer complaints (inc. on social media)

― Ask a (non-technical) colleague to do a task

― Assess site against your market/competitors

― Check how your site works without CSS

― Check what the experience is like on a mobile phone

― REMEMBER: You are not “normal” – you know too

much

2. Use DIY usability methods

Page 29: Usability fail - PSMG March 2012

3. Commission a professional study

Page 30: Usability fail - PSMG March 2012

What does it cost?

Page 31: Usability fail - PSMG March 2012
Page 32: Usability fail - PSMG March 2012
Page 33: Usability fail - PSMG March 2012

Examples

Page 34: Usability fail - PSMG March 2012

The University of Texas at AustinHow NOT to present a campus map http://bit.ly/eJOh8e (Expand) Sheesh! #UsabilityFAIL

Page 35: Usability fail - PSMG March 2012
Page 36: Usability fail - PSMG March 2012

Testing would have found this out

Page 37: Usability fail - PSMG March 2012

Mental modelfail

Page 38: Usability fail - PSMG March 2012

Common sense failure

Page 39: Usability fail - PSMG March 2012
Page 40: Usability fail - PSMG March 2012
Page 41: Usability fail - PSMG March 2012
Page 42: Usability fail - PSMG March 2012
Page 43: Usability fail - PSMG March 2012
Page 44: Usability fail - PSMG March 2012

Your examples?

Page 45: Usability fail - PSMG March 2012

1. Nothing should be more than three

clicks away

2. Your home page is seen the most; it

deserves more usability attention than

others

3. Written instructions simplify any online

process

4. People don’t scroll; anything “below the

fold” is missed

5. Every process must be simple

Some usability questions:

Page 46: Usability fail - PSMG March 2012

The golden rules

Page 47: Usability fail - PSMG March 2012

1. Users

Page 48: Usability fail - PSMG March 2012

You are not the user. Neither is your boss• What do they want to do?• What do you want them to do?• What barriers do they face?

Page 49: Usability fail - PSMG March 2012

The bad

Page 50: Usability fail - PSMG March 2012
Page 51: Usability fail - PSMG March 2012

What you can do

Page 52: Usability fail - PSMG March 2012
Page 53: Usability fail - PSMG March 2012
Page 54: Usability fail - PSMG March 2012
Page 55: Usability fail - PSMG March 2012

Dr Alan Mackintosh, GP, 40Key tasks• Alan is a busy man with little free time between work and

family life. He subscribes to updates from alumni relations and the events section of the site to keep up to date with new information

• He keeps an eye on upcoming events and lectures, trying to find time to attend one or two a year

• He finds and keeps in touch with other alumni though the website and especially enjoys reunions when they are arranged

• Research is another important area , keeping him up to date in his own area of expertise. Some old friends from his student days are now work at the University, and he is always interested in reading work they publish

You would like to promote• Alumni benefits and networking events/opportunities • Upcoming events and seminars particularly alumni events

and those related to medicine• New research that’s being carried out• News feeds, so that Alan can subscribe • How, when and where alumni can donate to the University

Persona 4: Alumni

“I keep an eye on upcoming events and research my old friends at the University are doing. News feeds are important as I’m a busy man”

Alan is a GP, living in Hertford, Herts, with his wife Alana and their two small children; Isla 9, and Hamish 7. Alana is pregnant, so there will soon be yet another addition to the family. After Alan graduated his first job was in Scotland, after which he moved to Cambridge for his GP training. His main interests are art history and photography, but he also enjoys bird watching, playing golf, art galleries, theatre, music and the pub - Alan is a big fan of real ale. He is not politically active, but he supports the coalition government.He accesses the internet both from his PC at work and at home using his laptop and his new iPad. Websites he visits are Flickr, the Independent, Amazon, eBay, Waitrose, Expedia, Wikipedia and Art. His parents live in Edinburgh so he is still in touch with the area and the local community. He has an interest in distance learning.

Web usage

Access to other information platforms

Use of your website

Strength of relationship with you

Page 56: Usability fail - PSMG March 2012

The good

Page 57: Usability fail - PSMG March 2012
Page 58: Usability fail - PSMG March 2012

1. You are not the user. Neither is your boss

2. Interactions

Page 59: Usability fail - PSMG March 2012

The bad

Page 60: Usability fail - PSMG March 2012
Page 61: Usability fail - PSMG March 2012
Page 62: Usability fail - PSMG March 2012

What you can do

Page 63: Usability fail - PSMG March 2012

Interactions checklist

• Labelling with explanations where required

• Mark mandatory fields clearly

• Let the computer handle errors

• Validate inline

• Informative error messages

• Clear calls to action

• Surrounding visual elements can support or

impair different aspects of user behaviour.

• If it’s not required, why ask for it?

Page 64: Usability fail - PSMG March 2012

The $300m button

Page 65: Usability fail - PSMG March 2012

The good

Page 66: Usability fail - PSMG March 2012
Page 67: Usability fail - PSMG March 2012

3. Accessibility

Page 68: Usability fail - PSMG March 2012

It’s more than just disabled users• Always remember users with physical and cognitive disabilities

• Also consider technological and cultural differences

Page 69: Usability fail - PSMG March 2012

What you can do

Page 70: Usability fail - PSMG March 2012
Page 71: Usability fail - PSMG March 2012
Page 72: Usability fail - PSMG March 2012
Page 73: Usability fail - PSMG March 2012
Page 74: Usability fail - PSMG March 2012
Page 75: Usability fail - PSMG March 2012

Culture, language and UX !

ArabicAbu Karim Muhammad al-Jamil ibn Nidal ibn Abdulaziz al-

Filistini

Father of Karim

Muhammad(Given name) The beautiful Son of Nidal

Son of Abdulaziz

The Palestinian

Page 76: Usability fail - PSMG March 2012

Culture, language and UX !

Page 77: Usability fail - PSMG March 2012

Culture, language and UX !

Page 78: Usability fail - PSMG March 2012

4. Consistency

Page 79: Usability fail - PSMG March 2012

Gently hold your user’s hand• Users learn from other sites• Don’t make them think• Visual and linguistic cues make a huge difference

Page 80: Usability fail - PSMG March 2012

The bad

Page 81: Usability fail - PSMG March 2012
Page 82: Usability fail - PSMG March 2012
Page 83: Usability fail - PSMG March 2012
Page 84: Usability fail - PSMG March 2012
Page 85: Usability fail - PSMG March 2012

What you can do

Page 86: Usability fail - PSMG March 2012
Page 87: Usability fail - PSMG March 2012
Page 88: Usability fail - PSMG March 2012

The good

Page 89: Usability fail - PSMG March 2012
Page 90: Usability fail - PSMG March 2012
Page 91: Usability fail - PSMG March 2012

5. Familiarity

Page 92: Usability fail - PSMG March 2012

We prefer things that are familiar to us.

Page 93: Usability fail - PSMG March 2012
Page 94: Usability fail - PSMG March 2012
Page 95: Usability fail - PSMG March 2012

Increase conversions by 10%

Page 96: Usability fail - PSMG March 2012

Increase conversions by 20%

Page 97: Usability fail - PSMG March 2012
Page 98: Usability fail - PSMG March 2012
Page 99: Usability fail - PSMG March 2012
Page 100: Usability fail - PSMG March 2012

We need to sell more savings accounts

Page 101: Usability fail - PSMG March 2012

I need a savings account

Page 102: Usability fail - PSMG March 2012

Decisions are rational and emotional

Page 103: Usability fail - PSMG March 2012

As a new parent, I want to save money, so that I can have enough put aside for when my son goes to university.

Page 104: Usability fail - PSMG March 2012
Page 105: Usability fail - PSMG March 2012

6. Strategy

Page 106: Usability fail - PSMG March 2012

How does your website align to your core business objectives?

Page 107: Usability fail - PSMG March 2012

Define your key performance indictors based on your goals and measure them

Page 108: Usability fail - PSMG March 2012

Business objective Goal KPI1 2 3

Page 109: Usability fail - PSMG March 2012

Business objective

Sell subscription packages for entertainment and communications

Build good will with existing customers

Effective marketing

Goal

Increase customers

Increase interest in products and services

Provide news and be an information resource

KPI

Monthly sales/revenue

Monthly unique visits

we

Number of returning visit

Number of registrations

1 2 3

Build a CRM

Page 110: Usability fail - PSMG March 2012

So We’ve measured the problem

We understand the range of techniques that could be used

We get what the trade off is between effort and results

Now, who is going to own this?

Page 111: Usability fail - PSMG March 2012

Attracting people to the site

Delivering what people do on

the site

Making

the site

work

Manage

site

Marketing

Services /

Products

Web TeamIT

Page 112: Usability fail - PSMG March 2012

Attracting people to the site

Delivering what people do on

the site

Making

the site

work

Manage

site

Marketing

Services /

Products

Web TeamITUsabilit

y

Page 113: Usability fail - PSMG March 2012

Spend 10% = improve

83%

Page 114: Usability fail - PSMG March 2012

Remember the golden rules!

1. Users2. Interactions3. Accessibility4. Consistency5. Familiarity6. Strategy

Page 115: Usability fail - PSMG March 2012

@PrecedentComms

#PrecSem

#UsabilityFail