how to improve the user experience on your website (and get the results you want)
DESCRIPTION
Nobody sets out to create a bad website experience for their customers. But sometimes, even what seems like a minor issue can have a huge impact. How can you identify and remedy the issues that are preventing your website from being the marketing and sales tool you need it to be? Sara Lorien Smith will discuss website design and usability and how it impacts your conversion rate.TRANSCRIPT
![Page 1: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/1.jpg)
How to improve the user experience of your website
And get the results you want
Sara Lorien Smith, May 2014
![Page 2: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/2.jpg)
“UX (user experience) is really just good marketing. It’s about knowing who your market is, knowing what is important to them, knowing why it is important to them, and designing accordingly.”
Joshua Porter
![Page 3: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/3.jpg)
![Page 4: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/4.jpg)
Who are your customers?
![Page 5: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/5.jpg)
NOT everyone
![Page 6: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/6.jpg)
Jerry, male, age 43Farm ownerMarried, 3 children, 2 dogsEtc.
Instead …
![Page 7: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/7.jpg)
Start with an educated guess
Then validate with research
![Page 8: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/8.jpg)
User Research
GOAL – To discover what your customer’s REALLY want and need
NOT – what you think they want/need
![Page 9: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/9.jpg)
User research methods
SurveysInterviewsUsability Testing
![Page 10: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/10.jpg)
Ideally …
• Choose people who represent your target audience
![Page 11: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/11.jpg)
A survey example
Which category below includes your age?
![Page 12: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/12.jpg)
A survey exampleHow would you describe your relationship with this organization?
![Page 13: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/13.jpg)
A survey exampleHave you ever done any of the following on this website?
![Page 14: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/14.jpg)
A survey exampleIn your own words, what do you primarily use the website for?
![Page 15: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/15.jpg)
An interview example10 minute phone interview, existing user
• female, age 41-50• Stewardship volunteer for aprox. 2 years, previous ad-hoc
volunteer for 2 years prior to that.• Primarily uses website to login to Stewardship area, view
calendar, and log hours• She doesn't really read/explore the other content on the
site• Feels that site is too cluttered/busy. Too many links. Finds it
overwhelming• Appearance wise, thinks the site looks dated• Would like to be able to use site/log hours from mobile
(uses iPhone 4), but doesn't even try because of site being too busy/cluttered
![Page 16: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/16.jpg)
User Testing Example – Memory Test
![Page 17: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/17.jpg)
User Testing Example – Preference Test
• Which do you prefer? Why?
![Page 18: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/18.jpg)
User Testing Example – Click Test
Where would you click if you wanted to buy more than 1?
![Page 19: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/19.jpg)
User Testing Resources
Verify – http://verifyapps.com
SurveyMonkey – http://surveymonkey.com
UserTesting.comUserzoom.com
![Page 20: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/20.jpg)
Once upon a time
![Page 21: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/21.jpg)
What is Conversion?
The percentage of website visitors who complete a desired action
![Page 22: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/22.jpg)
Sample Actions
• Signing up for a newsletter• Filling out a contact form• Buying something• Making a donation• Registering for a free workshop• Following you on Facebook
![Page 23: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/23.jpg)
Most won’t buy on 1st touch
The higher the price or buyer commitment for your product/service
The more touches needed before you make the sale
![Page 24: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/24.jpg)
An effective websiteIs a communication channel between you and your customer
yoWassup?
![Page 25: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/25.jpg)
Your 1st conversion goals
Should focus on getting a customer into the sales funnel so that you can continue the conversation
![Page 26: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/26.jpg)
Sales Funnel
Process for turning someone who is aware of your product (a prospect) into a loyal customer.
![Page 27: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/27.jpg)
Which is better?
• 5000 visitors• 1% conversion
= 50 customers
1% increase = 50 more
• 1000 visitors• 5% conversion
= 50 customers
1% increase = 10 more
![Page 28: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/28.jpg)
Getting Started– Reality Check
What is REALLY happening on your website?
![Page 29: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/29.jpg)
Opinions don’t count for much
![Page 30: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/30.jpg)
Analytics is your best friend
![Page 31: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/31.jpg)
Analytics tells you WHAT your website visitors did
User research tells you WHY
We’ll talk about both
![Page 32: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/32.jpg)
Analytics Dashboard
![Page 33: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/33.jpg)
Analytics Engagement
![Page 34: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/34.jpg)
Analytics Location
![Page 35: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/35.jpg)
2nd Step
5 Usability Musts for ALL websites
Fix these things before you do anything else!
![Page 36: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/36.jpg)
1) User-friendly navigation
![Page 37: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/37.jpg)
Make your website easy to navigate
Do– Keep main navigation to no more than 7
items– Put navigation near the top of the page– Keep the placement and appearance
consistent on all pages– Show users where they are by
highlighting the active menu item– Put menu items in a logical order
![Page 38: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/38.jpg)
![Page 39: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/39.jpg)
Make your website easy to navigate
Don’t– Place navigation where it’s difficult to
find– Blend it in with the design–Move the position of the menu around– Use low contrast between background
and font color– Use ornate, difficult to read fonts
![Page 40: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/40.jpg)
![Page 41: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/41.jpg)
2) Spread Out
![Page 42: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/42.jpg)
Spread Out
• Increase spacing between lines (line spacing)
• Increase spacing between paragraphs and page elements (padding)
![Page 43: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/43.jpg)
Bad alignment and line spacing
![Page 44: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/44.jpg)
Good alignment and line spacing
![Page 45: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/45.jpg)
Slow page loads = high bounce rate
3) Speed rules
![Page 46: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/46.jpg)
Tools.pingdom.com
http://developers.google.com/speed/pagespeed/insights/
![Page 47: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/47.jpg)
4) Get to the point
![Page 48: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/48.jpg)
NO
![Page 49: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/49.jpg)
YES
![Page 50: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/50.jpg)
YES
![Page 51: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/51.jpg)
Your message should
• Be clear and concise• Focus on the benefits to the
customer• Guide the customer to next steps
(your conversion goals)
![Page 52: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/52.jpg)
5) Make sure your contact info is prominent
![Page 53: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/53.jpg)
6) Use images to enhance the message
![Page 54: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/54.jpg)
Test and reiterate
Revisit analytics
Did your bounce rate go down on key pages?Did users spend more time on a page?Has your conversion rate gone up or down?
![Page 55: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/55.jpg)
A/B Testing
Also known as split testing
![Page 56: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/56.jpg)
A/B Testing
https://visualwebsiteoptimizer.com/ab-testing/
Optimizely – http://optimizely.com
![Page 57: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/57.jpg)
A/B Testing
![Page 58: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/58.jpg)
A/B Testing
![Page 59: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/59.jpg)
Buyer Psychology 101
Give me too many choices and I’ll choose
nothing
![Page 60: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/60.jpg)
Buyer Psychology 101
I like FREE stuff
![Page 61: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/61.jpg)
Buyer Psychology 101
I trust my best friend’s sister’s boyfriend’s brother’s girlfriend more than I trust you … at least in the beginning.
![Page 62: How to Improve the User Experience on Your Website (and get the results you want)](https://reader033.vdocuments.us/reader033/viewer/2022051514/54945e22ac7959482e8b4b00/html5/thumbnails/62.jpg)
Buyer Psychology 101
Show me rather than tell me