D alpert ux101

69
David Alpert @davidalpert http://blog.spinthemoose.com #sdec11 D4S101: Why User Experience matters for your App David Alpert - @davidalpert Track 1: Agile Methods Monday, October 17 th 2011 1:30pm - 2:45pm

description

User Experience 101

Transcript of D alpert ux101

Page 1: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

D4S101: Why User Experience matters for your App

David Alpert - @davidalpert

Track 1: Agile Methods Monday, October 17th 2011 1:30pm - 2:45pm

Page 2: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Customers have lost faith in IT

Customers have lost confidence in IT

Page 3: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Customers have lost faith in IT

Customers have lost confidence in IT

Page 4: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

QUOTE: Embarrassed on behalf of the industry

Page 5: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Expectations are rising

Expectations are rising

Page 6: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

QUOTE: Conan on the iPad

Page 7: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

kano

Page 8: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

We’re not here to prevent but to inspire

Page 9: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

We are at a crossroads

We are at a crossroads

Page 10: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Recognize, Remember, & Rethink

success

Remember

Recognize

Rethink

Page 11: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Software is a service industry.

Remember

Page 12: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

QUOTE: Hanselman on customer service

Page 13: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

InstallAware

Page 14: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

QUOTE: Support is a Privilege, Not a Right

Support is a Privilege, Not a Right While InstallAware support often goes above and over the call of duty to provide knowledgable, timely assistance to all our potential and current clients, support is not your right - even if you are a paid user of InstallAware. As explicitly stated in the InstallAware EULA which must be accepted both when installing a product trial or a purchased version, your purchase comes with NO SUPPORT RIGHTS whatsoever. Your access to any and all InstallAware support resources, including but not limited to peer forums, community center, email based support, and phone support may be revoked at any time, with or without reason.

http://www.installaware.com/support-contact-support.htm

Page 15: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Dec 16, 1970 – s/w hurt by immature users

Page 16: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

DevExpress

Page 17: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

QUOTE: committed to total customer service statisfaction The goal of the Developer Express Support Team is to provide our customers unrivaled technical assistance when implementing Developer Express technologies. We are committed to total customer satisfaction after purchase and will stop at nothing to ensure that your experience using our products is profitable for you, your organization, and by extension – your customers.

http://www.devexpress.com/Support/index.xml

Page 18: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Our customers are whole people.

Recognize

Page 19: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Users are dumb

Page 20: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Users are dumb

Page 21: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

The operating moral premise of information design should be that our readers are alert and

caring; they may be busy, eager to get on with it, but they are not stupid.

Edward Tufte, Envisioning Information. Cheshire, CT: Graphics Press, 1990

Page 22: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Page 23: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

It is not a question of whether users are capable of overcoming complexity and learning an advanced user interface. It is a

question of whether they are willing to do so.

[Our users] are just like anybody else: they just want to get their work done. They have neither

the desire nor the time to learn the idiosyncrasies of individual websites.

(emphasis mine)

Nielsen, Jakob. “Are Users Stupid?” Alertbox, February 4, 2001. Retrieved June 3, 2010.

Page 24: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

When people have problems using a design, it's not because they are stupid.

It's because the design is too difficult.

(emphasis mine)

Nielsen, Jakob. “Are Users Stupid?” Alertbox, February 4, 2001. Retrieved June 3, 2010.

Page 25: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Software does not live in a vacuum.

Recognize

Page 26: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

All these experiences are relevant

your customer

Work

Family Home

Page 27: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

All these experiences create expectations

your customer’s expectations

Work

Family Home

Page 28: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

All these experiences create expectations

your customer’s expectations

Work

Family Home

Your product, service, web site,

or application.

Page 29: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

We are inundated with social media

Page 30: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

And our customers are whole people

Page 31: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Design software from the outside in.

Rethink our process

Page 32: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Nearly every s/w effort has gotten it wrong

Nearly every software project I’ve been a part of

has needlessly wasted time and money.

Page 33: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

A client walks into a bar

A client walks in…

Page 34: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

“I’ve got a problem”

“I’ve got a problem.”

Page 35: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Page 36: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

I’ll look for the nouns

look at our notes

Page 37: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Design a DB

Database

circle the nouns…

Page 38: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

TaDa! Data Access!

Database

Data access

“I’ve got to get the data out!”

Page 39: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

• Go back to the notes and look for the verbs

Start to build infrastructure

Database

Data access

Business logic

circle the verbs

Page 40: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Start to build infrastructure

• Go back to the notes and look for the verbs

80% - 90%

screen screen screen

Database

Data access

Business logic spike out some

CRUD screens

Page 41: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

foundation foundation

screen screen screen

Database

Data access

Business logic

Page 42: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

infastructure

infrastructure screen screen screen

Database

Data access

Business logic

Page 43: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

plumbing

plumbing screen screen screen

Database

Data access

Business logic

Page 44: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

• Go back to the notes and look for the verbs

divide up responsibilities Start to build infrastructure screen screen screen

Database

Data access

Business logic

build the walls

Page 45: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

• Go back to the notes and look for the verbs

Start to build infrastructure give it to a designer to “skin”

Database

Data access

Business logic

ask a designer to “make it look pretty”

screen screen screen

Page 46: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

What sells a house?

Page 47: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

What sells software?

Your life would be so much better with ______.

Page 48: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

• Go back to the notes and look for the verbs

Start to build infrastructure Non-functional 10% - 20% defines how a system is supposed to be – i.e. its qualities. e.g. Response time

screen screen screen

Database

Data access

Business logic

Functional 80% - 90% defines what a system is supposed to do e.g. As an employee I can view a page on the intranet.

Page 49: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Instead of building from the bottom up and the inside out

Let’s start designing from the outside in.

Rethink our process

Page 50: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

We already know this…

TDD

Test Driven Development

1

2

3

Write a test that fails

Do just enough work to make the test pass

Refactor / Reorganize (clean up)

Page 51: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Behaviour Driven Development

We already know this…

BDD

TDD

Page 52: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

We already know this…

BDD

TDD DDD

Domain Driven Development

Page 53: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

What if we tried this?

BDD

TDD DDD

XDD

Page 54: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

eXperience Driven Development

BDD

TDD DDD

XDD

Page 55: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Dr. Eliyahu M. Goldratt – 2 “mudas”

•Work that was done but should not have been

Inefficient

•Work that was not done but should have been

Unreliable

Page 56: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

An experience vision can align the design choices made every day.

Vision

Release

Feature

Page 57: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Strategy

Design

Execution

An experience vision can align the design choices made every day.

Page 59: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Experience Vision

Vision

Release

Feature

Experience Vision

A UX vision is larger than an individual system.

Anticipate Enter Engage Exit Reflect

Experience Phases

Workflow Use Case / User Story

Engage Enter Anticipate Enter Engage Exit Reflect

Page 60: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Page 61: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Customer Experience Mapping

Rethink our process

Page 62: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Customer Experience Mapping

• Represent the journey of a customer including the before, during, and after using the service.

• Include: – phases that span the interaction (e.g. Anticipate, Enter, Engage, Exit, & Reflect)

– triggers

– touch points

– interactions

– customer motivations

– customer goals / business goals

– potential frustrations

– opportunities for delight

– anything else that helps your team picture the experience you are creating

Adapted from: http://desonance.wordpress.com/2010/06/16/customer-experience-mapping/

Page 66: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Exercise: Draft an Experience Map

• Client:

Air Winnipeg “We are committed to total customer satisfaction.”

• Project:

An online reservation system.

• Timeline:

Anticipate, Enter, Engage, Exit, Reflect

Page 67: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Design for Success!

Rethink our process

Design software from the outside in

Recognize

Our customers are whole people Software does not live in a vacuum

Remember

Software is a service industry

David Alpert Web:

Email: Twitter:

http://blog.spinthemoose.com [email protected] @davidalpert

Page 68: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Let’s address some concerns

XDD increases scope

XDD takes too much time

XDD costs more $$

Page 69: D alpert ux101

David Alpert @davidalpert http://blog.spinthemoose.com

#sdec11

Design for Success!

Rethink our process

Design software from the outside in

Recognize

Our customers are whole people Software does not live in a vacuum

Remember

Software is a service industry

David Alpert Web:

Email: Twitter:

http://blog.spinthemoose.com [email protected] @davidalpert