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

The User Testing Toolbox @WP Bern

The User Testing Toolbox @WP Bern

User-Tests, müssen nicht immer kostspielig und aufwändig sein. Es ist wichtiger man prüft seine Ideen bzw. Arbeit regelmässig an der Zielgruppe auch wenn man wenig Budget oder Zeit zur Verfügung hat.

karinchristen

May 23, 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

    View full-size slide

  5. WHAT
    Usability

    View full-size slide

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

    View full-size slide

  7. “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

  8. WHERE
    User Testing

    View full-size slide

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

    View full-size slide

  10. HALLWAY
    Testing

    View full-size slide

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

    View full-size slide

  12. REMOTE
    Testing

    View full-size slide

  13. REALITY
    Test with context
    Photo by Charles on Unsplash

    View full-size slide

  14. ON SITE
    Testing

    View full-size slide

  15. PREPARATION
    is key

    View full-size slide

  16. PROTOTYPE
    Fidelity of the

    View full-size slide

  17. 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

  18. “A user interface is like a joke.

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

    — startupvitamins.com

    View full-size slide

  19. PLANNING
    1. Recruit Participants (3-5 TU)
    2. Come up with an hypothesis
    3. Write a Test Script
    4. Have a Test Report at hand
    5. Organise someone to observe

    View full-size slide

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

    View full-size slide

  21. Observation &
    Documentation
    Moderation
    Participant
    Participant
    Screen-Share

    View full-size slide

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

    View full-size slide

  23. EXAMPLES
    Projects

    View full-size slide

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

    View full-size slide

  25. PROJECT EXAMPLE

    View full-size slide

  26. #1 SHOW usability flaws
    1. Usability Analysis with User Testing
    2. Workshop with the Client
    3. UX & UI Facelift

    View full-size slide

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

    View full-size slide

  28. PROJECT EXAMPLE
    Somedia Aboshop

    View full-size slide

  29. #2 GAIN TRUST as an expert
    1. Usability Analysis with User Testing
    2. Workshop with the in-house Marketing Team
    3. Concept Design Iterations
    4. Informal usability walkthroughs (Concept Test)

    View full-size slide

  30. UX ANALYSIS
    If there is an existing product, do an

    View full-size slide

  31. WIREFRAME
    The new concept as a

    View full-size slide

  32. PROTOTYPE
    The new concept as a visual

    View full-size slide

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

    View full-size slide

  34. #3 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

  35. “Users on mobile will use the built-in share
    function of the browser”

    View full-size slide

  36. PROJECT EXAMPLE
    magazin.swisscom.ch

    View full-size slide

  37. share function on the prototype vs built-in browser share function

    View full-size slide

  38. “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

  39. ASSETS
    1. Prototype
    2. Test Script
    3. Test Report
    4. Todo List (on-site)

    View full-size slide

  40. SCREEN
    RECORDING
    The

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  43. Thank you for listening!

    View full-size slide

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

    View full-size slide