4. What is User Experience?
“the way a person feels about
using a product, system
or service.”
- Wikipedia
@AdamUngstad
5. What is User Experience?
"a person's perceptions and
responses that result from
the use or anticipated use of
a product, system or
service”
- ISO 9421-210
@AdamUngstad
6. What is User Experience?
“how a person feels when
interfacing with a system.”
- Smashing Magazine
@AdamUngstad
12. Good UX Helps Users...
• Find what they came for
• Discover related content
• Complete tasks quicker
• Understand content
• Navigate on different platforms
@AdamUngstad
13. UX Deliverables
• User Research / Testing
• Personas, Use Cases
• Wireframes
• Prototypes
• Journey Maps
@AdamUngstad
14. Easy UX for WordPress
• Navigation
• Visual Elements
• Content
• Miscellaneous
@AdamUngstad
15. Q: What is
the most
important page
on your site?
@AdamUngstad
16. A: Whatever page the
user lands on.
Most users arrive at a page within
a site, rather than the home page.
@AdamUngstad
17. Ever seen this before?
Source: http://en.wikipedia.org/wiki/Main_Page @AdamUngstad
33. Secondary Navigation
Use Tags to:
• Link content across categories
• Create an index
• Help users discover what they
didn’t know they were looking
for...
@AdamUngstad
47. 2) Use Tables for layout
You use tables in MS Word all the time...
@AdamUngstad
48. 2) Use Tables for layout
The standard WP editor doesn’t support
tables, but you don’t have to use HTML...
@AdamUngstad
49. 2) Use Tables for layout
Two options:
1. Change your editor
(get Ultimate Tiny MCE
plugin), or
2. Use an offline editor such as
Windows Live Editor
@AdamUngstad
65. Contrast
Using contrast is a good thing. It
helps people to read your content.
Not everyone sees as well as you do.
Using contrast is a good thing. It
helps people to read your content.
Not everyone sees as well as you do.
@AdamUngstad
75. Let other people do the
work for you.
Don’t re-invent the wheel!
@AdamUngstad
76. Don’t re-invent the wheel
This doesn’t mean you should hire
expensive:
• graphic designers
• photographers
• flash developers
• UX Designers (well, maybe UX designers... ;-)
@AdamUngstad
77. Don’t re-invent the wheel
Just as you bought a premium theme
for $30. For a couple dollars more
you can buy:
• fancy sliders
• icons & backgrounds
• stock photos
• anything you need really!
@AdamUngstad
78. Don’t re-invent the wheel
Spend $20, get the superduper flash
slider, and impress your users like you
want to.
Spend $3, and get the background
you want so you can stop trying to
design it yourself. You have content
to write!
@AdamUngstad
82. compfight.com
• Comfight lets you search Flickr
with specific criteria on usage
rights (IE Creative Commons).
• Need a picture of a garden to go
with your post? Try compfight.
Give credit where it is due.
@AdamUngstad
89. Readability
Readability is more than
“write at a grade 8 reading level”
@AdamUngstad
90. Readability
Use Active / Positive Tense.
Change:
• Victoria is not a large city
• I don’t like the cold
@AdamUngstad
91. Readability
Use Active / Positive Tense.
Change:
• Victoria is not a large city
• Victoria is a small city
• I don’t like the cold
• I like it when it is warm @AdamUngstad
92. Talk about
what things are
not
what they are not.
@AdamUngstad
93. Readability
Use white space:
• Small paragraphs
• Small column widths
• Bullet points, numbered lists
• Subheaders
• Tables
@AdamUngstad
94. Fonts
Good fonts are like new paint for
the walls of your living room...
They are inexpensive, easy, and
they make you look good.
@AdamUngstad
95. The easy way
to use good fonts on
your site....
@AdamUngstad
96. ... Is to use an online
web font service.
@AdamUngstad
97. Web Fonts
• You (usually) pay a small fee
• You drop some code into your
header
• You can use all kinds of cool fonts.
• Don’t go too crazy however. Arial
is fine for the body of your posts!
@AdamUngstad
101. Contact Information
Put it on every page.
• Good for findability
• Good for SEO
• Builds trust
@AdamUngstad
102. Contact Information
This doesn’t mean put a link to
your “contact us” form.
If you have an address or phone
number, put it on each page.
Then people know you are real.
@AdamUngstad
103. Next up....
• Navigation
• Visual Elements
• Content
• Miscellaneous
@AdamUngstad
105. Scrolling vs Clicking
Scrolling is better because:
• It is faster
• Requires less effort
• Doesn’t load new pages
• Mouse wheels and swipes
@AdamUngstad
106. Scrolling vs Clicking
No one uses scroll bars
anymore, because we have
mouse wheels and swipes.
Don’t be afraid of long pages.
@AdamUngstad
107. Mobile
Get a mobile theme, especially if
you are using social media.
Don’t worry if your home page
looks weird with it... chances are
no one will see the home page
anyways.
@AdamUngstad