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
900
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
61
The User Testing Toolbox @WP Bern
karin
1
360
The Journey from a Side Project to a WordPress Agency at WordCamp Milano
karin
0
180
The Journey from a Side Project to a WordPress Agency @ WordCamp Vancouver
karin
0
680
The Journey from a Side Project to a WordPress Agency @WordCamp Porto
karin
1
210
The Journey from a Side Project to a WordPress Agency @WordCamp Nürnberg
karin
0
210
How to run a remote business while travelling the world @ DrupalCamp Vienna
karin
1
290
How to run a WordPress Business while travelling the world @ WordCamp Europe
karin
0
1.9k
How to run a remote business while travelling the world. @ WordCamp Cologne
karin
0
250
Other Decks in Design
See All in Design
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
450
portfolio.pdf
onof003
0
130
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2k
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
330
ポートフォリオ_webデザイナー
nami_webdesigner
0
370
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
150
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
120
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
240
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
380
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
280
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
340
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
Optimizing for Happiness
mojombo
379
70k
RailsConf 2023
tenderlove
30
1.2k
Git: the NoSQL Database
bkeepers
PRO
431
65k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
How GitHub (no longer) Works
holman
314
140k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Fireside Chat
paigeccino
38
3.6k
Docker and Python
trallard
45
3.5k
The Cost Of JavaScript in 2023
addyosmani
51
8.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
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