WordCamp San José, 2019
Are you designing for your user? ALL of them?
hi, i'm tapps
name: tracy apps;
location: brown deer, wisconsin;
company: tracy apps design;
title: chief creative problem solver;
role: UX design & front-end dev;
number-of-bowties-owned: over 150;
UX / UI
UX / UI (with puzzled look guy meme photo)
6 - 7)
"Design is just colors and stuff,
- many people who don't design things
Actually more like engineering
If science and art had a baby...
*Screenshot of Engineering Wikipedia page*
invent, design, analyze, build, and test
"Colors and stuff" is just INCLUDED
among other things...
Design for other people
OK, Who are these users?
well, that depends...
and I focus on
Customers & Potential Customers
Age/stage of life
So how do we narrow that down?
Create user personas
Communication = 7% Words, 38% Tonality, 55% Physiology
Research driven data --> MAGIC (analyze the data) --> A detailed profile of an imaginary person
21 - 22)
*example user personas*
Accessibility & Diversity
remembers to include diversity in:
* gender (remember there are more than two)
* culture, color & background
* social & economic status
* religion (including "none")
* location & connectivity
* technical level
* education & experience
includes accessibility for:
* blind, color blind or limited sight
* deaf or hard of hearing
* limited mobility, missing or shaking limbs
* dyslexia & other learning disabilities
* sensory disorders, epilepsy
* trauma & PTSD
* temporary impairment
Intentionally add inclusion within your user personas
Oh, we're just getting started...
Journeys, Stories & Maps
29 - 31)
*example Empathy Maps*
(DON'T forget Accessibility)
33 - 35)
*example User Journey Maps*
"As a [role], I want to [action], (so that [benefit])"
"But wait, what if my business is to help other businesses?"
-anyone who does client work
and I focus on
Business / Client and their customers & potential customers
40 - 41)
and I focus on
and EXTERNAL audience
HOW do we do that?
Glad you asked...
First we ask more questions
Who will manage the site?
Is it one or multiple people?
Are they full time or volunteer(s)?
What is their technical comfort level?
How many hours or resources allotted?
How much content changes on the site?
How often does it change?
Any current processes or tools used?
How do you expect your business to grow?
Any frustrations on your current site?
*screenshot of default WordPress admin dashboard--confusing for first time users*
*screenshot of WordPress admin notification messages--also confusing for first time users*
But we can change that!
And we have a few options too...
The easy way:
So I asked on twitter
here's a few responses
50 - 53)
*list of links of examples*
The less easy way:
55 - 58)
*screenshots of code snipit examples*
Do I need to do ALL this stuff?
Not at all. For example...
Your client is:
NEW TO WORDPRESS
and running a website in general...
* Things like WordPress news might not be of interest and/or confusing. Hide them.
* Does the menu item labeled "posts" not make sense to them? Create a custom post type with a more relevant name, OR just simply change the label.
* Are they updating the site rarely and forget how to do something? Try a plugin that adds video tutorials right on the dashboard.
Your client has:
WORKED WITH WP BEFORE
but limited experience with running an online store...
* Existing dashboard widgets might be fine as they are. But we can add additional shortcuts to manage the online store.
* They might not need a full video library, but a simple custom text widget with basic instructions or checklist might help.
Your client is a:
and you want them to be a repeat customer...
* Leave all functionality, just simply add more cosmetic changes to the design. Brand the admin area with their brand colors, logo, etc.
* Add a custom "contact the developer" widget for them to email you directly.
There are MULTIPLE correct answers
Learn, try, fail/succeed & adapt
That seems easy enough, right?
Go forth and design for ALL your users!
*tracy's contact info*
These slides can be found at speakerdeck.com/tapps