Get your hands dirty: UX design process, explained

Get your hands dirty: UX design process, explained

Through a real-life case study @leonissima and me explained the design process we applied, what were the outcomes, challenges and learnings.

D30bb555e2a96b0170f5b903dff43129?s=128

Janko Jovanovic

March 28, 2017
Tweet

Transcript

  1. 1.

    Milica Tomić Jovanović and Janko Jovanović Studio at Warp Speed

    Get your hands dirty Design process explained through case study
  2. 2.

    Who we are Janko Interaction designer Milica Interaction designer Tags:

    IxDA, Interfaces, Team leading, Blogging, Painting, Playing drums, Playing son’s Wii while he sleeps @jankowarpspeed www.jankoatwarpspeed.com Tags: IxDA, Agile, Project Management, Cooking & Baking, Crafting batiks, Enjoying solitary morning coffee while others sleep @leonissima www.leonissima.com
  3. 4.

    Design process Research Analysis & Synthesis Ideation & Validation Surveys

    & Questionaries Stakeholder interviews User interviews SME interviews Observation Participation Usability testing Competitive analysis Expert reviews Affinity diagramming Card Sorting Insight combination Personas User scenarios Process flows Reporting Exploring with sketching Collaborative ideation Wireframing Paper prototypes HTML/CSS prototypes Concept validation Refinement Design mockups Style guides Coordination Economic metrics Behavioral metrics Delivery & Measuring Engagement with clients Project objectives Business & UX Strategy Partnership
  4. 5.

    Research phase Research Analysis & Synthesis Ideation & Validation Surveys

    & Questionaries Stakeholder interviews User interviews SME interviews Observation Participation Usability testing Competitive analysis Expert reviews Affinity diagramming Card Sorting Insight combination Personas User scenarios Process flows Reporting Exploring with sketching Collaborative ideation Wireframing Paper prototypes HTML/CSS prototypes Concept validation Refinement Design mockups Style guides Coordination Economic metrics Behavioral metrics Delivery & Measuring
  5. 9.
  6. 10.

    User interviews Talking to tennis players about their habits, motivations,

    goals and problems and recording everything they say.
  7. 11.
  8. 14.

    Usability testing Trying to figure out what works in the

    existing application, and what NOT.
  9. 15.

    How long did it take? 1 survey, 30 interviews &

    observations, 5 tennis matches and more than 100 coffees.
  10. 16.

    Analysis & Synthesis Research Analysis & Synthesis Ideation & Validation

    Surveys & Questionaries Stakeholder interviews User interviews SME interviews Observation Participation Usability testing Competitive analysis Expert reviews Affinity diagramming Card Sorting Insight combination Personas User scenarios Process flows Reporting Exploring with sketching Collaborative ideation Wireframing Paper prototypes HTML/CSS prototypes Concept validation Refinement Design mockups Style guides Coordination Economic metrics Behavioral metrics Delivery & Measuring
  11. 21.
  12. 22.

    Scenarios It’s Thursday afternoon and Emma wants to play tennis

    on the coming weekend. This is her usual time for playing since she is very busy during work days. She will be partnering with her husband and playing doubles against another couple, with whom they play often. They don’t have any specific time in mind but know that they would like to play on Sunday morning. 
 
 While she’s on a launch break, she logs in to GotCourts site using her browser and is presented with a page where she can immediately book a court by choosing date, time and location. She chooses a club which is conveniently located for both couples - it has a restaurant so that they can have a cup of coffee after the game and, of course, has available courts for Sunday morning. She double-checks by phone call with the other couple about the exact time - 11 o’clock is suitable for them. After she gets a confirmation from them, while still on the phone she books a court for 11:00 for two hours.After the booking has been made, she is given a confirmation of her reservation. Emma informs her friends and sends an SMS to her husband.
  13. 26.

    Ideation & Validation Research Analysis & Synthesis Ideation & Validation

    Surveys & Questionaries Stakeholder interviews User interviews SME interviews Observation Participation Usability testing Competitive analysis Expert reviews Affinity diagramming Card Sorting Insight combination Personas User scenarios Process flows Reporting Exploring with sketching Collaborative ideation Wireframing Paper prototypes HTML/CSS prototypes Concept validation Refinement Design mockups Style guides Coordination Economic metrics Behavioral metrics Delivery & Measuring
  14. 35.

    Delivery & Measuring Research Analysis & Synthesis Ideation & Validation

    Surveys & Questionaries Stakeholder interviews User interviews SME interviews Observation Participation Usability testing Competitive analysis Expert reviews Affinity diagramming Card Sorting Insight combination Personas User scenarios Process flows Reporting Exploring with sketching Collaborative ideation Wireframing Paper prototypes HTML/CSS prototypes Concept validation Refinement Design mockups Style guides Coordination Economic metrics Behavioral metrics Delivery & Measuring