31
One size does not fit all: four approaches to User Experience Leah Raper Programme Director Brand Development Justin Darley User Experience Consultant

Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

  • View
    6.503

  • Download
    0

Embed Size (px)

DESCRIPTION

Presentation on 4 approaches to UX by [email protected]. Follow us on Twitter: @wearesigma

Citation preview

Page 1: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

One size does not fit all: four approaches to User Experience

Leah RaperProgramme DirectorBrand Development

Justin DarleyUser ExperienceConsultant

Page 2: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

What is User Experience (UX)?

“a person’s perceptions and responses that result from

the use or anticipated use of a product, system or service”

— ISO definition

Page 3: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Why does UX matter?

People need to see value in a site/app if you want them to use itA negative experience is lasting and hard to shake offSites/apps that are hard to use are ignoredYou don’t know your users as well as you think you do

You can help to ensure a positive UX through:ResearchTesting

Page 4: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Why UX is often avoided…

BUT there are a range of techniques you can use, not all of which are costly or difficult

expensiveexpensive time consuming

time consuming

complexcomplex

Page 5: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

4 approaches to UX– Online surveys– Rapid prototyping and Joint Application Development (JAD)– Remote and guerrilla usability testing– Eye tracking

4 different projects– Citizens Advice service extranet– Citizens Advice corporate site– InterContinental Hotels Group (IHG) Green Engage web app– IHG Brand Central site

4 approaches, 4 projects…

Page 6: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice
Page 7: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Citizens Advice service extranetCard sortingPrototypingGuerrilla usability testing

Page 8: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice
Page 9: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Citizens Advice corporate siteExpert reviewEye tracking

Page 10: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice
Page 11: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

IHG Green Engage web appOnline surveyTelephone interviews and workshops JAD sessionRapid prototypeUsability testing

Page 12: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

IHG Brand Central site

Page 13: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice
Page 14: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice
Page 15: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice
Page 16: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

"At last – everything a creative agency

could possibly need for each IHG brand,

in one place and always up to date –

genius!!!"

"At last – everything a creative agency

could possibly need for each IHG brand,

in one place and always up to date –

genius!!!"

"Brand Central has provided a quicker than average route

to market and excellent resource for our hotels…"

"Brand Central has provided a quicker than average route

to market and excellent resource for our hotels…"

"Brand Central houses everything

you need to know…"

"Brand Central houses everything

you need to know…"

Page 17: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

IHG Brand Central siteQualitative feedback from face-to-faceworkshops and telephone interviewsQuantitative feedback from online surveyUser profiles for the main user types;corporate, hotel and third-party usersLab based and remote usability testing

A huge success!

Used in 105 countries and territories10,000 unique visitorsOver 205,800 page viewsAverage user spends over 6 minutes

Page 18: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Online surveys

Page 19: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Online surveys

Tools: Survey Monkey (free 10 questions, 100 responses / other plans)Good for:

– Larger datasets– Quantitative feedback

Tips:– Clear introductory email– Maximum of 15 minutes to complete– Aim for 80-100 responses (response rates vary)– Progress bar – Multiple choice questions– Good tips on the blog (blog.surveymonkey.com)– Use the data collected to feed into user profiles

Page 20: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Rapid prototyping and JAD

Page 21: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Rapid prototyping and JADTools: Axure (free trial / $589)Good for:

– User centred User Interface (UI) design– Highly visual– Rapid feedback– Requirements gathering– Provides a prototype for usability testing

Tips:– Minimum of 2 people to run the session– User, stakeholder and technical representatives– Maximum of 10 participants– Keep it as informal as possible– Break people into small groups– Make good use of post-its and whiteboards

Page 22: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Guerrilla usability testing

Page 23: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Guerrilla usability testingTools: Silverback (free trial / $69) and Freemind (free)Good for:

– Low cost usability testing– Quantitative feedback

Tips:– Introductory email– Any users are better than none but aim for two rounds: 10 per round– Aim for a good cross-section– Max 30-45 minutes to complete (around 5 tasks)– Create meaningful tasks – word tasks as instructions– Draft in a scribe– Think aloud and retrospective think aloud– Discussion guide – consistency is important

Page 24: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Remote usability testing

Page 25: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Remote usability testing

Tools: Adobe Connect (free trial / $55 month)Good for:

– Geographically distributed users– Qualitative feedback

Tips:– As for guerrilla, plus:– Create a set up guide– Try to keep sessions a bit shorter– Have several dry runs!– Use Adobe to record sound and visual

Page 26: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Eye tracking

Page 27: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Eye tracking

Tools: Tobii [Acuity ETS] (purchase or affordable lease)Good for:

– Detailed information on user behaviour

Tips:– Pay particular attention to set up– Use retrospective think aloud techniques– Take detailed notes– Create meaningful tasks– Recruit the right participants

Page 28: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Conclusions

Don’t underestimate the power of UX!There are a range of methods you can useDoesn’t have to be expensive, time consuming orcomplexCan be a great way to get user buy inSatisfied users means a successful project

Page 29: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Resources

SurveyMonkey (online surveys)Axure (rapid prototyping)Silverback (guerrilla testing)Freemind (mind-mapping)Adobe Connect (remote testing)Acuity (eye tracking)

To recap… Also of interest…

Card sorting (shaping navigation)Treejack (tree testing navigation)AbilityNet (accessibility testing)EpiServer (multivariate testing)Google Optimiser (conversion rates)

Slides available at http://www.slideshare.net/wearesigma

Page 30: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

Contact us:

www.wearesigma.com/@[email protected]

Page 31: Internet world - Four approaches to User Experience and how they helped IHG and Citizens Advice

@WeAreSigma

Thank you! Any questions?