D alpert ux101

Post on 01-Dec-2014

417 views 2 download

description

User Experience 101

Transcript of 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

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

#sdec11

Customers have lost faith in IT

Customers have lost confidence in IT

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

#sdec11

Customers have lost faith in IT

Customers have lost confidence in IT

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

#sdec11

QUOTE: Embarrassed on behalf of the industry

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

#sdec11

Expectations are rising

Expectations are rising

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

#sdec11

QUOTE: Conan on the iPad

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

#sdec11

kano

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

#sdec11

We’re not here to prevent but to inspire

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

#sdec11

We are at a crossroads

We are at a crossroads

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

#sdec11

Recognize, Remember, & Rethink

success

Remember

Recognize

Rethink

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

#sdec11

Software is a service industry.

Remember

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

#sdec11

QUOTE: Hanselman on customer service

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

#sdec11

InstallAware

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

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

#sdec11

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

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

#sdec11

DevExpress

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

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

#sdec11

Our customers are whole people.

Recognize

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

#sdec11

Users are dumb

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

#sdec11

Users are dumb

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

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

#sdec11

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.

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.

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

#sdec11

Software does not live in a vacuum.

Recognize

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

#sdec11

All these experiences are relevant

your customer

Work

Family Home

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

#sdec11

All these experiences create expectations

your customer’s expectations

Work

Family Home

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.

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

#sdec11

We are inundated with social media

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

#sdec11

And our customers are whole people

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

#sdec11

Design software from the outside in.

Rethink our process

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.

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

#sdec11

A client walks into a bar

A client walks in…

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

#sdec11

“I’ve got a problem”

“I’ve got a problem.”

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

#sdec11

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

#sdec11

I’ll look for the nouns

look at our notes

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

#sdec11

Design a DB

Database

circle the nouns…

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

#sdec11

TaDa! Data Access!

Database

Data access

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

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

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

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

#sdec11

foundation foundation

screen screen screen

Database

Data access

Business logic

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

#sdec11

infastructure

infrastructure screen screen screen

Database

Data access

Business logic

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

#sdec11

plumbing

plumbing screen screen screen

Database

Data access

Business logic

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

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

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

#sdec11

What sells a house?

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

#sdec11

What sells software?

Your life would be so much better with ______.

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.

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

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)

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

#sdec11

Behaviour Driven Development

We already know this…

BDD

TDD

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

#sdec11

We already know this…

BDD

TDD DDD

Domain Driven Development

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

#sdec11

What if we tried this?

BDD

TDD DDD

XDD

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

#sdec11

eXperience Driven Development

BDD

TDD DDD

XDD

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

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

#sdec11

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

Vision

Release

Feature

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

#sdec11

Strategy

Design

Execution

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

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

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

#sdec11

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

#sdec11

Customer Experience Mapping

Rethink our process

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/

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

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 david@spinthemoose.com @davidalpert

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

#sdec11

Let’s address some concerns

XDD increases scope

XDD takes too much time

XDD costs more $$

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 david@spinthemoose.com @davidalpert