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 Slide

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

    View Slide

  3. AGENDA
    Today’s

    View 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 Slide

  5. WHAT
    Usability

    View Slide

  6. View Slide

  7. View Slide

  8. View Slide

  9. WHY
    Testing

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  14. WHEN?

    View Slide

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

    — Christopher Murphy

    View Slide

  16. WHERE
    User Testing

    View Slide

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

    View Slide

  18. HALLWAY
    Testing

    View Slide

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

    View Slide

  20. REMOTE
    Testing

    View Slide

  21. REALITY
    Test with context
    Photo by Charles on Unsplash

    View Slide

  22. ON SITE
    Testing

    View Slide

  23. HOW
    Testing

    View Slide

  24. PREPARATION
    is key

    View Slide

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

    View Slide

  26. 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 Slide

  27. “A user interface is like a joke.

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

    — startupvitamins.com

    View Slide

  28. 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 Slide

  29. SETUP
    The

    View Slide

  30. IN-HOUSE

    View Slide

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

    View Slide

  32. REMOTE

    View Slide

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

    View Slide

  34. Observation &
    Documentation
    Moderation
    Participant
    Participant
    Screen-Share

    View Slide

  35. TOOLBOX
    The

    View Slide

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

    View Slide

  37. PROJECT EXAMPLE
    magazin.swisscom.ch

    View Slide

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

    View Slide

  39. magazin.swisscom.ch

    View Slide

  40. THE CONCEPT
    Validating

    View Slide

  41. View Slide

  42. GOAL
    The

    View Slide

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

    View Slide

  44. HYPOTHESIS
    the

    View Slide

  45. “the share link will be understood”

    View Slide

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

    View Slide

  47. View Slide

  48. PROTOYPES
    Create

    View Slide

  49. View Slide

  50. TEST SCRIPT
    Write a

    View Slide

  51. View Slide

  52. View Slide

  53. TEST REPORT
    Prepare a

    View Slide

  54. View Slide

  55. HALLWAY
    Do the test

    View Slide

  56. View Slide

  57. RECORDING
    The

    View Slide

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

    View Slide

  59. VIDEO CALLS

    View Slide

  60. zoom.us

    View Slide

  61. EXERCISE
    Just give it a try

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  65. Thank you for participating!

    View Slide

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

    View Slide