Lean UX workshop @ Makers of Barcelona (MOB) + Agile BCN Meetup

Download Lean UX workshop @  Makers of Barcelona (MOB) + Agile BCN Meetup

Post on 23-Jan-2017

475 views

Category:

Design

3 download

TRANSCRIPT

Migrainxx

LEAN UX WORKSHOPA guide to your first prototypeBARCELONA JULY 16

@harrikenJose Berengueres

1

Berengueres | 2OutlineWhat is Lean UX?Prototype vs. MVPTypes of PrototypesExamples of MVPsFurther readingWorkshop time!

2

Berengueres | 31. What is Lean UX?

THE IRON TRIANGLE

There are 3 ingredients for a projects success (or life). What is the Area under the triangle? = Success What is the most important? Correct answer: Time (and timing). Of the three time is the only one no one can control. It never stops. You can (somehow) control quality and the money (rise funds). But timing, timing is everything.3

Berengueres | 41. What is Lean UX?

LEAN UX minimize time not money

4

Berengueres | 51. What is Lean UX?

Quality/Success Number of Iterations

Other methodologies based on minimizing dev time are : design thinking, Toyota Production System, Human Centered Design and Agile5

Berengueres | 61. What is Lean UX?LEAN UX minimize time by making iteration cycle faster

What is the most important? Correct answer: Time (and timing). Of the three time is the only one no one can control. It never stops. You can (somehow) control quality and the money (rise funds). But timing, timing is everything.6

Eric Ries @ http://theleanstartup.com/principlesExperiment/Feedback Loop1. What is Lean UX?

Note that in Agile the Build is replaced by CODE, product by prototype. Hago una web, eso no es un producto, hago una web, hago spam doy una charla y contrato google ads, eso es un producto.

Berengueres | 8OutlineWhat is Lean UX?Prototype vs. MVPTypes of PrototypesExamples of MVPsFurther readingWorkshop time!

8

2. Prototype vs. MVPPrototype vs MVPA Prototypes goal is to test product design or technical hypotheses.

An MVPs goal is to test business hypotheses as well as product design or technical hypotheses.

Berengueres | 10

2. Prototype vs. MVP@boagworld

The famous Maslow pyramid applied to Lean UX.A minimum viable product doesn't mean half finished. It's doing small number of things to a high standard. @boagworld10

2. Prototype vs. MVP

HOW WOULD YOU BUILD A CAR?AB

2. Prototype vs. MVP

WorkWork

feed-back pointRisk

Divergence, North.

Berengueres | 13OutlineWhat is Lean UX?Prototype vs. MVPTypes of PrototypesExamples of MVPsFurther readingWorkshop time!

13

Paper PrototypesTools often used:

PaperPenMarkers

Example Here3. Types of Prototypes

Add some examples

Paper prototypes are best forProducing tangible ideas from abstract ideasPreliminary team discussionsDrafting layouts and flows3. Types of Prototypes

Low Fidelity PrototypesTools often used:

BalsamiqAxure 3. Types of Prototypes

Low fidelity prototypes are best forContent drivenFocuses on layouts and flows Free from arguments related to aesthetic values like colors, typography, illustrations, images. 3. Types of Prototypes

High Fidelity PrototypesTools often used:

InvisionMarvelSketchPhotoshopJustinmind

Example Here3. Types of Prototypes

Add some examples

High fidelity prototypes are best for:Content drivenFocuses on layouts and flows Represents the look and feel of the real productCan be used for user research3. Types of Prototypes

Functional PrototypesTools often used:

App InventorOrigamiFramerTwitter BootstrapHTML & CSS or more3. Types of Prototypes

Functional prototypes are best forContent drivenFocuses on layouts and flows Represents the look and feel as well as the actual experience of the productBest for user research3. Types of Prototypes

Key TakeawaysDifferent types of prototypes with their own usecase

Prototypes are meant for iterations and progressions. for e.g. sketching to low fidelity prototype to high fidelity prototype to functional prototypes

Testing technical hypotheses3. Types of Prototypes

Berengueres | 23OutlineWhat is Lean UX?Prototype vs. MVPTypes of PrototypesExamples of MVPsFurther readingWorkshop time!

23

4. Examples of MVPs

The Half BakedFacebook

4. Examples of MVPs Blog first groupon

Blog-firstGroupon

4. Examples of MVPs Hackernews video

Videos Dropbox at hackernews

4. Examples of MVPs Kickstarter first

Pebbl Crowdfunded e

4. Examples of MVPs Craigs List first

Airbnb

Key TakeawaysAn MVP is the first version of your idea intended to communicate value to your target users or customers

Almost anything can be an MVP as long as it can prove your idea to be a viable business opportunity

Its absolutely normal for your MVP to suck

The MVP should be a way to learn more about your users and the problem youre trying to solve

4. Examples of MVPs

4. Examples of MVPs - Palm

4. Examples of MVPs - PalmJeff Hawkins Palm Pilot Prototype

Jeff Hawkins Palm Pilot Prototype

4. Examples of MVPs - Honda

Iterations: Motorized bicycle for wife Motorcycle company Car company

Bicyle Moto Carhttp://world.honda.com/history/limitlessdreams/joyofmanufacturing/

4. Examples of (non) MVPs Toyota type AA

First iteration: Luxury car AA (3 years to make the engine) epic fail

A bad example.http://world.honda.com/history/limitlessdreams/joyofmanufacturing/

Berengueres | 341. What is Lean UX?

What is the most important? Correct answer: Time (and timing). Of the three time is the only one no one can control. It never stops. You can (somehow) control quality and the money (rise funds). But timing, timing is everything.34

And now, the prototyping sessionGet your hands dirty6. Workshop time

Before the Prototype, there is the Business Model

https://github.com/rodw/paper-forms/blob/master/lean-canvas/lean-canvas.pdf?raw=true

Before the Prototype, there is the Business Model

Understand the Problems of Customer Segments

ProblemRevenue StreamsUVPUnfair AdvantageCustomer Segments

ChannelsSolutionKey MetricsCost Structure

Its better to have 10% of a segement thant to have 0.5% of all segements. Peter Thiel.IKEA Illustrative case.

ProblemRevenue StreamsUVPUnfair AdvantageCustomer Segments

ChannelsSolutionKey MetricsCost Structure

Define the Solution and Unique Value Proposition

Bachelors who are university students and professionalsAge 20 to 35Primarily expatriates Do not own carsCustomer Segment

Dont know who to call or where to find affordable placesDifficulty in knowing whether a roommate is the right fitDont know if the neighborhood has all the necessary facilities nearby (including supermarkets, hospitals, public transport)

Problems

User Personas

Janet

19 years oldInternational Student from South AfricaLives on CampusPrefers roommates who are clean, non party animals and ready to give space during study hours

Mike

28 years oldBanking professional at EmiratesNBDLives in Discovery GardensPrefers roommates who do their share of the cleaning, cooking as well as pays rents timely

Map the User Journey (number the steps, story)& draw the UVP Group - 15 minutes

Number the steps

Sketch Your App Individual - 15 minutes

Critique each others sketches

10 minutes

Pool best ideas from sketches into one final version then use Marvel to prototype

Group - 20 minutes

So what next? Depending on your level of confidence:Start with a low fidelity prototype - useful if youre working with a team of developers and a designer who can convert to high fidelityOr skip to high fidelity prototype - useful if youre skilled in Sketch or Photoshop to create a glimpse of the look and feel Or skip to functional prototype if you have mapped out all the use cases thoroughly.

Berengueres | 488. Acknowledgement (original presentation adapted from)

Ashiqur Rahman

ar@inov.io

48