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
3
820
Do it yourself – the User Testing Toolbox (WCEU 2019)
Workshop at WordCamp Europe 2019
karinchristen
June 22, 2019
Tweet
Share
More Decks by karinchristen
See All by karinchristen
REMOTE - How to manage a fully remote team
karin
0
58
The User Testing Toolbox @WP Bern
karin
1
320
The Journey from a Side Project to a WordPress Agency at WordCamp Milano
karin
0
150
The Journey from a Side Project to a WordPress Agency @ WordCamp Vancouver
karin
0
550
The Journey from a Side Project to a WordPress Agency @WordCamp Porto
karin
1
170
The Journey from a Side Project to a WordPress Agency @WordCamp Nürnberg
karin
0
170
How to run a remote business while travelling the world @ DrupalCamp Vienna
karin
1
260
How to run a WordPress Business while travelling the world @ WordCamp Europe
karin
0
1.7k
How to run a remote business while travelling the world. @ WordCamp Cologne
karin
0
230
Other Decks in Design
See All in Design
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
180
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
490
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
280
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.1k
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
250
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
9
7.8k
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
160
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
300
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
Tataki Ryu
olgastoryboard
0
140
Commune_Brand_Guideline_JA
commune
1
150
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
680
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
404
65k
Designing for Performance
lara
604
68k
Practical Orchestrator
shlominoach
186
10k
Building Applications with DynamoDB
mza
90
6.1k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Optimizing for Happiness
mojombo
376
69k
Automating Front-end Workflow
addyosmani
1365
200k
BBQ
matthewcrist
85
9.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
A designer walks into a library…
pauljervisheath
202
24k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
39
Visualization
eitanlees
144
15k
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