the importance of user experience (for developers)

85
The importance of UX

Upload: firstpinkgirl

Post on 27-Jan-2015

109 views

Category:

Technology


4 download

DESCRIPTION

A presentation to developers as part of the SharePoint for Web BootCamp, held at Microsoft in Johannesburg, Oct 2009.

TRANSCRIPT

Page 1: The Importance Of User Experience (for developers)

The importance of UX

Page 2: The Importance Of User Experience (for developers)

Who Am I?

• An (ex) html jockey & web designer• A UX evangelist• A customer• A consumer• A user

Page 3: The Importance Of User Experience (for developers)

UX

Sharepoint

intranet web

applications

Page 4: The Importance Of User Experience (for developers)

Does this sound familiar?

1. “It’s hard to use & ugly!”

2. “I just don’t understand how to use this!”

3. “The performance of this application sucks!”

4. “Was this application designed for me or an engineer?”

Page 5: The Importance Of User Experience (for developers)

The User’s experience is failing

Page 6: The Importance Of User Experience (for developers)
Page 7: The Importance Of User Experience (for developers)

Why?

?

Page 8: The Importance Of User Experience (for developers)

WHAT IS

Ux??

Page 9: The Importance Of User Experience (for developers)
Page 10: The Importance Of User Experience (for developers)
Page 11: The Importance Of User Experience (for developers)
Page 12: The Importance Of User Experience (for developers)
Page 13: The Importance Of User Experience (for developers)
Page 14: The Importance Of User Experience (for developers)

User Experience

Makes the difference between being merely functional and actually improving the way business is done via software.

User Experience is a CREATIVE part of Software Development.

Page 15: The Importance Of User Experience (for developers)

“I thought it was just about making it pretty”

Page 17: The Importance Of User Experience (for developers)

Questions about whether design is necessary or affordable are quite beside the point: design is inevitable. The alternative to good design is bad design, not no design at all.

Douglas MartinBook Design: A Practical Introduction

Page 18: The Importance Of User Experience (for developers)
Page 19: The Importance Of User Experience (for developers)

Turns out, no

Page 20: The Importance Of User Experience (for developers)

Turns out, noDesign is about making business sense

Page 21: The Importance Of User Experience (for developers)

WHY IT’S IMPORTANT

Page 22: The Importance Of User Experience (for developers)

User Experience(if designed well) well)

1. Differentiates a product or service

2. Creates business opportunities

3. Improves efficiency

Page 23: The Importance Of User Experience (for developers)

$It affects your bottom line

Page 24: The Importance Of User Experience (for developers)

UX differentiates

Page 25: The Importance Of User Experience (for developers)
Page 26: The Importance Of User Experience (for developers)
Page 27: The Importance Of User Experience (for developers)

Creates business opportunity

Page 28: The Importance Of User Experience (for developers)

Improves efficiency

Page 29: The Importance Of User Experience (for developers)

10%

0%

30%

20%

50%

40%

70%

60%

Before After

Page Interactivity: high % of users left the page without even interacting.

Field Analysis: Small % of users interacted with the form fields.

Link Analysis: Links distracted users from the registration process.

Last Field Changed Analysis: High pct. of users who abandoned last changed the State field before leaving, indicating friction.

Click Density Analysis: Users frequently clicked the non-linked image

Scrolling Analysis: Over half of users did not even see the first form field.

The page was redesigned based on AO recommendations and resulted in a 50% increase in registration conversions

Click Stream Analysis

Page 30: The Importance Of User Experience (for developers)

The proof is in the returns

Year 1Year 3

Year 5

0

1

2

3

4

5

6

7

8

9

10

Design Organizations

S&P 500

Stock performance of 63 “Design Oriented Companies” versus the S&P 500 over 1, 3 and 5 years Courtesy, Peer Research 2007, Fast Company, October 2007

Page 31: The Importance Of User Experience (for developers)

A valuable investment

• “Every $1 invested in usability returns between $10 and $100” -- IBM, Cost-Justifying Ease of Use

• Investing 10% of a total project budget yields:Metric ReturnSales/ Conversion rate 100%Visitors/ Traffic 150%User Performance / Productivity 161%Use of (Key) Features 202%

Jakob Nielson, Return on Investment for Usability

Page 32: The Importance Of User Experience (for developers)

Tales from the field

• A mid-western utility was able to cut average customer support call cost from ~$10 to less that $1.00 per incident as a result of redesigning their web presence

• A major eCommerce retailer saw a 45% increase in average order size as a result of redesigning their shopping experience

• The same retailer saw a 10% conversion increase as a result of better organizing product information

• Implementation / customization costs for an Enterprise Software Vendor were cut by 40% as a result of a better “out-of-the-box” experienceWill Tschumy, Microsoft User Experience Evangelist

Page 33: The Importance Of User Experience (for developers)

Just in caseYou need a bit more...

Page 34: The Importance Of User Experience (for developers)

• The cost to business of poor user experience and satisfaction is equivalent to $40,000 per person in lost business each year, based on one hour a day being spent sorting out software usability problems (Marketing Opinion Research International/MORI)

• Users will wait a maximum of 10 seconds for a software response before become distracted or losing interest (Constantine/Lockwood, 1999)

• 63% of Web projects overrun their budgetary estimates, with the top four reasons being usability problems

• More than 40% of ERP implementations show user adoption issues or lack significant ROI (AMR research)

• 57% of SAP customers don’t believe they’ve achieved a positive ROI from their project because of poor user acceptance (Nucleus Research)

*Source: APO UX FY08

Page 35: The Importance Of User Experience (for developers)

$It affects your bottom line

Page 36: The Importance Of User Experience (for developers)

Our entire online existence is based on UX

Page 37: The Importance Of User Experience (for developers)

Our entire online existence is based on UX

(good or bad)

Page 38: The Importance Of User Experience (for developers)

The User Experience Lifecycle

Attract

Orient

InteractRetain

Advocate

How do users find you?

Do they know what to do?

Do you make them feel good?

Will they use you again?

Will they tell their friends?

Page 39: The Importance Of User Experience (for developers)

Put a different way

Page 40: The Importance Of User Experience (for developers)

Put a different wayAdvocacy is the key indicator of long term customer value and retention

Page 41: The Importance Of User Experience (for developers)

How do I do it?

Page 42: The Importance Of User Experience (for developers)

Maslow’s Hierarchy

Self-Actualization

Esteem

Love / Belonging

Safety

Physiological

Page 43: The Importance Of User Experience (for developers)

A Design View of Maslow

Desirable

Efficient

Usable

Useful

Functional

Courtesy of Rob Girling, Artefact Group

Page 44: The Importance Of User Experience (for developers)

So if I’m desirable, I’m all set?

Page 45: The Importance Of User Experience (for developers)

So if I’m desirable, I’m all set?Not exactly. There are other considerations…

Page 46: The Importance Of User Experience (for developers)

So if I’m desirable, I’m all set?Not exactly. There are other considerations… Design is a process that balances conflicting sets of constraints

Page 47: The Importance Of User Experience (for developers)

What’s Viable?

What’s Possible?

What’s Desirable?

For every problem, 3 Constraints

Larry Keeley, Doblin Group, among others

Page 48: The Importance Of User Experience (for developers)

What’s Possible?

What’s Desirable?

Business: What can I bear?• How much can we sell it for?• How much can it cost?• Is there acceptable ROI/NPV?What’s

Viable?

For every problem, 3 Constraints

Larry Keeley, Doblin Group, among others

Page 49: The Importance Of User Experience (for developers)

What’s Viable?

What’s Desirable?

Technology: What can I do?•With my technology?•Within regulatory constraints?•Within business constraints?

What’s Possible?

For every problem, 3 Constraints

Larry Keeley, Doblin Group, among others

Page 50: The Importance Of User Experience (for developers)

What’s Viable?

What’s Possible?

Design: What should I do?•Who are my users?•What are their needs?•What is their mental model?

What’s Desirable?

For every problem, 3 Constraints

Larry Keeley, Doblin Group, among others

Page 51: The Importance Of User Experience (for developers)

GUIDELINES

Page 52: The Importance Of User Experience (for developers)

What does the UX proVisual designerUsability designermotion designerdo?

Page 53: The Importance Of User Experience (for developers)

Robbie Ingebretsen “ Design Fundamentals for Developers” MIX09

Page 54: The Importance Of User Experience (for developers)

Project Complete

Use cases created IT + User / BA

Prototyping IT

Developmentof Services IT

UI is created IT

User Testing User / BA

Project StartsUX Methodology

Page 55: The Importance Of User Experience (for developers)

Project Complete

Use cases created IT + User / BA

Prototyping IT

Developmentof Services IT

UI is created IT

User Testing User / BA

Project StartsUX Methodology

Page 56: The Importance Of User Experience (for developers)

Project Complete

Use cases created IT + User / BA

Prototyping IT

Developmentof Services IT

UI & ServicesIntegrated IT

User Testing User / BA

Project Starts

Development Of UX

UX Professional + User/BA

+ UX Professional + User/BA

Development OfSoftware

IT + UX Professional

UX Methodology

Page 57: The Importance Of User Experience (for developers)

Use cases created IT + User / BA

Prototyping IT

Developmentof Services IT

Project Starts

Project Complete

UI & ServicesIntegrated IT

User Testing User / BA

Development Of UX

UX Professional + User/BA

+ UX Professional + User/BA

Development OfSoftware

IT + UX Professional

IT + UX Professional + User/BA

Development of Services

UX Methodology

Page 58: The Importance Of User Experience (for developers)

What users want

1. Users don’t care about how the software is built. They want performance, convenience and results

2. Unless it allows them to get their work/task done faster, they don’t want to learn a new/different way of doing something

3. They want a responsive UI with visual clues as to ‘what next’. They don’t want to guess what to do (or hunt for it)

4. As far as they’re concerned the experience is the product

Page 59: The Importance Of User Experience (for developers)

Robbie Ingebretsen “ Design Fundamentals for Developers” MIX09

Page 60: The Importance Of User Experience (for developers)

A few basic rules

1. Make your application consistent

2. Let users know what's going on

3. Keep It simple and pretty

4. Put the user in control

5. Forgive the User

Page 61: The Importance Of User Experience (for developers)

WEB 101

Page 62: The Importance Of User Experience (for developers)

WebsiteBanner Search

Life use to be simple

Page 63: The Importance Of User Experience (for developers)

Banner

Widgets

Video

Mobile

Paid Search

Organic Search

Social

convert

assist

informentertain

Games

connect

IP TV

But the consumer/user changed

Email

Website

Page 64: The Importance Of User Experience (for developers)

Banner

Widgets

Video

Mobile

Organic Search

Social

convert

assist

informentertain

Games

connect

IP TV

And integrated

Email

Print

TV

DirectMail

LeadGen

RatingSites

Blogs

Paid Search

Call Centre

Branch

Web site

Page 65: The Importance Of User Experience (for developers)

What is Social Media and Web 2.0?Groundswell: A social trend in which people use technologies to

get the things they need from each other instead of from companies.

Web 2.0: A set of applications enabling efficient interaction among people, content, and data to collectively fostering new business practices and social structures.

Social media: Blending Web 2.0 tactics into the marketing mix to engage with customer communities and draw value from social interaction.

Forrester Research

According to a 10/2008 Forrester report “3 in 4 US Online adults now use social tools to connect with each other.”

Page 66: The Importance Of User Experience (for developers)

Social Media: What’s the fuss?

1. It’s enormous

2. Broadening demographic

3. Everyday routine

Page 67: The Importance Of User Experience (for developers)

Impact of Social Influence MarketingTM

Razorfish Digital Outlook Report 09: March 2009 – “Social Influence Measurement: What’s It Worth?”

Page 68: The Importance Of User Experience (for developers)

UX

Sharepoint

intranet web

applications

Page 69: The Importance Of User Experience (for developers)

Sharepoint

intranet web

applicationsDocument Management Customer InformationApplicationsLearning

Page 70: The Importance Of User Experience (for developers)

Sharepoint

intranet web

Document Management Customer InformationApplicationsLearning

Page 71: The Importance Of User Experience (for developers)

Similarities & differences

• INTRANET– Taxonomy– Document storage*

• Potentially large volumes of documents

– Traditionally narrow scope of content and little attention to how user accesses or finds info.

• WEB– Navigation– Customer information*

• Copy kept brief, to the point

– Traditionally rich in types of media and ways for user to access. Experience is key.

Page 72: The Importance Of User Experience (for developers)

Similarities & differences – cont.

• INTRANET– Brand low priority– A designer and/or devs

involved in UI– No SEO– Internal facing

applications get low UI priority

– Social media, web 2.0, web 3.0 not yet part of every day use within corporate structure

• WEB– Brand representation is

everything– Designers/IA/UX involved in

UI– Sites lives or dies by SEO

rankings– External applications get

high UI priority– Social media, web 2.0 etc

key for reaching users and creating community around brand

Page 73: The Importance Of User Experience (for developers)

Lastly

• INTRANET • Accessibility low

priority

• *

• WEB• Accessiblity is becoming

law

• *

Page 74: The Importance Of User Experience (for developers)
Page 75: The Importance Of User Experience (for developers)
Page 76: The Importance Of User Experience (for developers)
Page 77: The Importance Of User Experience (for developers)
Page 78: The Importance Of User Experience (for developers)
Page 79: The Importance Of User Experience (for developers)
Page 80: The Importance Of User Experience (for developers)
Page 81: The Importance Of User Experience (for developers)
Page 82: The Importance Of User Experience (for developers)

IN CLOSING

Page 83: The Importance Of User Experience (for developers)

UX = ROI (TIME & $)

GOOD UX REQUIRES EMPATHY FROM BOTH DESIGNER & DEVELOPERA WEBSITE IS PRIMARILY A BRAND EXERCISE IN ALL THAT IT DOES (AND MORE THAN JUST A LOGO)

WEB & INTRANET ARE CONVERGING

WEBSITES CONTINUE TO EVOLVE, THE PLATFORM NEEDS TO BE AGILE

Page 84: The Importance Of User Experience (for developers)
Page 85: The Importance Of User Experience (for developers)

Acknowledgements

• Will Tschumy: Design Matters (Microsoft)• Robbie Ingebretsen: Design Fundamentals for

Developers (Pixel Lab)• Michael Köster: Introduction to UX (Microsoft)• Forrester Research: Groundswell• Rob Girling: Artefact Group• Larry Keely: Dablin Group