openware

#LeanUX  |  @fabioarmani  

•  Fabio Armani •  CEO of OpenWare •  Artistic Director of Different Lands •  @fabioarmani •  f.armani@open-ware.org •  armani.fabio@gmail.com

About  me  

Tradi6onal  UX  • User  Interviews  • Context  Inquiry  

Agile  UX  • Direct  interac5ons  • Rapid  itera5ons  

Lean  UX  •  Hypothesis  •  Experiment,  validated  learning  

Anders Ramsay.com

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

What is Lean UX?

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

Anders Ramsay.com

#LeanUX  |  @fabioarmani  

Roots Of Lean Startup

make products customer wants

incremental releases

reduce waste

For the first time, user centred design

methods have momentum

in the business community

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

When the science of startups includes user centred design

as one of its tent-poles, we have

a new opportunity to do great things

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

#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

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    

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

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

#LeanUX  |  @fabioarmani  

Sketch  Help  them  visualize  their  ideas  and  come  to  a  consensus  

#LeanUX  |  @fabioarmani  

Prototype  Get  to  a  product  experience  as  quickly  as  possible  

#LeanUX  |  @fabioarmani  

Prototype  Get  to  a  product  experience  as  quickly  as  possible  

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

#LeanUX  |  @fabioarmani  

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

#LeanUX  |  @fabioarmani  

Why? Who? What? How?

Create & Delivery

Refine & Evolve

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

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

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

different  opportuni6es.

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

quickly  as  possible.

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

in  6me.

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

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

Agile  

Design  

Business  

Customer  Technology  

enable

AXD  

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

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  

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

Johnny Rotten

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

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

Sex Pistol’s Anarchy in the UK

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

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

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

development.

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

development.

We use an iterative and incremental agile process

Potentially shippable product increment

Potentially shippable product increment ?  

Iterating and incrementing are separate ideas

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

Iterating and incrementing are separate ideas

Incremen6ng  

1.  Someone  in  the  business  has  an  idea  

1.  Someone  in  the  business  has  an  idea  

As a user I want to … so that …

2.  The  development  team  decompose  the  idea  into  stories  

2.  The  development  team  decompose  the  idea  into  stories  

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

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

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

The  process  is  far  from  ideal  

Itera6ng  and  incremen6ng  are  separate  ideas  Itera6ng  

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

1.  Someone  in  the  business  sees  an  opportunity  

1.  Someone  in  the  business  sees  an  opportunity  

2.  A  cross-­‐func6onal  team  comes  together  

3.  Everyone  has  lots  of  different  ideas  

3.  Everyone  has  lots  of  different  ideas  

4.  Everyone  collaborates  to  reach  a  shared  understanding  

We  could  use  that  landscape  

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

6.  Rapid  sketching  brings  the  vision  to  life  

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

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

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

The  result  is  a  useful,  usable  and  desirable  product    

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

we Iterate for multiple reasons

we iterate to find the right solution

then given some good candidate solution, we might

then iterate to improve a candidate solution

we Increment for multiple reasons

we use incrementing to gradually build up functionality

we release incrementally so that we actually get that business

value we're chasing.

Itera6ve-­‐incremental  

Agile space

Waterfall

Spiral model

Staged delivery

incrementalness

iterativity

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

Design-­‐led  par6cipa6on  Design focus

#LeanUX  |  @fabioarmani  

Research focus

Exp

ert

led

Participatio

n & co

llabo

ration

Participatory design

Agency approach

Enterprise approach

Designers  and  developers  paring  

hRp://www.uxmindset.com  

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

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  

Adding Design into the Mix

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

Working as a team

UX  

Dev  

QA  

Prod  

a shared goal

co-creation

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

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

clarifying: supporting the developer in the iteration with the design

clarifying: supporting the developer in the iteration with the design

testing: testing the story with customer

testing: testing the story with customer

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

coherence and creative integrity

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

coherence and creative integrity

What  we  really  need  is  a  shared  accountability  model…    

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

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

#LeanUX  |  @fabioarmani  

What Lean UX is…

#LeanUX  |  @fabioarmani  

Lean UX

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

Fabio Armani"CEO OpenWare"f.armani@open-ware.org"@fabioarmani"