Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Do it yourself – the User Testing Toolbox (WCEU...
Search
karinchristen
June 22, 2019
Design
1k
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Do it yourself – the User Testing Toolbox (WCEU 2019)
Workshop at WordCamp Europe 2019
karinchristen
June 22, 2019
More Decks by karinchristen
See All by karinchristen
REMOTE - How to manage a fully remote team
karin
0
83
The User Testing Toolbox @WP Bern
karin
1
400
The Journey from a Side Project to a WordPress Agency at WordCamp Milano
karin
0
200
The Journey from a Side Project to a WordPress Agency @ WordCamp Vancouver
karin
0
850
The Journey from a Side Project to a WordPress Agency @WordCamp Porto
karin
1
250
The Journey from a Side Project to a WordPress Agency @WordCamp Nürnberg
karin
0
250
How to run a remote business while travelling the world @ DrupalCamp Vienna
karin
1
330
How to run a WordPress Business while travelling the world @ WordCamp Europe
karin
0
2k
How to run a remote business while travelling the world. @ WordCamp Cologne
karin
0
280
Other Decks in Design
See All in Design
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
570
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
340
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
790
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.8k
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.4k
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.2k
Design dependencies
teba_eleven
0
140
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
240
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.2k
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
150
Basket_of_love.pdf
terencebasart
0
210
なぜ、インサイトを貯めるのか?
tajima_kaho
3
2.5k
Featured
See All Featured
How to Talk to Developers About Accessibility
jct
2
450
Building the Perfect Custom Keyboard
takai
2
820
Test your architecture with Archunit
thirion
1
2.3k
Mobile First: as difficult as doing things right
swwweet
225
10k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
670
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
200
Side Projects
sachag
455
43k
Crafting Experiences
bethany
1
230
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
We Are The Robots
honzajavorek
0
290
Transcript
TOOLBOX The User Testing Photo by John Schnobrich on Unsplash
@karinchristen — required.com/karin INTERACTION DESIGNER
AGENDA Today’s
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
WHAT Usability
None
None
None
WHY Testing
WHY SHOW usability flaws GAIN TRUST as an expert TEST
the concept, idea
FLAWS Show usability Photo by Matthew T Rader on Unsplash
EXPERT Gain trust as an Photo by Headway on Unsplash
CONCEPT Validate your idea Photo by José Alejandro Cuffia on
Unsplash
WHEN?
“User testing should be happening at every point in the
process as an integral part of an iterative design process.” “ — Christopher Murphy
WHERE User Testing
COFFEE SHOPS Test with random people at Photo by Jason
Briscoe on Unsplash
HALLWAY Testing
HOME/WORK Test in a familiar environment Photo by Headway on
Unsplash
REMOTE Testing
REALITY Test with context Photo by Charles on Unsplash
ON SITE Testing
HOW Testing
PREPARATION is key
PROTOTYPE Fidelity of the Photo by Caspar Camille Rubin on
Unsplash
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
“A user interface is like a joke. If you have
to explain it, it’s not that good.” “ — startupvitamins.com
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
SETUP The
IN-HOUSE
Moderator Test Area Observation Area Documentation 1 Participant Observation (Client)
Documentation 2 & Care taker
REMOTE
Documentation Moderation Participant- Screenshare Test Area Observation Area Observation
Observation & Documentation Moderation Participant Participant Screen-Share
TOOLBOX The
“It’s far better to run some usability testing using what
you have at hand than to run no usability testing at all.” “
PROJECT EXAMPLE magazin.swisscom.ch
CONCEPT TEST validate your idea 1. Identify an Hypothesis 2.
Prototype the Concept / Idea 3. Do informal User Tests 4. Refine the Concept
magazin.swisscom.ch
THE CONCEPT Validating
None
GOAL The
“Find out if the user understands the share function” “
HYPOTHESIS the
“the share link will be understood” “
“Most users on mobile will use the built-in share function
of the browser” “
None
PROTOYPES Create
None
TEST SCRIPT Write a
None
None
TEST REPORT Prepare a
None
HALLWAY Do the test
None
RECORDING The
https://www.youtube.com/watch?v=7EaVCJENNNU
VIDEO CALLS
zoom.us
EXERCISE Just give it a try
https://2019.europe.wordcamp.org/schedule/
EXERCISE 1. Come up with an hypothesis 2. Planning a
test (test script) 3. Planning the observation (test report) required.com/wceu
“The earlier you identify problems, the less expensive they are
to fix.” “
Thank you for participating!
WE ARE HIRING Are you required? youare.required.com