uxsg#4 workshop
DESCRIPTION
Anders Ramsay - Modern UX BootcampTRANSCRIPT
@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 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.
@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.
@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
@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 teams4-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 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?
@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 StudioTapping 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 timebox4.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 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!
@ANDERSRAMSAY / #AGILEUX
Team Presentations
@ANDERSRAMSAY / #AGILEUX
Q&A Backlog
@ANDERSRAMSAY / #AGILEUX