Slide 1
Slide 1 text
HOW TO CREATE USER
CENTERED DESIGN
YOU ARE NOT YOUR AUDIENCE
Slide 2
Slide 2 text
@TAPPS
that’s me
my first
website
that’s a really
creepy doll
Hi, I’m
1981
(tracy apps)
Partner, Director of UX + creative
cornermarket.media
Slide 3
Slide 3 text
WHY
focus on user centered design?
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
FAIL
Slide 8
Slide 8 text
HOW
to create user centered design?
let’s look at some common mistakes
and how to avoid them…
Slide 9
Slide 9 text
#1: JARGON
Slide 10
Slide 10 text
COMBAT CONFUSING
SITE NAVIGATION
Slide 11
Slide 11 text
COMBAT CONFUSING
SITE NAVIGATION
card sort
optimalworkshop.com
Slide 12
Slide 12 text
COMBAT CONFUSING
SITE NAVIGATION
card sort
optimalworkshop.com
Slide 13
Slide 13 text
SITE CONTENT THAT
YOUR AUDIENCE
UNDERSTANDS
Slide 14
Slide 14 text
Google
would you like to take a
Survey
Slide 15
Slide 15 text
it’s better to be clear
than to be clever
#1: Jargon
Slide 16
Slide 16 text
#2: MISSION FAIL
Slide 17
Slide 17 text
My amazing new website My desired audience
Slide 18
Slide 18 text
My amazing new website My desired audience
Slide 19
Slide 19 text
My desired audience
My amazing new website
Slide 20
Slide 20 text
My desired audience
My amazing new website
FAIL
Slide 21
Slide 21 text
A THOROUGH
DISCOVERY PROCESS
Slide 22
Slide 22 text
STAKEHOLDER
INTERVIEWS
What is your role in this project?
Who is this project for?
What does success of this project look like to you?
How does this site/organization/product/service improve the
lives of your audience/users?
Slide 23
Slide 23 text
USER STORIES
Slide 24
Slide 24 text
Name Goal(s)
Bio
RICHARD
Fitness Instructor, entrepreneur.
68 years old.
No kids.
Considered becoming a priest
when younger.
Motivational personality.
Likes sparkly things.
Not great with computers.
Color blind.
Dislikes negative language
& slow loading websites.
Cat person.
Looking for the
user manual for the
vacuum cleaner.
Might be interested
in replacing the
vacuum attachment
that broke last week.
Probably going to
replace that vacuum in
the next year or two.
Slide 25
Slide 25 text
— What you should always be asking
What would Richard do?
”
“
Slide 26
Slide 26 text
No content
Slide 27
Slide 27 text
#3: NOT ACCESSIBLE
Slide 28
Slide 28 text
85%
up to
Slide 29
Slide 29 text
ACCESSIBILITY
PEOPLE WITH DISABILITIES CAN PERCEIVE,
UNDERSTAND, NAVIGATE, AND INTERACT WITH
WEBSITES AND TOOLS, AND THAT THEY CAN
CONTRIBUTE EQUALLY WITHOUT BARRIERS.
=
Slide 30
Slide 30 text
ACCESSIBILITY
PEOPLE WITH
DISABILITIES
CAN USE THIS
=
Slide 31
Slide 31 text
USABILITY
MY AUDIENCE CAN ACHIEVE SPECIFIED
GOALS EFFECTIVELY, EFFICIENTLY AND
WITH SATISFACTION IN A SPECIFIED
CONTEXT OF USE
=
Slide 32
Slide 32 text
USABILITY
MY AUDIENCE
CAN USE THIS
=
Slide 33
Slide 33 text
PERSON YOUR AUDIENCE
=
Slide 34
Slide 34 text
PERSON WITH
SOME TYPE OF
LIMITED ABILITY
PERSON YOUR AUDIENCE
ALSO
YOUR AUDIENCE
=
=
Slide 35
Slide 35 text
ACCESSIBILITY
=
USABILITY
Slide 36
Slide 36 text
YOU ARE NOT YOUR
AUDIENCE
Slide 37
Slide 37 text
ACCESSIBILITY
=
USABILITY
Slide 38
Slide 38 text
ACCESSIBILITY TESTING TOOLS
section508.gov
Slide 39
Slide 39 text
ACCESSIBILITY TESTING TOOLS
wave.webaim.org
Slide 40
Slide 40 text
ACCESSIBILITY TESTING TOOLS
wave.webaim.org
Slide 41
Slide 41 text
ACCESSIBILITY TESTING TOOLS
wave.webaim.org
Slide 42
Slide 42 text
ACCESSIBILITY TESTING TOOLS
ffoodd.github.io/a11y.css
Slide 43
Slide 43 text
ACCESSIBILITY TESTING TOOLS
ffoodd.github.io/a11y.css
Slide 44
Slide 44 text
ACCESSIBILITY TESTING TOOLS
Accessibility Developer Tools
(chrome extension)
Slide 45
Slide 45 text
ACCESSIBILITY TESTING TOOLS
Accessibility Developer Tools
(chrome extension)
Slide 46
Slide 46 text
ACCESSIBILITY TESTING TOOLS
THE
USER
Slide 47
Slide 47 text
USER TESTING
Slide 48
Slide 48 text
USER TESTING
Enlist some people
prepare some goals
& questions
Conduct test &
monitor results
ask some more
questions
compile data
Slide 49
Slide 49 text
USER TESTING
Enlist some people
prepare some goals
& questions
Conduct test &
monitor results
ask some more
questions
compile data
or
Slide 50
Slide 50 text
USER TESTING
Slide 51
Slide 51 text
if it’s not accessible
it’s not useable.
#3: Not Accessible
Slide 52
Slide 52 text
SPEAK CLEARLY TO YOUR AUDIENCE,
DESIGN INTENTIONALLY FOR YOUR USER
BASE, AND FOR THE LOVE OF ALL THAT IS
GOOD IN THE WORLD, MAKE
EVERYTHING ACCESSIBLE!
Slide 53
Slide 53 text
Questions ?
? ?
ANY
@tapps
@tapps
@therealtapps
iamtapps.com
cornermarket.media
THESE SLIDES CAN BE FOUND AT
SPEAKERDECK.COM/TAPPS
OR..THINGS TO ADD?
QUESTIONS