Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Do it yourself – the User Testing Toolbox (WCEU 2019)

Do it yourself – the User Testing Toolbox (WCEU 2019)

Workshop at WordCamp Europe 2019

karinchristen

June 22, 2019
Tweet

More Decks by karinchristen

Other Decks in Design

Transcript

  1. TOOLBOX
    The User Testing
    Photo by John Schnobrich on Unsplash

    View full-size slide

  2. @karinchristen — required.com/karin
    INTERACTION DESIGNER

    View full-size slide

  3. AGENDA
    Today’s

    View full-size slide

  4. AGENDA
    WHAT - is Usability
    WHY - we should test on users
    WHERE - inhouse, remote or on the go
    HOW - tips & tricks
    EXERCISE - just give it a try

    View full-size slide

  5. WHAT
    Usability

    View full-size slide

  6. WHY
    SHOW usability flaws
    GAIN TRUST as an expert
    TEST the concept, idea

    View full-size slide

  7. FLAWS
    Show usability
    Photo by Matthew T Rader on Unsplash

    View full-size slide

  8. EXPERT
    Gain trust as an
    Photo by Headway on Unsplash

    View full-size slide

  9. CONCEPT
    Validate your idea
    Photo by José Alejandro Cuffia on Unsplash

    View full-size slide

  10. “User testing should be happening at every
    point in the process as an integral part of an
    iterative design process.”

    — Christopher Murphy

    View full-size slide

  11. WHERE
    User Testing

    View full-size slide

  12. COFFEE SHOPS
    Test with random people at
    Photo by Jason Briscoe on Unsplash

    View full-size slide

  13. HALLWAY
    Testing

    View full-size slide

  14. HOME/WORK
    Test in a familiar environment
    Photo by Headway on Unsplash

    View full-size slide

  15. REMOTE
    Testing

    View full-size slide

  16. REALITY
    Test with context
    Photo by Charles on Unsplash

    View full-size slide

  17. ON SITE
    Testing

    View full-size slide

  18. PREPARATION
    is key

    View full-size slide

  19. PROTOTYPE
    Fidelity of the
    Photo by Caspar Camille Rubin on Unsplash

    View full-size slide

  20. Effort Prototype
    Fidelity
    QUALITATIVE RESEARCH
    Hallway Testing
    Remote User Test 

    - moderated
    - unmoderated

    In-House User Test
    Expert Review
    Usability Lab
    A/B Testing
    Google Analytics
    QUANTITATIVE RESEARCH
    low fidelity
    high fidelity

    View full-size slide

  21. “A user interface is like a joke.

    If you have to explain it, it’s not that good.”

    — startupvitamins.com

    View full-size slide

  22. PLANNING
    1. Recruit Participants (3-5 TU)
    2. Come up with an hypothesis
    3. Compose a test script
    4. Have a test report at hand
    5. Organise someone to observe

    View full-size slide

  23. Moderator
    Test Area Observation Area
    Documentation 1
    Participant
    Observation
    (Client)
    Documentation 2
    & Care taker

    View full-size slide

  24. Documentation
    Moderation
    Participant-
    Screenshare
    Test Area Observation Area
    Observation

    View full-size slide

  25. Observation &
    Documentation
    Moderation
    Participant
    Participant
    Screen-Share

    View full-size slide

  26. “It’s far better to run some usability testing
    using what you have at hand than to run no
    usability testing at all.”

    View full-size slide

  27. PROJECT EXAMPLE
    magazin.swisscom.ch

    View full-size slide

  28. CONCEPT TEST validate your idea
    1. Identify an Hypothesis
    2. Prototype the Concept / Idea
    3. Do informal User Tests
    4. Refine the Concept

    View full-size slide

  29. magazin.swisscom.ch

    View full-size slide

  30. THE CONCEPT
    Validating

    View full-size slide

  31. “Find out if the user understands the
    share function”

    View full-size slide

  32. HYPOTHESIS
    the

    View full-size slide

  33. “the share link will be understood”

    View full-size slide

  34. “Most users on mobile will use the built-in
    share function of the browser”

    View full-size slide

  35. PROTOYPES
    Create

    View full-size slide

  36. TEST SCRIPT
    Write a

    View full-size slide

  37. TEST REPORT
    Prepare a

    View full-size slide

  38. HALLWAY
    Do the test

    View full-size slide

  39. RECORDING
    The

    View full-size slide

  40. https://www.youtube.com/watch?v=7EaVCJENNNU

    View full-size slide

  41. EXERCISE
    Just give it a try

    View full-size slide

  42. https://2019.europe.wordcamp.org/schedule/

    View full-size slide

  43. EXERCISE
    1. Come up with an hypothesis
    2. Planning a test (test script)
    3. Planning the observation (test report)
    required.com/wceu

    View full-size slide

  44. “The earlier you identify problems, the less
    expensive they are to fix.”

    View full-size slide

  45. Thank you for participating!

    View full-size slide

  46. WE ARE HIRING
    Are you required?
    youare.required.com

    View full-size slide