usability fail-20102011

155
#UsabilityFail Stop wasting your Marketing Budget on Bad Usability #PrecSem Darren Amer

Upload: precedent

Post on 16-May-2015

931 views

Category:

Technology


0 download

DESCRIPTION

#UsabilityFail - Stop wasting your Marketing Budget on Bad Usability and the Golden rules of usability

TRANSCRIPT

Page 1: Usability fail-20102011

#UsabilityFailStop wasting your Marketing Budget on Bad Usability #PrecSemDarren Amer

Page 2: Usability fail-20102011

“Please use yellow button to flush the toilet. Not red as that will stop the train”.

Announced on train:

Train stopped.

#UsabilityFail

Page 3: Usability fail-20102011

Usability vs. User Experience

Page 4: Usability fail-20102011

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 5: Usability fail-20102011

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 6: Usability fail-20102011

Hands up if you have a digital marketing budget

Quick straw poll:

Page 7: Usability fail-20102011

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

Quick straw poll:

Page 8: Usability fail-20102011

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

Quick straw poll:

Page 9: Usability fail-20102011

―Pay Per Click paid advertising

―Referrals from groomed sites

―Engaging Social Media

―Mobile sites & mobile apps

developed

―SEO Landing pages optimised

Page 10: Usability fail-20102011

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

Page 11: Usability fail-20102011

Is attracting people to the site inherently more effective than converting people on the site?

Page 12: Usability fail-20102011
Page 13: Usability fail-20102011

ConversionsThe funnel is getting fed but the wastage is high

Page 14: Usability fail-20102011

Doubling Conversions

=3,455 extra visitors

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

Page 15: Usability fail-20102011

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

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

Decrease the non-converting (bad?) experiences?

Page 16: Usability fail-20102011

Is bad usability hurting your brand?

Page 17: Usability fail-20102011

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

Page 18: Usability fail-20102011

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

Page 19: Usability fail-20102011

How do you measure the value of usability?

Page 20: Usability fail-20102011

Spend 10% = Improve 83%Jakob Nielsen

Page 21: Usability fail-20102011

Why usability fails

Jakob Nielsen

Page 22: Usability fail-20102011

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 action… WHY?

Jakob Nielsen

Page 23: Usability fail-20102011
Page 24: Usability fail-20102011

Examples:

Page 25: Usability fail-20102011

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

Page 26: Usability fail-20102011
Page 27: Usability fail-20102011

Usability FailTesting would have found this out...?

Page 28: Usability fail-20102011

Testing would have found this out...?

Page 29: Usability fail-20102011

Customer/user research would have found this out

Page 30: Usability fail-20102011

End-to-end testing would have found this out

Page 31: Usability fail-20102011

End-to-end testing would have found this out

Page 32: Usability fail-20102011

Mental Model Fail

Page 33: Usability fail-20102011

Common Sense Fail

Page 34: Usability fail-20102011
Page 35: Usability fail-20102011
Page 36: Usability fail-20102011

Common Sense FailiTunes Legal Agreement:

g. Blah blah blah...You also agree that you will not use these products for blah blah blah... the development, design, manufacture, or production of nuclear, missiles, or chemical or biological weapons.

Page 37: Usability fail-20102011

So... How big is the wastage? How can you measure it?

Page 38: Usability fail-20102011

1. Use your analytics

Page 39: Usability fail-20102011

Check your Bounce Rates

Page 40: Usability fail-20102011

Check your Unexpected Exit pages

Page 41: Usability fail-20102011

1. Use your analytics

2. Use DIY usability methods

Page 42: Usability fail-20102011

DIY usability methods― Brainstorm analytic findings

― Heuristic evaluation [Good usability rules of thumb]

― Conduct a [short] user survey

― Ask your customer services

― 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

Page 43: Usability fail-20102011

1. Use your analytics

2. Use DIY usability methods

3. Commission a professional usability study

Page 44: Usability fail-20102011
Page 45: Usability fail-20102011
Page 46: Usability fail-20102011

“Ethnographic” and

“diary” studies

Page 47: Usability fail-20102011
Page 48: Usability fail-20102011
Page 49: Usability fail-20102011

What does it cost?

Page 50: Usability fail-20102011
Page 51: Usability fail-20102011

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 52: Usability fail-20102011

Attracting people to the site

Delivering what people do on

the site

Making

the site

work

Manage

site

Marketing

Services /

Products

Web TeamIT

Page 53: Usability fail-20102011

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 54: Usability fail-20102011

Spend 10% = improve

83%

Page 55: Usability fail-20102011

So, let’s hear from you:

Increase visits to increase

conversions

Improving usability to improve conversions

Page 56: Usability fail-20102011

An introduction to Precedent

#PrecSem

Page 57: Usability fail-20102011

Hearty Home Cooking Cookbook80+ expertsstrategy & research

branding & communicationsuser centred design

development & hostingcontent & publishing

Page 58: Usability fail-20102011

21 yearsexperience

qualitystability

loyaltyresults

Page 59: Usability fail-20102011

5 locationsLondon

EdinburghCardiff

Perth, AustraliaMelbourne, Australia

Page 60: Usability fail-20102011

5 sectorsfinance

educationmembership organisations

healththird sector

Page 62: Usability fail-20102011

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

Page 63: Usability fail-20102011

UsabilityThe golden rules

#PrecSemMark Russell and Darren Amer20 October 2011

Page 64: Usability fail-20102011
Page 65: Usability fail-20102011
Page 66: Usability fail-20102011
Page 67: Usability fail-20102011

The golden rules

1. Users2. Interactions3. Accessibility4. Content5. Consistency6. Strategy

Page 68: Usability fail-20102011

1. Users

Page 69: Usability fail-20102011

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 70: Usability fail-20102011

The bad

Page 71: Usability fail-20102011
Page 72: Usability fail-20102011
Page 73: Usability fail-20102011
Page 74: Usability fail-20102011

What you can do

Page 75: Usability fail-20102011
Page 76: Usability fail-20102011
Page 77: Usability fail-20102011
Page 78: Usability fail-20102011
Page 79: Usability fail-20102011

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 80: Usability fail-20102011

The good

Page 81: Usability fail-20102011
Page 82: Usability fail-20102011
Page 83: Usability fail-20102011
Page 84: Usability fail-20102011

The takeaway

Page 85: Usability fail-20102011

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

2. Interactions

Page 86: Usability fail-20102011
Page 87: Usability fail-20102011

The bad

Page 88: Usability fail-20102011
Page 89: Usability fail-20102011
Page 90: Usability fail-20102011
Page 91: Usability fail-20102011
Page 92: Usability fail-20102011
Page 93: Usability fail-20102011
Page 94: Usability fail-20102011
Page 95: Usability fail-20102011
Page 96: Usability fail-20102011
Page 97: Usability fail-20102011
Page 98: Usability fail-20102011

What you can do

Page 99: Usability fail-20102011

Forms and errors• Labelling with explanations where required

• Mark mandatory fields clearly

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

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

Page 100: Usability fail-20102011
Page 101: Usability fail-20102011
Page 102: Usability fail-20102011

The good

Page 103: Usability fail-20102011
Page 104: Usability fail-20102011

The takeaway

Page 105: Usability fail-20102011

3. Accessibility

Page 106: Usability fail-20102011

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

• Also consider technological and cultural differences

Page 107: Usability fail-20102011

What you can do

Page 108: Usability fail-20102011
Page 109: Usability fail-20102011
Page 110: Usability fail-20102011
Page 111: Usability fail-20102011
Page 112: Usability fail-20102011

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 113: Usability fail-20102011

Culture, Language and UX !

?

Page 114: Usability fail-20102011

Culture, Language and UX !

Page 115: Usability fail-20102011

The takeaway

Page 116: Usability fail-20102011

4. Content

Page 117: Usability fail-20102011

The bad

Page 118: Usability fail-20102011

What is poor content?• Not getting to the point• Not breaking up pages• Using the wrong language

Page 119: Usability fail-20102011

The bad

Tedious waffleWriting for the web can be a daunting process for a lot of people. You’ll notice the same three mistakes tend crop up time and time again.

Page 120: Usability fail-20102011

Shout out what would make this better?

Page 121: Usability fail-20102011

To the point

The 3 most common web

writing mistakes are: ignoring the

needs of your audiences, taking

too long to make a point, and using too

much text.

Tedious waffleWriting for the web can be a daunting process for a lot of people. You’ll notice the same three mistakes tend crop up time and time again.

Page 122: Usability fail-20102011

Hours to read

Page TitleThis is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text.

Page 123: Usability fail-20102011

Shout out what would make this better?

Page 124: Usability fail-20102011

Easy to readPage TitleThis is some text. This is some more text. This is some text. This is some more text.

SubheadingThis is some text. This is some more text. This is some text. This is some more text.

Another subheadingThis is some text. This is some more text. This is some text.

Subheading the third

• List item 1• Another list item• And one more

Hours to read

Page TitleThis is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text. This is some more text. This is some text.

Page 125: Usability fail-20102011
Page 126: Usability fail-20102011

The good

Page 127: Usability fail-20102011
Page 128: Usability fail-20102011

The takeaway

Page 129: Usability fail-20102011

What you can do

Information the user must have for your page to be

successfulAdditional helpful

information

In-depth & detailed

Main content

Deeper contentLinks to further reading

HeadingsPage summaryHighlighted content

Bin

Page 130: Usability fail-20102011

5. Consistency

Page 131: Usability fail-20102011

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 132: Usability fail-20102011

The bad

Page 133: Usability fail-20102011
Page 134: Usability fail-20102011
Page 135: Usability fail-20102011
Page 136: Usability fail-20102011
Page 137: Usability fail-20102011
Page 138: Usability fail-20102011
Page 139: Usability fail-20102011

What you can do

Page 140: Usability fail-20102011
Page 141: Usability fail-20102011
Page 142: Usability fail-20102011
Page 143: Usability fail-20102011

The good

Page 144: Usability fail-20102011
Page 145: Usability fail-20102011
Page 146: Usability fail-20102011
Page 147: Usability fail-20102011

The takeaway

Page 148: Usability fail-20102011

6. Strategy

Page 149: Usability fail-20102011

How does your website align to your core business objectives?

Page 150: Usability fail-20102011

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

Page 151: Usability fail-20102011

Business objective Goal KPI1 2 3

Page 152: Usability fail-20102011

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 153: Usability fail-20102011

Remember the golden rules!

1. Users2. Interactions3. Accessibility4. Content5. Consistency6. Strategy

Page 154: Usability fail-20102011

Thank you!

Page 155: Usability fail-20102011

@PrecedentComms

#PrecSem

#UsabilityFail