Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Berghs Product UX
Photos: images.superfamous.com
nos.twnsnd.co
Christopher McCann
@letterpress_se
18 March 2016
Create
Let’s pick up where we
left off…
Your evaluation of the case - Ski Partner.
Based on your Persona and Customer journey.
Di...
Today’s Process
Storyboard
User Story
Mapping
Design Studio
Product idea
Today’s Schedule
9.30 - 10.30 Product Story, Sketch Storyboard.
10.30 - 10.45 Fika
10.45 - 12.00 Story Map Creation, Produ...
Its not about the
sketches or post-its…
Conversations
Bill Nye ‘the science guy’
What makes an
effective designer?
Post-its
Frees-up memory, connections
Sketching
Generate ideas quickly, includes details
Photo credit: Kevin Hoffman

Externalise
Discuss, move, patterns
Inciting Incident
Crisis
Climax
Hero returns changedHero with a Goal
Struggles
Conflicts
Problems
Risks
Dangers
Reference:@...
A Product Story
Inciting Incident
Crisis
(competition)
Climax
(product value)
User’s goal metUser and their Goal
Struggles...
The Story of your Design
Let’s imagine a future.
Let’s assume for a minute that this solution is live. 

Let’s talk about ...
Sketch your story
1. Context - how the product will be used.
2. Consider User Interface.
3. Encourages to thinking Experience Flows.
Storybo...
Inciting Incident
Crisis
Climax
User’s goal metUser and their Goal
Struggles
User’s goals Inciting Incident User struggles...
User’s goals Inciting Incident User struggles
Crisis
(competition)
Climax
(product value)
Goals met
Sketch your storyboard
Using images to explain your ideas
7 min
Present to group
1 min
Dot-vote for your
preferred solutions.
This is the group’s
Product Storyboard
User’s goals Inciting Incident User struggles
Crisis
(competition)
Climax
(product value)
Goals met
Story
+
Map
Transform Storyboard to
Story Map
Activites
People will use the system
for (verbs)
Steps
That make up the
Activity (verbs)...
The Map
Activites
People will use the system
for (verbs)
Steps
That make up the
Activity (verbs)
Details
Of the step above...
Steps
Details
As a group, create your
Product Story Map
10 min
Instructions
Activity - people will use the system for (verb)
Storyboard pane usually (not always) equates to multiple
Act...
Nominate a group
member to present
to the other group
Discuss and Critique
5 min
The Map
Activites
People will use the system
for (verbs)
Steps
That make up the
Activity (verbs)
Details
Of the step above...
Design Critique
What is the objective?
What elements of the Design
are related to the objective?
Are the elements effective...
Focus on how a design does or does not solve
design problem or scenario.
Don’t get hung up on details.
Avoid language ‘I l...
Design Studio
Design Studio
A way to generate many ideas and solutions to a problem quickly
through sketching, iteration, and critique.
Shared understanding and ownership.
Speed - many ideas generated in a short time.
Builds upon other good ideas.
Unifies gro...
Problem Scope
Present
Discuss
Diverge
Focus
Converge
Create
Create, Discuss, Focus
Sketch. Pitch. Critique.
Everything will be
timed.
1. Create your storyboard (or not).
2. Sketch multiple solutions.
3. Concentrate on generating ideas in rough form.
4. Aft...
Square, triangle, circle, line.
Just enough to communicate idea.
Does this solve the problem outlined?
More from presentat...
5minutes to Sketch
6-8 Concepts
3minutes to Pitch
How you addressed the goals
2minutes to Critique
2-3 ways design solves problems
1-2 ways of improving design
1. Make new sketches - learnings from Critique
3. ‘Borrow’ ideas from other designs – stealing
is allowed - improve.
4. Af...
‘Whenever we propose a solution
to a problem, we ought to try as
hard as we can to overthrow our
solution, rather than def...
Warning
Design Studio will NOT
generate the final solution
What have we learned ?
Storyboard
User Story
Mapping
Design Studio
Product idea Validate
Essential reading
Thank you!
Christopher McCann
@letterpress_se
+46706295772
info@letterpress.se
Nächste SlideShare
Wird geladen in …5
×

Berghs Product UX - 'Create '

841 Aufrufe

Veröffentlicht am

Slides from my daylong workshop - Create - as part of the Product UX course and Berghs School, Stockholm.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Berghs Product UX - 'Create '

  1. 1. Berghs Product UX Photos: images.superfamous.com nos.twnsnd.co Christopher McCann @letterpress_se 18 March 2016 Create
  2. 2. Let’s pick up where we left off… Your evaluation of the case - Ski Partner. Based on your Persona and Customer journey. Divide into 2 groups Consider a Product idea.
  3. 3. Today’s Process Storyboard User Story Mapping Design Studio Product idea
  4. 4. Today’s Schedule 9.30 - 10.30 Product Story, Sketch Storyboard. 10.30 - 10.45 Fika 10.45 - 12.00 Story Map Creation, Product Ideas discussion. 12.00 - 13.00 Lunch 13.00 - 14.50 Design Studio Method, Iteration 1 & 2 (?) 14.50 - 15.05 Fika 15.05 - 16.00 Group presentation and discussion. Lessons learned.
  5. 5. Its not about the sketches or post-its… Conversations
  6. 6. Bill Nye ‘the science guy’
  7. 7. What makes an effective designer?
  8. 8. Post-its Frees-up memory, connections
  9. 9. Sketching Generate ideas quickly, includes details
  10. 10. Photo credit: Kevin Hoffman
 Externalise Discuss, move, patterns
  11. 11. Inciting Incident Crisis Climax Hero returns changedHero with a Goal Struggles Conflicts Problems Risks Dangers Reference:@cwodtke A Good Story Resolution
  12. 12. A Product Story Inciting Incident Crisis (competition) Climax (product value) User’s goal metUser and their Goal Struggles Powerlessness Frustration Inefficiency Errors Reference:@cwodtke Resolution
  13. 13. The Story of your Design Let’s imagine a future. Let’s assume for a minute that this solution is live. 
 Let’s talk about a day in the life of someone using it, and start telling their story. First, they would do this, then this, and so on...
  14. 14. Sketch your story
  15. 15. 1. Context - how the product will be used. 2. Consider User Interface. 3. Encourages to thinking Experience Flows. Storyboards
  16. 16. Inciting Incident Crisis Climax User’s goal metUser and their Goal Struggles User’s goals Inciting Incident User struggles Crisis (competition) Climax (product value) Goals met
  17. 17. User’s goals Inciting Incident User struggles Crisis (competition) Climax (product value) Goals met
  18. 18. Sketch your storyboard Using images to explain your ideas 7 min
  19. 19. Present to group 1 min
  20. 20. Dot-vote for your preferred solutions. This is the group’s Product Storyboard
  21. 21. User’s goals Inciting Incident User struggles Crisis (competition) Climax (product value) Goals met
  22. 22. Story + Map
  23. 23. Transform Storyboard to Story Map Activites People will use the system for (verbs) Steps That make up the Activity (verbs) Details Of the step above (verbs): What are the specific things they would do here? What are the alternative things they could do? Points of frustration or delight ? What would someone do if something went wrong ? Time 1. Information recieved via emal, .PDF, aggregated links or pysical samples. Plan all channels Digital Print Stores Plan my campaigns Create campaigns Plan my campaign reate campaign reate products reate landing page Planning in External Systems Create Products Create Landing page Create Promo blocks Information from Suppliers Define campaign goals ⁃ Assortment launch ⁃ Revenue target ⁃ Volume Sales Define campaign goals Assortment launch Revenue target Volume Sales 1 2 3 4 5 6
  24. 24. The Map Activites People will use the system for (verbs) Steps That make up the Activity (verbs) Details Of the step above (verbs): What are the specific things they would do here? What are the alternative things they could do? Points of frustration or delight ? What would someone do if something went wrong ? Time
  25. 25. Steps Details
  26. 26. As a group, create your Product Story Map 10 min
  27. 27. Instructions Activity - people will use the system for (verb) Storyboard pane usually (not always) equates to multiple Activities Steps - that make up the Activity (verb) Break each of the Activities down into Steps Details - What are the specific things they would do here? What are the alternative things they could do? Points of frustration or delight? What would someone do if something went wrong? 1 2 3
  28. 28. Nominate a group member to present to the other group Discuss and Critique 5 min
  29. 29. The Map Activites People will use the system for (verbs) Steps That make up the Activity (verbs) Details Of the step above (verbs): What are the specific things they would do here? What are the alternative things they could do? Points of frustration or delight ? What would someone do if something went wrong ? Time
  30. 30. Design Critique What is the objective? What elements of the Design are related to the objective? Are the elements effective in achieving the goal? Why or Why Not? Reference: ‘Discussing Design’, Irizarry ,Connor Utility Experience How will this affect user Scope
  31. 31. Focus on how a design does or does not solve design problem or scenario. Don’t get hung up on details. Avoid language ‘I like’ or ‘I don’t like’. Be Nice. No prestige. Critique Rules
  32. 32. Design Studio
  33. 33. Design Studio A way to generate many ideas and solutions to a problem quickly through sketching, iteration, and critique.
  34. 34. Shared understanding and ownership. Speed - many ideas generated in a short time. Builds upon other good ideas. Unifies groups - understand other roles perspectives. Advantages
  35. 35. Problem Scope Present Discuss Diverge Focus Converge Create Create, Discuss, Focus
  36. 36. Sketch. Pitch. Critique.
  37. 37. Everything will be timed.
  38. 38. 1. Create your storyboard (or not). 2. Sketch multiple solutions. 3. Concentrate on generating ideas in rough form. 4. After sketching, ideas are presented for critique. Iteration One
  39. 39. Square, triangle, circle, line. Just enough to communicate idea. Does this solve the problem outlined? More from presentation / critique than sketches themselves. Sketching
  40. 40. 5minutes to Sketch 6-8 Concepts
  41. 41. 3minutes to Pitch How you addressed the goals
  42. 42. 2minutes to Critique 2-3 ways design solves problems 1-2 ways of improving design
  43. 43. 1. Make new sketches - learnings from Critique 3. ‘Borrow’ ideas from other designs – stealing is allowed - improve. 4. After sketching, team presents ideas for Critique. 6. ‘Rinse and repeat’ Iteration two - Convergence
  44. 44. ‘Whenever we propose a solution to a problem, we ought to try as hard as we can to overthrow our solution, rather than defend it . Few of us, unfortunately, practice this precept...’ - Karl Popper
  45. 45. Warning Design Studio will NOT generate the final solution
  46. 46. What have we learned ? Storyboard User Story Mapping Design Studio Product idea Validate
  47. 47. Essential reading
  48. 48. Thank you! Christopher McCann @letterpress_se +46706295772 info@letterpress.se

×