uxsg#4 workshop

50
@ANDERSRAMSAY / #AGILEUX Modern UX Bootcamp

Upload: ux-singapore

Post on 27-Jan-2015

111 views

Category:

Design


1 download

DESCRIPTION

Anders Ramsay - Modern UX Bootcamp

TRANSCRIPT

Page 1: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Modern UX Bootcamp

Page 2: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Overview- Introduction: What is Modern UX?

- The “Personal Shopper” Project

- An MVP Design Workflow: Five Core Activities

- Q&A

Page 3: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Q&A Backlog What’s a top question you have about Agile and/or Lean UX?

Page 4: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

What is Modern UX?(And why should I care?)

Page 5: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Page 6: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Page 7: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Page 8: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

UX FocusLean Focus Agile Focus

Page 9: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Page 10: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Traditional UXDesign, Usability

What are we making?

Agile UX

How do we make it?

Collaboration, Delivery

Lean UX

Are we making the right thing?

Startup

Measuring,validatingproduct/market fit.

Page 11: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Modern UX

Traditional UXDesign, Usability

What are we making?

Agile UX

How do we make it?

Collaboration, Delivery

Lean UX

Are we making the right thing?

Startup

Measuring,validatingproduct/market fit.

Page 12: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Traditional UXDesign, Usability

What are we making?

Agile UX

How do we make it?

Collaboration, Delivery

Lean UX

Are we making the right thing?

Startup

Measuring,validatingproduct/market fit.

Minimum Viable

Products

Page 13: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

“Personal Shopper” Workshop Project

Page 14: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Context: Big Department Stores

Page 15: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

The “Personal Shopper” Idea

Department Store CEO

I see people milling about the department store, seemingly lost. People will be in

one part of the store, say men’s wear, and now want to find shoes to match the suit they’re looking at, but where is

the shoe department? And how will I be able to match this suit to any shoes I find in some completely different part of the store? Same thing with furniture, appliances, everything. People want personal assistance. I want them to be able to quickly get answers to questions about products in the store. I want them to be assured that we can match or beat any price in a competitor’s store. I want them to be able to use coupons

and offers. I want them to feel like they’re being taken care of. So, what do we do next? When we can we

launch the personal shopper?

Page 16: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Page 17: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

How do we design effective experiments?

Page 18: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

An MVP Design Workflow

Page 19: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

An MVP Design Workflow

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 20: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Please divide into teams4-6 per team.1 product owner

Page 21: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

The Brilliant Idea...

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 22: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

The Brilliant Idea...

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 23: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity 1: Define the Problem

1.Cardstorm candidate problems - Five-minute timebox- Write down as many answers as you

can think of to the question: “What are common frustrations or challenges among shoppers in large department stores?”

- Chunk similar cards.- Dot-vote to prioritize.

2.Validate with business sponsor.

What problems is this idea trying to solve?

Page 24: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity 1: Define the Problem

1.Cardstorm candidate problems - Five-minute timebox- Write down as many answers as you

can think of to the question: “What are common frustrations or challenges among shoppers in large department stores?”

- Chunk similar cards.- Dot-vote to prioritize.

2.Validate with business sponsor.

What problems is this idea trying to solve?

Customers don’t know if there are items similar to this one elsewhere in the store.

Page 25: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Dot-voting- Quickly captures trending

opinions.- How many dots? About half of qty

items to vote on, rounded up.- Use markers or stickie dots.- Everyone votes at once.- Voters can distribute dots any way

they want.

Page 26: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

“Personal Shopper”Problem Backlog

Page 27: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Get out of the building (test the problem)

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 28: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Get out of the building (test the problem)

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 29: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity 2: “Get Out of the Building”1. Interview two members of another

team.2. Ask them if they experience any of the

problems you’ve defined.3. Ask them about their general habits

and desires relating to shopping in a department store.

4. Collect on sticky notes.

Do users actually experience the problem(s) we’ve defined?

Page 30: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

“Personal Shopper”

Problem Backlog

Invalidated

Page 31: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Provisional Personas

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 32: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Provisional Personas

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 33: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Provisional Personas: Who do we think our user are?A shift to more outcome-driven and continuous research.Made possible due to light-weight, team-oriented methods.

Page 34: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Page 35: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity 3: Provisional Personas1. Use the material you collected as

a starting point.2. Look for patterns.3. Chunk and prioritize.4. Create a persona as a team.

Who has the problems we’ve validated?

Page 36: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

“Personal Shopper”

Problem Backlog Personas

Invalidated

Page 37: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity: Design an Experiment

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 38: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity: Design an Experiment

Brilliant Idea!

GOOB! Create Provisional Personas

Design an Experiment

Test, measure, iterate...

Page 39: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Explore Solutions with Design StudioTapping into the whole team’s knowledge and imagination.Can be used for research or actual design.

Page 40: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Page 41: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity 4: MVP Design

1.Use your top problem + persona as a starting point.

2.Cardstorm individual ideas.3.Sketching timebox4.Pitch and Critique.5.Iterate and converge...

What is a solution that would solve a top problem for our persona?

Page 42: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Sketching Timebox- 5m timebox.- Everyone sketches.- No rules.- If conducting with general

stakeholders, clarify that this is research, not design.

- If conducting with the internal team, the UI concepts can be the basis for the actual design.

Page 43: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

- Post the sketches.- 2-minute round-robin, then open

critique.- Take careful notes, attach to the

respective sketches.- Look for and work to resolve

vision differences.- (Optional) Dot-vote to uncover

trending solutions.

Pitch/Critique

Page 44: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Iterate and Converge- Complete another sketching

round based on the trending direction from the previous round.

- Goal is to converge on a single design solution or direction.

Page 45: UXSG#4 Workshop

Brilliant Idea!

@ANDERSRAMSAY / #AGILEUX

An MVP Design Workflow

Is this solving an actual problem?

Who’s problem?

Create an MVP Experiment

Test, measure, iterate...

Page 46: UXSG#4 Workshop

Brilliant Idea!

@ANDERSRAMSAY / #AGILEUX

An MVP Design Workflow

Is this solving an actual problem?

Who’s problem?

Create an MVP Experiment

Test, measure, iterate...

Page 47: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Activity 5: Test Your Solution1. I’ll send around members from another

team to yours.2. You’ll test whatever you have ready at

that time.3. Use metrics to measure the quality of

your idea. For example:- On a scale from 1-10, would this make you

more or less likely to shop in our store?

4. Total up your metrics and get ready to demo!

Page 48: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Team Presentations

Page 49: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

Q&A Backlog

Page 50: UXSG#4 Workshop

@ANDERSRAMSAY / #AGILEUX

[email protected]