@ANDERSRAMSAY / #AGILEUX
Modern UX Bootcamp
@ANDERSRAMSAY / #AGILEUX
Overview
- Introduction: What is Modern UX?
- The “Personal Shopper” Project
- An MVP Design Work...
@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,
D...
@ANDERSRAMSAY / #AGILEUX
Modern UX
Traditional UX
Design, Usability
What are we making?
Agile UX
How do we
make it?
Collab...
@ANDERSRAMSAY / #AGILEUX
Traditional UX
Design, Usability
What are we making?
Agile UX
How do we
make it?
Collaboration,
D...
@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,...
@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
Tes...
@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...
@ANDERSRAMSAY / #AGILEUX
The Brilliant Idea...
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test...
@ANDERSRAMSAY / #AGILEUX
Activity 1: Define the Problem
1.Cardstorm candidate problems
- Five-minute timebox
- Write down ...
@ANDERSRAMSAY / #AGILEUX
Activity 1: Define the Problem
1.Cardstorm candidate problems
- Five-minute timebox
- Write down ...
@ANDERSRAMSAY / #AGILEUX
Dot-voting
- Quickly captures trending
opinions.
- How many dots? About half of qty
items to vote...
@ANDERSRAMSAY / #AGILEUX
“Personal Shopper”
Problem
Backlog
@ANDERSRAMSAY / #AGILEUX
Get out of the building (test the problem)
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Desi...
@ANDERSRAMSAY / #AGILEUX
Get out of the building (test the problem)
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Desi...
@ANDERSRAMSAY / #AGILEUX
Activity 2: “Get Out of the Building”
1.Interview two members of another
team.
2.Ask them if they...
@ANDERSRAMSAY / #AGILEUX
“Personal Shopper”
Problem Backlog
Invalidated
@ANDERSRAMSAY / #AGILEUX
Provisional Personas
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,...
@ANDERSRAMSAY / #AGILEUX
Provisional Personas
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experiment
Test,...
@ANDERSRAMSAY / #AGILEUX
Provisional Personas: Who do we think our user are?
A shift to more outcome-driven and continuous...
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
Activity 3: Provisional Personas
1.Use the material you collected as
a starting point.
2.Look for...
@ANDERSRAMSAY / #AGILEUX
“Personal Shopper”
Problem Backlog Personas
Invalidated
@ANDERSRAMSAY / #AGILEUX
Activity: Design an Experiment
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experi...
@ANDERSRAMSAY / #AGILEUX
Activity: Design an Experiment
Brilliant
Idea!
GOOB! Create
Provisional
Personas
Design an
Experi...
@ANDERSRAMSAY / #AGILEUX
Explore Solutions with Design Studio
Tapping into the whole team’s knowledge and imagination.
Can...
@ANDERSRAMSAY / #AGILEUX
@ANDERSRAMSAY / #AGILEUX
Activity 4: MVP Design
1.Use your top problem + persona
as a starting point.
2.Cardstorm individu...
@ANDERSRAMSAY / #AGILEUX
Sketching Timebox
- 5m timebox.
- Everyone sketches.
- No rules.
- If conducting with general
sta...
@ANDERSRAMSAY / #AGILEUX
- Post the sketches.
- 2-minute round-robin, then open
critique.
- Take careful notes, attach to ...
@ANDERSRAMSAY / #AGILEUX
Iterate and Converge
- Complete another sketching
round based on the trending
direction from the ...
Brilliant
Idea!
@ANDERSRAMSAY / #AGILEUX
An MVP Design Workflow
Is this
solving an
actual
problem?
Who’s
problem?
Create a...
Brilliant
Idea!
@ANDERSRAMSAY / #AGILEUX
An MVP Design Workflow
Is this
solving an
actual
problem?
Who’s
problem?
Create a...
@ANDERSRAMSAY / #AGILEUX
Activity 5: Test Your Solution
1.I’ll send around members from another
team to yours.
2.You’ll te...
@ANDERSRAMSAY / #AGILEUX
Team Presentations
@ANDERSRAMSAY / #AGILEUX
Q&A Backlog
@ANDERSRAMSAY / #AGILEUX
Thanks!
@andersramsay
andersramsay.com
Upcoming SlideShare
Loading in …5
×

UXSG#4 Workshop

938 views

Published on

Anders Ramsay - Modern UX Bootcamp

Published in: Design, Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
938
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
28
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

UXSG#4 Workshop

  1. 1. @ANDERSRAMSAY / #AGILEUX Modern UX Bootcamp
  2. 2. @ANDERSRAMSAY / #AGILEUX Overview - Introduction: What is Modern UX? - The “Personal Shopper” Project - An MVP Design Workflow: Five Core Activities - Q&A
  3. 3. @ANDERSRAMSAY / #AGILEUX Q&A Backlog What’s a top question you have about Agile and/or Lean UX?
  4. 4. @ANDERSRAMSAY / #AGILEUX What is Modern UX? (And why should I care?)
  5. 5. @ANDERSRAMSAY / #AGILEUX
  6. 6. @ANDERSRAMSAY / #AGILEUX
  7. 7. @ANDERSRAMSAY / #AGILEUX
  8. 8. @ANDERSRAMSAY / #AGILEUX UX FocusLean Focus Agile Focus
  9. 9. @ANDERSRAMSAY / #AGILEUX
  10. 10. @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.
  11. 11. @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.
  12. 12. @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
  13. 13. @ANDERSRAMSAY / #AGILEUX “Personal Shopper” Workshop Project
  14. 14. @ANDERSRAMSAY / #AGILEUX Context: Big Department Stores
  15. 15. @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?
  16. 16. @ANDERSRAMSAY / #AGILEUX
  17. 17. @ANDERSRAMSAY / #AGILEUX How do we design effective experiments?
  18. 18. @ANDERSRAMSAY / #AGILEUX An MVP Design Workflow
  19. 19. @ANDERSRAMSAY / #AGILEUX An MVP Design Workflow Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  20. 20. @ANDERSRAMSAY / #AGILEUX Please divide into teams 4-6 per team. 1 product owner
  21. 21. @ANDERSRAMSAY / #AGILEUX The Brilliant Idea... Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  22. 22. @ANDERSRAMSAY / #AGILEUX The Brilliant Idea... Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  23. 23. @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?
  24. 24. @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.
  25. 25. @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.
  26. 26. @ANDERSRAMSAY / #AGILEUX “Personal Shopper” Problem Backlog
  27. 27. @ANDERSRAMSAY / #AGILEUX Get out of the building (test the problem) Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  28. 28. @ANDERSRAMSAY / #AGILEUX Get out of the building (test the problem) Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  29. 29. @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?
  30. 30. @ANDERSRAMSAY / #AGILEUX “Personal Shopper” Problem Backlog Invalidated
  31. 31. @ANDERSRAMSAY / #AGILEUX Provisional Personas Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  32. 32. @ANDERSRAMSAY / #AGILEUX Provisional Personas Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  33. 33. @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.
  34. 34. @ANDERSRAMSAY / #AGILEUX
  35. 35. @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?
  36. 36. @ANDERSRAMSAY / #AGILEUX “Personal Shopper” Problem Backlog Personas Invalidated
  37. 37. @ANDERSRAMSAY / #AGILEUX Activity: Design an Experiment Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  38. 38. @ANDERSRAMSAY / #AGILEUX Activity: Design an Experiment Brilliant Idea! GOOB! Create Provisional Personas Design an Experiment Test, measure, iterate...
  39. 39. @ANDERSRAMSAY / #AGILEUX Explore Solutions with Design Studio Tapping into the whole team’s knowledge and imagination. Can be used for research or actual design.
  40. 40. @ANDERSRAMSAY / #AGILEUX
  41. 41. @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?
  42. 42. @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.
  43. 43. @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
  44. 44. @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.
  45. 45. Brilliant Idea! @ANDERSRAMSAY / #AGILEUX An MVP Design Workflow Is this solving an actual problem? Who’s problem? Create an MVP Experiment Test, measure, iterate...
  46. 46. Brilliant Idea! @ANDERSRAMSAY / #AGILEUX An MVP Design Workflow Is this solving an actual problem? Who’s problem? Create an MVP Experiment Test, measure, iterate...
  47. 47. @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!
  48. 48. @ANDERSRAMSAY / #AGILEUX Team Presentations
  49. 49. @ANDERSRAMSAY / #AGILEUX Q&A Backlog
  50. 50. @ANDERSRAMSAY / #AGILEUX Thanks! @andersramsay andersramsay.com

×