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
840
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
340
The Journey from a Side Project to a WordPress Agency at WordCamp Milano
karin
0
160
The Journey from a Side Project to a WordPress Agency @ WordCamp Vancouver
karin
0
610
The Journey from a Side Project to a WordPress Agency @WordCamp Porto
karin
1
180
The Journey from a Side Project to a WordPress Agency @WordCamp Nürnberg
karin
0
190
How to run a remote business while travelling the world @ DrupalCamp Vienna
karin
1
270
How to run a WordPress Business while travelling the world @ WordCamp Europe
karin
0
1.8k
How to run a remote business while travelling the world. @ WordCamp Cologne
karin
0
240
Other Decks in Design
See All in Design
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
120
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
360
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
2.7k
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
650
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
230
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.3k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
250
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
370
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
250
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
61k
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
510
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
The Cult of Friendly URLs
andyhume
78
6.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
We Have a Design System, Now What?
morganepeng
51
7.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Mobile First: as difficult as doing things right
swwweet
222
9k
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