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

Workshop at WordCamp Europe 2019

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