Expeirence design-vietnam-agile tour

47
HELLO, EXPERIENCE DESIGN AGILE TOUR 2011 November Ho Chi Minh City

description

 

Transcript of Expeirence design-vietnam-agile tour

Page 1: Expeirence design-vietnam-agile tour

HELLO, EXPERIENCE DESIGN

AGILE TOUR 2011 NovemberHo Chi Minh City

Page 2: Expeirence design-vietnam-agile tour

Zichuan XiongThoughtWorks China

Experience Design Regional Lead

Page 3: Expeirence design-vietnam-agile tour

Topics

‣ Where is this coming from?‣ What is Experience Design?‣ How to integrate Experience Design into Agile delivery?‣ Q&A

Page 4: Expeirence design-vietnam-agile tour

Where is this coming from

Page 5: Expeirence design-vietnam-agile tour

I started my ThoughtWorks life 4 years ago

Page 6: Expeirence design-vietnam-agile tour

As a rookie

Page 7: Expeirence design-vietnam-agile tour

My first project was a pre-sale

Page 8: Expeirence design-vietnam-agile tour

How can I contribute?

Page 9: Expeirence design-vietnam-agile tour

I got inspired by movie story board

Page 10: Expeirence design-vietnam-agile tour

I did these stuff

Page 11: Expeirence design-vietnam-agile tour

Clients loved it

Page 12: Expeirence design-vietnam-agile tour

After that, I joint, and started leading many project Inceptions

Page 13: Expeirence design-vietnam-agile tour

By the way, what is inception?

Page 14: Expeirence design-vietnam-agile tour

The Inception is our process of “inceptioning” every stakeholder to have a common picture, which drives actions that everyone agrees.

Page 15: Expeirence design-vietnam-agile tour

Dream -> Plan

Page 16: Expeirence design-vietnam-agile tour

We found the practices we did in our Inceptions are sharing very similar principles.

Page 17: Expeirence design-vietnam-agile tour

Year 2010, we thought we could theme them together as we did the similar to Agile

development practices.

Page 18: Expeirence design-vietnam-agile tour

We call it Experience Design

Page 19: Expeirence design-vietnam-agile tour

So what is Experience Design

Page 20: Expeirence design-vietnam-agile tour

Experience design (XD) is the practice of designing products, processes, services, events, and environments with a focus placed on the quality of the user experience and culturally relevant solutions, with less emphasis placed on increasing and improving functionality of the design.

source: http://en.wikipedia.org/wiki/Experience_design

Page 21: Expeirence design-vietnam-agile tour

Now, software is not just application or tool, it’s a service which links your customers and your business model

customers business model

software

software

Page 22: Expeirence design-vietnam-agile tour

Product provides functionalities, while service provides experience

comprehensive functionality

expected and delighted experience

Page 23: Expeirence design-vietnam-agile tour

product service

Page 24: Expeirence design-vietnam-agile tour

expected and delighted experience

I am culturally motivated to be in that experience

I feel happy when I am experiencing it

if software is more a service

Page 25: Expeirence design-vietnam-agile tour

expected and delighted experience

How to make the experience expected by

customers?

How to make the journey delighted by

customers?

Design Challenges

Page 26: Expeirence design-vietnam-agile tour

expected and delighted experience

How to make the experience expected by

customers?

How to make the journey delighted by

customers?

Experience Design Solutions

design the journey in customers’ context

fast prototype, continually and iteratively test it with real customers

Page 27: Expeirence design-vietnam-agile tour

How to integrate into an Agile delivery process?

6 tips

Page 28: Expeirence design-vietnam-agile tour

TIP ONE

Stop talking about requirement list, use experience design to kickoff your project

Page 29: Expeirence design-vietnam-agile tour

EXPERIENCE DESIGN

STORIES

REQUIREMENTS

Page 30: Expeirence design-vietnam-agile tour

X X X X

must-have stories for basic experience nice-to-have stories for

enhanced experience

target persona

motivations

goals

Page 31: Expeirence design-vietnam-agile tour

viablebusiness

delightedcustomers

feasible technologyscope

Page 32: Expeirence design-vietnam-agile tour

TIP TWO

De-mystify design process

Page 33: Expeirence design-vietnam-agile tour

collectingrequirements

grouping requirements prototyping visual

designing hi-fi prototype

requirement list

PSD + HTML page

?what happened?

client

Design Waterfall

Page 34: Expeirence design-vietnam-agile tour

Inspiration

Ideation

Implementation

Inspiration Inspiration

Ideation

Implementation

Ideation

Implementation Implementation

Evolve Evolve Evolve

One team

Clients, Designers, BA, QA, Tech Lead, PM

Page 35: Expeirence design-vietnam-agile tour

Visualising everything during the design process with your team (inc. your clients)

Page 36: Expeirence design-vietnam-agile tour

TIP THREE

Test your design continually and iteratively with real customers

Page 37: Expeirence design-vietnam-agile tour

buy rent new homes share find a agent sold prices retire home ideas Experts

my scrapbook

browsing

kitchenall bath dining living storage garden kids

KITCHEN browse more300 x 100 Ad

(3:1 Rectangle)

300 x 600 Ad(Half Page Ad)

BATH browse more

DINING browse more

LIVING browse more

2 The picture stands outI click the picture

buy rent new homes share find a agent sold prices retire home ideas Experts

my scrapbook

bath dining living storage home office garden children textile

filter view by

reset all

size

large

medium

small

brand

ikea

mosbique

lagvi

browsing

posh

kitchen

red

modern

wooden

furnishings

table

chair

basin

sort by: MOST VIEWED 1-17 of 17 ideas

kitchenall bath dining living storage garden kids

I click this new tag to filter4

buy rent new homes share find a agent sold prices retire home ideas Experts

my scrapbook

browsing

kitchenall bath dining living storage garden kids

KITCHEN browse more300 x 100 Ad

(3:1 Rectangle)

300 x 600 Ad(Half Page Ad)

BATH browse more

DINING browse more

LIVING browse more

1 I hover over the picture cell

buy rent new homes share find a agent sold prices retire home ideas Experts

my scrapbook

browsing

kitchenall bath dining living storage garden kids

KITCHEN

browse more300 x 100 Ad

(3:1 Rectangle)

300 x 600 Ad(Half Page Ad)

BATH browse more

DINING browse more

LIVING browse more

180 x 150 Ad(Rectangle)

Save

TAGS

kitchenposh red

modern wooden

pictures with similar tags

Share

3 I click similar pictures link

paper prototyping wireframing hi-fi prototyping

......Continually refine your prototype, and test them with real users frequently

Page 38: Expeirence design-vietnam-agile tour

......

Iteration 0

design & plan

Development

Experience Design

user testing

design & plan(refined)

user testing

Iteration 1 Iteration 2

Iteratively run user testing along with your interactions go, always refine your design and plan for next iteration.

Page 39: Expeirence design-vietnam-agile tour

TIP FOUR

Experience map to replace your product backlogs wall

Page 40: Expeirence design-vietnam-agile tour

product detail view

eShopping project backlogs wall

product listing

price compare

rating

share

comments

buy

shopping cart

checkout

shipment

user account

login/out

Traditional backlogs lack of the context of whole release

Page 41: Expeirence design-vietnam-agile tour

eShopping project experience wall

join us selectget

advice buy checkout share leave

Phase 1

Phase 2

Experience wall give everyone in team a good context

Page 42: Expeirence design-vietnam-agile tour

TIP FIVE

Prioritise in the context of designed experience

Page 43: Expeirence design-vietnam-agile tour

can you prioritise those features

for me?!

urr...tricky

Page 44: Expeirence design-vietnam-agile tour

join us selectget

advice buy checkout share leave

?

must-have experience

nice-to-have experienceenhanced experience

let’s talk about priority in a complete experience to see which ones are must-haves.

emm...that makes decision easier

Page 45: Expeirence design-vietnam-agile tour

TIP SIX

Win more contracts by new customer experience

Page 46: Expeirence design-vietnam-agile tour

investigate compareget

advice buy decoratemovein

buy insurance

landlord

a new life

agency

analysissetprice on sale recommend visit deal a

property sold

analysis compareget

advice buy on loan waiting

investor

a property bought

project alphaproject beta

project delta

on-going inception

high-potential

When you design a big picture of customer experience for next two years to your client, winning contract is predictable

Page 47: Expeirence design-vietnam-agile tour