design and ux in an agile process

AGILE

Web 2.0 Expo / NYC / 2008

DESIGN & UX IN AN

P R O C E S SM. JACKSON WILKINSON

Who isThis Dude?

First things first...

A Short History of

SOFTWAREDEVELOPMENTPROCESSES

A (REALLY) Short History of (CERTAIN)

SOFTWAREDEVELOPMENTPROCESSES

Source: I wish I knew

CHAOSTHE PRACTICE:

WATERFALLThe Solution?

INCREMENTAL

REQUIREMENTS

DESIGN

DEVELOPMENT

TESTING

MAINTENANCE

DOCUMENTED

http://www.flickr.com/photos/simona_/2194407083/

TIME

PROBLEM

SOLUTION

GATHER

IDENTIFY

DESIGN

IMPLEMENT

TIME

PROBLEM

SOLUTION

GATHER

IDENTIFY

DESIGN

IMPLEMENT

TIME

PROBLEM

SOLUTION

GATHER

IDENTIFY

DESIGN

IMPLEMENT

TIME

PROBLEM

SOLUTION

GATHER

IDENTIFY

DESIGN

IMPLEMENT

TIME

PROBLEM

SOLUTION

GATHER

IDENTIFY

DESIGN

IMPLEMENT

TIME

PROBLEM

SOLUTION

GATHER

IDENTIFY

DESIGN

IMPLEMENT

WATERFALLThe Solution?

Failure

REQUIREMENTS

DESIGN

DEVELOPMENT

TESTING

MAINTENANCE

REQUIREMENTS

DESIGN

DEVELOPMENT

TESTING

MAINTENANCE

SPECIALIZATION

SPECIALIZATION

AGILEThe Solution?

ITERATIVE

CYCLE

REQUIREMENTS

DESIGN

DEVELOPMENT

TESTING

PREPARATION

RELEASE

PLANNING CYCLE

PROTOTYPE

CYCLE CYCLE CYCLE CYCLE CYCLE

BETA LAUNCH

MAINTENANCE

ADAPTABLE

PLANNING CYCLE

PROTOTYPE

CYCLE CYCLE CYCLE CYCLE CYCLE

BETA LAUNCH

MAINTENANCE

PLANNING CYCLE

PROTOTYPE

CYCLE CYCLE CYCLE CYCLE CYCLE

BETA LAUNCH

MAINTENANCE

RAPID

CYCLE

REQUIREMENTS

DESIGN

DEVELOPMENT

TESTING

PREPARATION

RELEASE

One to Four Weeks

PLANNING CYCLE

PROTOTYPE

CYCLE CYCLE CYCLE CYCLE CYCLE

BETA LAUNCH

MAINTENANCE

COOPERATIVE

REQUIREMENTS

DESIGN

DEVELOPMENT

TESTING

MAINTENANCE

QUALITY-DRIVEN

AGILE IN PRACTICE

The Truth About

DOGMATIC

PLANNING CYCLE

PROTOTYPE

CYCLE CYCLE CYCLE CYCLE CYCLE

BETA LAUNCH

MAINTENANCE

CYCLE

INTERFACE DESIGN

VISUAL DESIGN

DEVELOPMENT

BUILD-OUT

TWO WEEKS

CYCLE

INTERFACE DESIGN

VISUAL DESIGN

DEVELOPMENT

BUILD-OUT

TWO WEEKS

USER RESEARCH?

USER TESTING?

ORIGINAL THOUGHT?

Rounded Corners

Drop Shadows

Reflections

Pastels

Helvetica

Gradients

FTW!

PLANNING CYCLE

PROTOTYPE

CYCLE CYCLE CYCLE CYCLE CYCLE

BETA LAUNCH

MAINTENANCE

REQUIREMENTS

CYCLE

PROTOTYPE

CYCLE CYCLE CYCLE CYCLE CYCLE

BETA LAUNCH

VISUAL DESIGN

UI DESIGN

WATERFALLAGILE TENDS TO YIELD

FIXING ITNOW THAT WE KNOW WHAT

DOESN’t work, it’s time to start

GOALSLet’s Review the

Fixing Agile for Designers

ITERATIVE

ADAPTABLE

RAPID

COOPERATIVE

QUALITY-DRIVEN

CYCLESSKEW PROJECT

Fixing Agile for Designers

CYCLE

INTERFACE DESIGN

VISUAL DESIGN

DEVELOPMENT

BUILD-OUT

TWO WEEKS

CYCLE

INTERFACE DESIGN

VISUAL DESIGN / BUILD-OUT

DEVELOPMENT

TWO WEEKS

INTERFACE DESIGN

VISUAL DESIGN / BUILD-OUT

DEVELOPMENT

CYCLE N+1

CYCLE N+1

CYCLE N+1

CYCLE N-1

CYCLE N-1

CYCLE N-1

INTERFACE DESIGN

VISUAL DESIGN / BUILD-OUT

DEVELOPMENT

CYCLE N+1

CYCLE N+1

CYCLE N+1

CYCLE N-1

CYCLE N-1

CYCLE N-1

CYCLE 0Make Use OF

Fixing Agile for Designers

INTERFACE DESIGN

VISUAL DESIGN / BUILD-OUT

DEVELOPMENT

CYCLE 2

CYCLE 2

CYCLE 2

CYCLE 0

CYCLE 0

CYCLE 0

RESEARCH

RESEARCH

SURVEYSAGGREGATE

INTERVIEWS

TESTING

PERSONAS

COMPETITIVE

ANALYTICS

CARD SORTING

PRODUcT DESIGN

PRODUCT DESIGN

FEATURE QUADRANTSCOMPETITIVE ANALYSIS

BRAINSTORMING

MARKET ANALYSIS

SURVEYS

OVERHEAD

DEVELOPMENT OVERHEAD

SUBVERSIONHOSTING

STAGING

DEVELOPMENT ENVIRONMENTS

CODE INTEGRATION

CERTIFICATES

MOOD BOARDS

MOOD / STYLE BOARDS

TITLESTEXTURE

INSPIRATION

STYLES

LOOK/FEEL

COLOR

DEFINING “DONE”

PLANNINGStart Cycles With

Fixing Agile for Designers

USER STORIES

USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE

TEST PLANS

USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE

- Test with JPEG, PNG, GIF (supported)

- Test with an unsupported image format

- Test with Flash not present

- Test with more than 20 MB of total POST data

CYCLE PLANNING

USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE

- Test with JPEG, PNG, GIF (supported)

- Test with an unsupported image format

- Test with Flash not present

- Test with more than 20 MB of total POST data

8 624

USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE

- Test with JPEG, PNG, GIF (supported)

- Test with an unsupported image format

- Test with Flash not present

- Test with more than 20 MB of total POST data

8 824

USERS SHOULD BE ABLE TO UPLOAD MULTIPLE PHOTOS AT ONCE

- Test with JPEG, PNG, GIF (supported)

- Test with an unsupported image format

- Test with Flash not present

- Test with more than 20 MB of total POST data

8 824

This Story: 14 hours

COLLABORATIVEUX/UI

USE Documents AsCOMMUNICATION

STAND-UPGET EVERYONE IN

Fixing Agile for Designers

Virtual STand-UP

Jackson Yesterday: Finished wireframing the rating features, all updated wireframes are in SVN. Today: Testing image upload interface from C3; diving into some user flows for C4. Blockers: None for now.

VALIDATIONEmphasizeFixing Agile for Designers

FIT INUSER TESTING

HAVE DEVELOPERS GIVEPUBLIC DEMOS

GET THE TEAM INTOACCEPTANCE

TESTING

NOT FIXEDYET?

WHAT IF YOUR PROCESS IS

AGILEBE

Process still not working?

GOALSFOCUS ON THE

Process still not working?

ITERATIVE

ADAPTABLE

RAPID

COOPERATIVE

QUALITY-DRIVEN

THANKS!jackson@viget.com

http://viget.comhttp://jounce.net