lean ux - integrated teams

125
openware #LeanUX | @fabioarmani

Upload: fabio-armani

Post on 27-Jan-2015

119 views

Category:

Business


0 download

DESCRIPTION

Lean UX presented by Fabio Armani at the Bettersoftware 2012 Conference in september 2012. Cosa è Lean UX? User Centered Design x Lean Startup (Customer Development + approcci Lean & Agile). Per la prima volta, i metodi User Centered Design hanno il dovuto slancio nel mondo degli affari. Quando la comunità imprenditoriale comincia a misurare il valore dell'esperienza dell'utente, è il momento in cui essa investe su questo importante aspetto come un driver di valore, piuttosto che come un costo da minimizzare. Quando la scienza del Lean Startup include lo "user centered design" come uno dei suoi attrattori principali, noi progettisti abbiamo una nuova opportunità di fare grandi cose. In questo talk vorrei parlare dell'importanza del movimento Lean UX e di come questo possa condurre alla realizzazione di un team integrato che superi il semplice concetto di Product Owner, andando a definire un più vasto concetto di Product Ownership. Oltre alla trattazione teorica dei concetti fondamentali, verranno forniti esempi tratti dalle mie molteplici esperienze di Coaching e Consulting in diversi contesti con aziende di medie e grandi dimensioni.

TRANSCRIPT

Page 1: Lean UX - Integrated Teams

openware

#LeanUX  |  @fabioarmani  

Page 2: Lean UX - Integrated Teams

•  Fabio Armani •  CEO of OpenWare •  Artistic Director of Different Lands •  @fabioarmani •  [email protected] •  [email protected]

About  me  

Page 3: Lean UX - Integrated Teams

Tradi6onal  UX  • User  Interviews  • Context  Inquiry  

Agile  UX  • Direct  interac5ons  • Rapid  itera5ons  

Lean  UX  •  Hypothesis  •  Experiment,  validated  learning  

Anders Ramsay.com

Page 4: Lean UX - Integrated Teams

Tradi6onal  UX  • Design,  Usability  • What  are  we  making?  

Agile  UX  • Collabora6on,  Delivery  

• How  do  we  make  it?  

Lean  UX  •  Measuring,  valida6ng  product  

•  Are  we  making  the  right  thing?  

Anders Ramsay.com

Page 5: Lean UX - Integrated Teams

What is Lean UX?

User Centered Design x Lean Startup (Customer Development + Lean & Agile approaches)

Anders Ramsay.com

Page 6: Lean UX - Integrated Teams
Page 7: Lean UX - Integrated Teams

#LeanUX  |  @fabioarmani  

Roots Of Lean Startup

make products customer wants

incremental releases

reduce waste

Page 8: Lean UX - Integrated Teams

For the first time, user centred design

methods have momentum

in the business community

Page 9: Lean UX - Integrated Teams

When the business community begins to measure the value

of user experience, they will

invest in it as a driver of value, rather than a cost to be minimized

Page 10: Lean UX - Integrated Teams

When the science of startups includes user centred design

as one of its tent-poles, we have

a new opportunity to do great things

Page 11: Lean UX - Integrated Teams

Lean UX means...

•  Tight collaboration of UX, Product Management, Development

•  Know your customers (users) and their needs •  Prioritize to reduce wasted effort •  Focus releases on specific user goals •  Externalize your ideas and your process •  Test design hypotheses rapidly and repeatedly •  Observing, learning, and adjusting with rapid

cycles of Think-Make-Check

Page 12: Lean UX - Integrated Teams

#LeanUX  |  @fabioarmani  

Lean UX Cycles

THINK

MAKE

CHECK

Prototypes Wireframes Value Prop Landing Page Hypotheses Comps Deployed Code

Generative Research Ideation

Mental models Behaviour Models

Test Results Competitive Analysis

A/B Testing Site Analytics

Usability Testing Funnel

Sign-ups

Page 13: Lean UX - Integrated Teams

Lean  

#LeanUX  |  @fabioarmani  

THINK

MAKE

CHECK

PrototypesWireframesValue PropLanding PageHypothesesCompsDeployed Code

A/B TestingSite Analytics

Usability TestingFunnel

Sign-ups

Generative ResearchIdeation

Mental modelsBehavior Models

Test ResultsCompetitive Analysis

Lean UX Cycles

Lean UX Cycles

Agile Sprints

S1 S2 S3 S4

Velocity Points Iterations Continuous Deployment

Only  part  of  the  story!  

 

Reduce  cycle  6me  not  build  6me    

Page 14: Lean UX - Integrated Teams

Lean UX Framework

Users

Needs

Uses/Scenarios

Features

User Stories Themed Releases

1. BLAH2. BLAH3. BLAH

Bob can...

people

product

BUSINESS THINKING

This Week

(CREATE SKETCHES, WIREFRAMES & PIXELS)

whywhat

how

Lean UX Framework

Users

Needs

Uses/Scenarios

Features

User Stories Themed Releases

1. BLAH2. BLAH3. BLAH

Bob can...

people

product

BUSINESS THINKING

This Week

(CREATE SKETCHES, WIREFRAMES & PIXELS)

whywhat

how

Page 15: Lean UX - Integrated Teams
Page 16: Lean UX - Integrated Teams
Page 17: Lean UX - Integrated Teams

Solving  problem  together  Every  member  of  your  team  is  present  during  brainstorming  for  new  projects  

#LeanUX  |  @fabioarmani  

Page 18: Lean UX - Integrated Teams

Sketch  Help  them  visualize  their  ideas  and  come  to  a  consensus  

#LeanUX  |  @fabioarmani  

Page 19: Lean UX - Integrated Teams

Prototype  Get  to  a  product  experience  as  quickly  as  possible  

#LeanUX  |  @fabioarmani  

Page 20: Lean UX - Integrated Teams

Prototype  Get  to  a  product  experience  as  quickly  as  possible  

Page 21: Lean UX - Integrated Teams

Pair  your  developers  and  designers  Have  developers  and  designers  pair  up  to  create  the  user  interfaces    

#LeanUX  |  @fabioarmani  

Page 22: Lean UX - Integrated Teams

Create  a  style  guide  Codify  your  design  elements  in  paRern  libraries  and  code  repositories      

#LeanUX  |  @fabioarmani  

Page 23: Lean UX - Integrated Teams

Why? Who? What? How?

Create & Delivery

Refine & Evolve

Page 24: Lean UX - Integrated Teams
Page 25: Lean UX - Integrated Teams
Page 26: Lean UX - Integrated Teams
Page 27: Lean UX - Integrated Teams
Page 28: Lean UX - Integrated Teams

Gather customer, business, and technical insights that provide insight into customer

and business goals and identify opportunities for inspiration, improvement, and innovation.

Page 29: Lean UX - Integrated Teams
Page 30: Lean UX - Integrated Teams
Page 31: Lean UX - Integrated Teams

We  place  the  customer  at  the  heart  of  our  design  thinking  to  produce  a  mul6tude  of  ideas  to  create  

different  opportuni6es.

Page 32: Lean UX - Integrated Teams
Page 33: Lean UX - Integrated Teams
Page 34: Lean UX - Integrated Teams

We  elaborate  on  the  vision  and  plan  what  we’ll  need  to  do  to  get  a  product  into  produc6on  as  

quickly  as  possible.

Page 35: Lean UX - Integrated Teams
Page 36: Lean UX - Integrated Teams
Page 37: Lean UX - Integrated Teams

We  think  about  the  cri6cal  path  and,  as  in  lean  manufacturing,  produce  our  design  inventory  just  

in  6me.

Page 38: Lean UX - Integrated Teams
Page 39: Lean UX - Integrated Teams
Page 40: Lean UX - Integrated Teams

You  then  seek  to  con6nuously  improve  your  product  through  a  process  of  test  and  learn.

Page 41: Lean UX - Integrated Teams
Page 42: Lean UX - Integrated Teams

Inclusive Emergent with direction

Integrated and collaborative Considerate of customer,

business and technology needs

 rather than elitist rather than up front rather than handed over the fence rather than biased toward a single factor  

Agile experience design is

Page 43: Lean UX - Integrated Teams
Page 44: Lean UX - Integrated Teams

Agile  

Design  

Business  

Customer  Technology  

enable

AXD  

Page 45: Lean UX - Integrated Teams
Page 46: Lean UX - Integrated Teams
Page 47: Lean UX - Integrated Teams

Lean UX Inspired by Lean Startup and Agile development theories, it’s the practice of bringing the true nature of our work to light faster, with less emphasis on deliverables and greater focus on the actual experience being designed.

#LeanUX  |  @fabioarmani  

Jeff Gothelf

Page 48: Lean UX - Integrated Teams

Agile •  Individuals and interactions over processes and tools •  Working software over comprehensive documentation •  Customer collaboration over contract negotiation •  Responding to change over following a plan

Lean Lean Startup initially advocates the creation of rapid prototypes designed to test market assumptions, and uses customer feedback to evolve them much faster than via more traditional software engineering practices.

#LeanUX  |  @fabioarmani  

Page 49: Lean UX - Integrated Teams

12  emerging  best  prac6ces  •  Drive: UX practitioners are part of the customer or product owner team •  Research, model, and design up front - but only just enough •  Chunk your design work •  Use parallel track development to work ahead, and follow behind •  Buy design time with complex engineering stories •  Cultivate a user validation group for use for continuous user validation •  Schedule continuous user research in a separate track from

development •  Leverage user time for multiple activities •  Use RITE to iterate UI before development •  Prototype in low fidelity •  Treat prototype as specification •  Become a design facilitator

Page 50: Lean UX - Integrated Teams

Johnny Rotten

Page 51: Lean UX - Integrated Teams
Page 52: Lean UX - Integrated Teams

Don't know what I want, but I know how to get it

Page 53: Lean UX - Integrated Teams

Don't know what I want, but I know how to get it

Sex Pistol’s Anarchy in the UK

Page 54: Lean UX - Integrated Teams

We know what we want. Can you estimate how long it will take to build?  

Page 55: Lean UX - Integrated Teams

We know what we want. Can you estimate how long it will take to build?

Page 56: Lean UX - Integrated Teams

We need to get these requirements nailed down ….fore we can start

development.

Page 57: Lean UX - Integrated Teams

We need to get these requirements nailed down before we can start

development.

Page 58: Lean UX - Integrated Teams

We use an iterative and incremental agile process

Page 59: Lean UX - Integrated Teams
Page 60: Lean UX - Integrated Teams
Page 61: Lean UX - Integrated Teams

Potentially shippable product increment

Page 62: Lean UX - Integrated Teams

Potentially shippable product increment ?  

Page 63: Lean UX - Integrated Teams

Iterating and incrementing are separate ideas

hRp://www.agileproductdesign.com/blog/dont_know_what_i_want.html  

Page 64: Lean UX - Integrated Teams

Iterating and incrementing are separate ideas

Incremen6ng  

Page 65: Lean UX - Integrated Teams

1.  Someone  in  the  business  has  an  idea  

Page 66: Lean UX - Integrated Teams

1.  Someone  in  the  business  has  an  idea  

Page 67: Lean UX - Integrated Teams

As a user I want to … so that …

2.  The  development  team  decompose  the  idea  into  stories  

Page 68: Lean UX - Integrated Teams

2.  The  development  team  decompose  the  idea  into  stories  

Page 69: Lean UX - Integrated Teams

4.  The  team  delivers  in  increments,  tackling  the  technically  hardest  func6onality  first  

Page 70: Lean UX - Integrated Teams

5.  They  deliver  high-­‐quality  stories  on  6me  and  on  budget,  adding  func6onality  itera6vely.  

Page 71: Lean UX - Integrated Teams

6.  Yet  the  end  result  is  not  quite  what  everyone  expected!  

Page 72: Lean UX - Integrated Teams
Page 73: Lean UX - Integrated Teams
Page 74: Lean UX - Integrated Teams

The  process  is  far  from  ideal  

Page 75: Lean UX - Integrated Teams

Itera6ng  and  incremen6ng  are  separate  ideas  Itera6ng  

Page 76: Lean UX - Integrated Teams

Let’s  see  if  we  can  fix  it  by  injec6ng  some  user  experience  

Page 77: Lean UX - Integrated Teams

1.  Someone  in  the  business  sees  an  opportunity  

Page 78: Lean UX - Integrated Teams

1.  Someone  in  the  business  sees  an  opportunity  

Page 79: Lean UX - Integrated Teams

2.  A  cross-­‐func6onal  team  comes  together  

Page 80: Lean UX - Integrated Teams

3.  Everyone  has  lots  of  different  ideas  

Page 81: Lean UX - Integrated Teams

3.  Everyone  has  lots  of  different  ideas  

Page 82: Lean UX - Integrated Teams

4.  Everyone  collaborates  to  reach  a  shared  understanding  

We  could  use  that  landscape  

Page 83: Lean UX - Integrated Teams

5.  They  discover  new  ideas  by  gefng  out  of  the  office  

Page 84: Lean UX - Integrated Teams

6.  Rapid  sketching  brings  the  vision  to  life  

Page 85: Lean UX - Integrated Teams

7.  With  a  clearer  vision  we  produce,  priori6ze,  and  es6mate  user  stories  and  create  a  development  plan  

Page 86: Lean UX - Integrated Teams

8.  Detail  emerges  throughout  the  development  process,  directed  by  the  vision  

Page 87: Lean UX - Integrated Teams

8.  Detail  emerges  throughout  the  development  process,  directed  by  the  vision  

Page 88: Lean UX - Integrated Teams

The  result  is  a  useful,  usable  and  desirable  product    

Page 89: Lean UX - Integrated Teams
Page 90: Lean UX - Integrated Teams

This is not a return to big, up-front design

Page 91: Lean UX - Integrated Teams

we Iterate for multiple reasons

Page 92: Lean UX - Integrated Teams

we iterate to find the right solution

Page 93: Lean UX - Integrated Teams

then given some good candidate solution, we might

then iterate to improve a candidate solution

Page 94: Lean UX - Integrated Teams

we Increment for multiple reasons

Page 95: Lean UX - Integrated Teams

we use incrementing to gradually build up functionality

Page 96: Lean UX - Integrated Teams

we release incrementally so that we actually get that business

value we're chasing.

Page 97: Lean UX - Integrated Teams

Itera6ve-­‐incremental  

Agile space

Waterfall

Spiral model

Staged delivery

incrementalness

iterativity

#LeanUX  |  @fabioarmani  http://samipoimala.com/it/2010/04/16/iterations-and-increments-explained/

Page 98: Lean UX - Integrated Teams

Design-­‐led  par6cipa6on  Design focus

#LeanUX  |  @fabioarmani  

Research focus

Exp

ert

led

Participatio

n & co

llabo

ration

Participatory design

Agency approach

Enterprise approach

Page 99: Lean UX - Integrated Teams

Designers  and  developers  paring  

hRp://www.uxmindset.com  

Page 100: Lean UX - Integrated Teams

hRp://www.uxmindset.com/2011/11/lean-­‐ux-­‐agile-­‐development-­‐the-­‐next-­‐big-­‐thing-­‐in-­‐sokware-­‐development/  

Page 101: Lean UX - Integrated Teams

Analysis & Design

Itera6on  Planning  Mee6ng  

Design  Review  Mee6ng  

Analysis & Design

Itera6on  Planning  Mee6ng  

Design  Review  Mee6ng  

Code

Story  Planning  Mee6ng  

Test / Deploy

Showcase  Retrospec6ve  

Code

Story  Planning  Mee6ng  

Test / Deploy

Showcase  

Retrospec6ve  

Week  1   Week  2   Week  3   Week  4  

Itera

tion1

Iter

atio

n2

The  life  of  a  story  

Page 102: Lean UX - Integrated Teams

Adding Design into the Mix

Page 103: Lean UX - Integrated Teams

Design  works  ahead  of  development  …    

Set up environments

Itera*on  0   Itera*on  1   Itera*on  2  

Code

Design for Iteration 4

Test completed code

Itera*on  3  

Design and test future concepts

Design for Iteration 1

Code Code

Design for Iteration 2

Design for Iteration 3

Test completed code D

esig

ners

Dev

elo

per

s

Page 104: Lean UX - Integrated Teams

Working as a team

Page 105: Lean UX - Integrated Teams
Page 106: Lean UX - Integrated Teams
Page 107: Lean UX - Integrated Teams

UX  

Dev  

QA  

Prod  

Page 108: Lean UX - Integrated Teams

a shared goal

Page 109: Lean UX - Integrated Teams
Page 110: Lean UX - Integrated Teams

co-creation

Page 111: Lean UX - Integrated Teams
Page 112: Lean UX - Integrated Teams

one in front: providing design and defining interaction behaviour for the stories

Page 113: Lean UX - Integrated Teams

one in front: providing design and defining interaction behaviour for the stories

Page 114: Lean UX - Integrated Teams

clarifying: supporting the developer in the iteration with the design

Page 115: Lean UX - Integrated Teams

clarifying: supporting the developer in the iteration with the design

Page 116: Lean UX - Integrated Teams

testing: testing the story with customer

Page 117: Lean UX - Integrated Teams

testing: testing the story with customer

Page 118: Lean UX - Integrated Teams

Design spikes and evolving vision: defining and driving the vision to ensure design

coherence and creative integrity

Page 119: Lean UX - Integrated Teams

Design spikes and evolving vision: defining and driving the vision to ensure design

coherence and creative integrity

Page 120: Lean UX - Integrated Teams

What  we  really  need  is  a  shared  accountability  model…    

Page 121: Lean UX - Integrated Teams

a  team  of  people,  each  of  whom  work  together  as  part  of  the  team…  

Page 122: Lean UX - Integrated Teams

a  team  of  people,  each  of  whom  work  together  as  part  of  the  team…  

#LeanUX  |  @fabioarmani  

Page 123: Lean UX - Integrated Teams

What Lean UX is…

#LeanUX  |  @fabioarmani  

Page 124: Lean UX - Integrated Teams

Lean UX

User Centered Design x Lean Startup (Customer Development + Lean & Agile approaches)

Page 125: Lean UX - Integrated Teams

Fabio Armani"CEO OpenWare"[email protected]"@fabioarmani"