Lean UX - Integrated Teams
-
Upload
fabio-armani -
Category
Business
-
view
121 -
download
0
description
Transcript of Lean UX - Integrated Teams
openware
#LeanUX | @fabioarmani
• Fabio Armani • CEO of OpenWare • Artistic Director of Different Lands • @fabioarmani • [email protected] • [email protected]
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"[email protected]"@fabioarmani"