easy user exerpience improvements for your wordpress site - make your site easier to use and...
DESCRIPTION
A collection of simple and practical ways to make improvements to your WordPress Sites. Anyone with a website really will be abTRANSCRIPT
![Page 1: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/1.jpg)
@AdamUngstad
EasyUser ExperienceImprovements
for your WordPress Site
@AdamUngstad
![Page 2: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/2.jpg)
@AdamUngstad
About Me
• In various IT roles for 10 years• Photographer•Writer – Poetry & Non-Fiction• Freelance WordPress work in
2011
![Page 3: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/3.jpg)
@AdamUngstad
Living Water Smart
![Page 4: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/4.jpg)
@AdamUngstad
What is User Experience?
“the way a person feels about using a product, system
or service.” - Wikipedia
![Page 5: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/5.jpg)
@AdamUngstad
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
![Page 6: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/6.jpg)
@AdamUngstad
What is User Experience?
“how a person feels when interfacing with a system.”
- Smashing Magazine
![Page 7: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/7.jpg)
@AdamUngstad
The Original Elements
Source: www.jjg.net/elements/pdf/elements.pdf
![Page 8: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/8.jpg)
@AdamUngstad
The Boersma T-model
Source: http://beep.peterboersma.com/2004/11/t-model-big-ia-is-now-ux.html
![Page 9: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/9.jpg)
@AdamUngstadSource: http://www.flickr.com/photos/curtisperry/57104815/sizes/z/in/photostream/
![Page 10: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/10.jpg)
@AdamUngstadSource: http://www.flickr.com/photos/khalid-almasoud/2048373700/sizes/m/in/photostream/
![Page 11: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/11.jpg)
@AdamUngstad
User Experience
adds VALUE
![Page 12: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/12.jpg)
@AdamUngstad
Good UX Helps Users...• Find what they came for• Discover related content• Complete tasks quicker• Understand content• Navigate on different platforms
![Page 13: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/13.jpg)
@AdamUngstad
UX Deliverables
• User Research / Testing• Personas, Use Cases•Wireframes• Prototypes• Journey Maps
![Page 14: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/14.jpg)
@AdamUngstad
Easy UX for WordPress
• Navigation• Visual Elements• Content•Miscellaneous
![Page 15: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/15.jpg)
@AdamUngstad
Q: What is the most
important page on your site?
![Page 16: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/16.jpg)
@AdamUngstad
A: Whatever page the user lands on.
Most users arrive at a page within a site, rather than the home page.
![Page 17: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/17.jpg)
@AdamUngstadSource: http://en.wikipedia.org/wiki/Main_Page
Ever seen this before?
![Page 18: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/18.jpg)
@AdamUngstad
Navigation
4 Types:1. Primary (menus)
2. Secondary (tags, breadcrumb, footer)
3. Inline (content)
4. Search
![Page 19: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/19.jpg)
@AdamUngstad
Primary Navigation
Vertical• Static
![Page 20: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/20.jpg)
@AdamUngstad
Primary Navigation
Vertical• Accordion
![Page 21: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/21.jpg)
@AdamUngstad
Primary Navigation
Vertical• Flyouts
![Page 22: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/22.jpg)
@AdamUngstad
Primary Navigation
Horizontal• Static
![Page 23: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/23.jpg)
@AdamUngstad
Primary Navigation
Source:
Horizontal• Dropdowns
![Page 24: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/24.jpg)
@AdamUngstad
Primary Navigation
Horizontal• Flyouts
![Page 25: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/25.jpg)
@AdamUngstad
Primary Navigation
Horizontal• Mega-Dropdowns
![Page 26: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/26.jpg)
@AdamUngstad
Primary Navigation
Horizontal• Tabs
![Page 27: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/27.jpg)
@AdamUngstad
Static is generally best
![Page 28: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/28.jpg)
@AdamUngstad
Flyouts obscure content
![Page 29: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/29.jpg)
@AdamUngstad
Use an accordion
or
If you need 2 levels...
![Page 30: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/30.jpg)
@AdamUngstad
Use Tabs
If you need 2 levels...
![Page 31: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/31.jpg)
@AdamUngstad
Secondary Navigation
Supporting Primary Navigation:• Tags• Breadcrumbs• Footers
![Page 32: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/32.jpg)
@AdamUngstad
Secondary Navigation
Categories Tags
Primary Subject Secondary Subject
![Page 33: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/33.jpg)
@AdamUngstad
Secondary NavigationUse Tags to:• Link content across categories• Create an index• Help users discover what they
didn’t know they were looking for...
![Page 34: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/34.jpg)
@AdamUngstad
Secondary Navigation
Breadcrumbs
Tell users •where they are •what’s around them
1 2 3 4
![Page 35: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/35.jpg)
@AdamUngstad
Secondary Navigation
Breadcrumbs
Use them only if:• You have highly structured,
layered, hierarchical content.
1 2 3 4
![Page 36: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/36.jpg)
@AdamUngstad
Secondary Navigation
Footers.... don’t hold back.
Mega footers are a good thing.
![Page 37: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/37.jpg)
@AdamUngstadSource: www.theglobeandmail.com
![Page 38: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/38.jpg)
@AdamUngstadSource: www.lynda.com
![Page 39: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/39.jpg)
@AdamUngstad
Inline Navigation
![Page 40: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/40.jpg)
@AdamUngstadSource: www.apple.com
![Page 41: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/41.jpg)
@AdamUngstadSource: www.amazon.ca
![Page 42: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/42.jpg)
@AdamUngstadSource: www.theglobeandmail.com
![Page 43: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/43.jpg)
@AdamUngstad
Q: What do users use most?
a) Primaryb) Secondaryc) Inline
![Page 44: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/44.jpg)
@AdamUngstad
Q: What do users use most?
a) Primaryb) Secondary
c) Inline
![Page 45: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/45.jpg)
@AdamUngstad
Easy Inline Navigation
on Your Home Page....
![Page 46: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/46.jpg)
@AdamUngstad
1) Create a Sticky Post
![Page 47: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/47.jpg)
@AdamUngstad
2) Use Tables for layout
You use tables in MS Word all the time...
![Page 48: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/48.jpg)
@AdamUngstad
2) Use Tables for layout
The standard WP editor doesn’t support tables, but you don’t have to use HTML...
![Page 49: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/49.jpg)
@AdamUngstad
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
![Page 50: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/50.jpg)
@AdamUngstad
Don’t Expect, Suggest.
v
Your Post
Related Posts
![Page 51: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/51.jpg)
@AdamUngstad
Search
![Page 52: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/52.jpg)
@AdamUngstad
Next up....
• Navigation• Visual Elements• Content•Miscellaneous
![Page 53: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/53.jpg)
@AdamUngstad
Visual Elements• Columns• Contrast• The Magic Number• Thumbnails• Fonts
![Page 54: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/54.jpg)
@AdamUngstad
Use Columns
![Page 55: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/55.jpg)
@AdamUngstad
Use Columns
![Page 56: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/56.jpg)
@AdamUngstad
Ouch!
![Page 57: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/57.jpg)
@AdamUngstad
![Page 58: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/58.jpg)
@AdamUngstad
3 Is the magic number...
![Page 59: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/59.jpg)
@AdamUngstad
![Page 60: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/60.jpg)
@AdamUngstad
1 2 3
![Page 61: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/61.jpg)
@AdamUngstad
![Page 62: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/62.jpg)
@AdamUngstad
1 2 3
![Page 63: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/63.jpg)
@AdamUngstad
![Page 64: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/64.jpg)
@AdamUngstad
1 2 3
![Page 65: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/65.jpg)
@AdamUngstad
ContrastUsing 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.
![Page 66: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/66.jpg)
@AdamUngstad
Gallery ThumbnailsDefault sizes are square:
![Page 67: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/67.jpg)
@AdamUngstad
Gallery ThumbnailsBut think about the things you look at all day: • Your Computer Monitor• Your TV• Your Paintings / Pictures
![Page 68: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/68.jpg)
@AdamUngstad
Gallery ThumbnailsYes, they are all rectangles.
![Page 69: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/69.jpg)
@AdamUngstad
![Page 70: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/70.jpg)
@AdamUngstad
It’s easy to change the size of the thumbnails for your galleries...
![Page 71: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/71.jpg)
@AdamUngstad
Settings -> Media
![Page 72: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/72.jpg)
@AdamUngstad
Note:This setting
only applies to photos you add
after the setting is changed.
![Page 73: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/73.jpg)
@AdamUngstad
This next one is important...
![Page 74: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/74.jpg)
@AdamUngstad
What is the easiest way
to make your site
look good?
![Page 75: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/75.jpg)
@AdamUngstad
Let other people do the work for you.
Don’t re-invent the wheel!
![Page 76: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/76.jpg)
@AdamUngstad
Don’t re-invent the wheelThis doesn’t mean you should hire expensive: • graphic designers• photographers• flash developers• UX Designers (well, maybe UX designers... ;-)
![Page 77: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/77.jpg)
@AdamUngstad
Don’t re-invent the wheelJust 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!
![Page 78: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/78.jpg)
@AdamUngstad
Don’t re-invent the wheelSpend $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!
![Page 79: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/79.jpg)
@AdamUngstad
activeden.com
![Page 80: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/80.jpg)
@AdamUngstad
wpplugins.com
![Page 81: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/81.jpg)
@AdamUngstad
photodune.com
![Page 82: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/82.jpg)
@AdamUngstad
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.
![Page 83: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/83.jpg)
@AdamUngstad
compfight.com
![Page 84: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/84.jpg)
@AdamUngstad
Next up....
• Navigation• Visual Elements• Content•Miscellaneous
![Page 85: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/85.jpg)
@AdamUngstad
Content•Metacontent• Readability• Contact on every page• Fonts
![Page 86: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/86.jpg)
@AdamUngstad
MetacontentNot just for search engines... Your WP Excerpt:
![Page 87: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/87.jpg)
@AdamUngstad
MetacontentShows up when people share with their networks.
![Page 88: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/88.jpg)
@AdamUngstad
MetacontentAlways, Always, Always... 1. Have a relevant image with
your post.2. Write a good excerpt.
![Page 89: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/89.jpg)
@AdamUngstad
Readability
Readability is more than “write at a grade 8 reading level”
![Page 90: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/90.jpg)
@AdamUngstad
Readability
Use Active / Positive Tense. Change: • Victoria is not a large city
• I don’t like the cold
![Page 91: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/91.jpg)
@AdamUngstad
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
![Page 92: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/92.jpg)
@AdamUngstad
Talk about what things are
not what they are not.
![Page 93: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/93.jpg)
@AdamUngstad
Readability
Use white space: • Small paragraphs• Small column widths• Bullet points, numbered lists• Subheaders• Tables
![Page 94: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/94.jpg)
@AdamUngstad
FontsGood fonts are like new paint for the walls of your living room...
They are inexpensive, easy, and they make you look good.
![Page 95: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/95.jpg)
@AdamUngstad
The easy way to use good fonts on
your site....
![Page 96: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/96.jpg)
@AdamUngstad
... Is to use an online web font service.
![Page 97: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/97.jpg)
@AdamUngstad
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!
![Page 98: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/98.jpg)
@AdamUngstad
google.com/webfonts
![Page 99: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/99.jpg)
@AdamUngstad
typekit.com
![Page 100: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/100.jpg)
@AdamUngstad
fontsquirrel.com
![Page 101: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/101.jpg)
@AdamUngstad
Contact InformationPut it on every page.•Good for findability•Good for SEO•Builds trust
![Page 102: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/102.jpg)
@AdamUngstad
Contact InformationThis 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.
![Page 103: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/103.jpg)
@AdamUngstad
Next up....
• Navigation• Visual Elements• Content•Miscellaneous
![Page 104: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/104.jpg)
@AdamUngstad
Miscellaneous• Scrolling vs Clicking•Mobile• The Last Word
![Page 105: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/105.jpg)
@AdamUngstad
Scrolling vs ClickingScrolling is better because:
• It is faster• Requires less effort• Doesn’t load new pages• Mouse wheels and swipes
![Page 106: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/106.jpg)
@AdamUngstad
Scrolling vs ClickingNo one uses scroll bars anymore, because we have mouse wheels and swipes.
Don’t be afraid of long pages.
![Page 107: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/107.jpg)
@AdamUngstad
MobileGet 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.
![Page 108: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/108.jpg)
@AdamUngstad
The Last Word...
![Page 109: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/109.jpg)
@AdamUngstad
User Experience Is:• Awesome• Important• Engaging• Critical• Time consuming....
![Page 110: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/110.jpg)
@AdamUngstad
But don’t forget...
![Page 111: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/111.jpg)
@AdamUngstad
Content is still king.
![Page 112: Easy User Exerpience Improvements for Your WordPress Site - Make Your Site Easier to Use and Understand](https://reader034.vdocument.in/reader034/viewer/2022051819/54c702544a795980768b456e/html5/thumbnails/112.jpg)
@AdamUngstad
Thank you!
@AdamUngstad