SlideShare a Scribd company logo
@ANDERSRAMSAY / #AGILEUX
Modern UX Bootcamp
@ANDERSRAMSAY / #AGILEUX
Overview
- Introduction: What is Modern UX?
- The “Personal Shopper” Project
- An MVP Design Workflow: Five Core Activities
- Q&A
@ANDERSRAMSAY / #AGILEUX
Q&A Backlog
What’s a top
question you have
about Agile and/or
Lean UX?
@ANDERSRAMSAY / #AGILEUX
What is Modern UX?
(And why should I care?)
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
UX FocusLean Focus Agile Focus
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
Traditional UX
Design, Usability
What are we making?
Agile UX
How do we
make it?
Collaboration,
Delivery
Lean UX
Are we making
the right thing?
Startup
Measuring,validating
product/market fit.
@ANDERSRAMSAY / #AGILEUX
Modern UX
Traditional UX
Design, Usability
What are we making?
Agile UX
How do we
make it?
Collaboration,
Delivery
Lean UX
Are we making
the right thing?
Startup
Measuring,validating
product/market fit.
@ANDERSRAMSAY / #AGILEUX
Traditional UX
Design, Usability
What are we making?
Agile UX
How do we
make it?
Collaboration,
Delivery
Lean UX
Are we making
the right thing?
Startup
Measuring,validating
product/market fit.
Minimum
Viable
Products
@ANDERSRAMSAY / #AGILEUX
“Personal Shopper” Workshop Project
@ANDERSRAMSAY / #AGILEUX
Context: Big Department Stores
@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?
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
How do we
design effective
experiments?
@ANDERSRAMSAY / #AGILEUX
An MVP Design Workflow
@ANDERSRAMSAY / #AGILEUX
An MVP Design Workflow
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@ANDERSRAMSAY / #AGILEUX
Please divide into teams
4-6 per team.
1 product owner
@ANDERSRAMSAY / #AGILEUX
The Brilliant Idea...
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@ANDERSRAMSAY / #AGILEUX
The Brilliant Idea...
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@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?
@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.
@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.
@ANDERSRAMSAY / #AGILEUX
“Personal Shopper”
Problem
Backlog
@ANDERSRAMSAY / #AGILEUX
Get out of the building (test the problem)
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@ANDERSRAMSAY / #AGILEUX
Get out of the building (test the problem)
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@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?
@ANDERSRAMSAY / #AGILEUX
“Personal Shopper”
Problem Backlog
Invalidated
@ANDERSRAMSAY / #AGILEUX
Provisional Personas
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@ANDERSRAMSAY / #AGILEUX
Provisional Personas
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@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.
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
Activity 3: Provisional Personas
1.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?
@ANDERSRAMSAY / #AGILEUX
“Personal Shopper”
Problem Backlog Personas
Invalidated
@ANDERSRAMSAY / #AGILEUX
Activity: Design an Experiment
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@ANDERSRAMSAY / #AGILEUX
Activity: Design an Experiment
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,
measure,
iterate...
@ANDERSRAMSAY / #AGILEUX
Explore Solutions with Design Studio
Tapping into the whole team’s knowledge and imagination.
Can be used for research or actual design.
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
Activity 4: MVP Design
1.Use your top problem + persona
as a starting point.
2.Cardstorm individual ideas.
3.Sketching timebox
4.Pitch and Critique.
5.Iterate and converge...
What is a solution that would solve a top
problem for our persona?
@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.
@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
@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.
Brilliant
Idea!
@ANDERSRAMSAY / #AGILEUX
An MVP Design Workflow
Is this
solving an
actual
problem?
Who’s
problem?
Create an
MVP
Experiment
Test,
measure,
iterate...
Brilliant
Idea!
@ANDERSRAMSAY / #AGILEUX
An MVP Design Workflow
Is this
solving an
actual
problem?
Who’s
problem?
Create an
MVP
Experiment
Test,
measure,
iterate...
@ANDERSRAMSAY / #AGILEUX
Activity 5: Test Your Solution
1.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!
@ANDERSRAMSAY / #AGILEUX
Team Presentations
@ANDERSRAMSAY / #AGILEUX
Q&A Backlog
@ANDERSRAMSAY / #AGILEUX
Thanks!
@andersramsay
andersramsay.com

More Related Content

UXSG#4 Workshop