Website Usability

379 views

Published on

General information, key principals, and a process for you to improve your site.

Published in: Technology, Travel
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
379
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • The Importance of usability, some key principles worth sharing, and overview of the usability processUsability means making products and systems easier to use, and matching them more closely to user needs and requirements.Chances are, you’re not the only business in your field. Today’s consumers are offered thousands of choices. If it’s a chore to find information and products or to decide where to go next, people leave. Why? Because you’ve made the decision for them.It adds to your credibilityIt increases repeat visitors
  • Effectiveness - can users complete tasks, i.e. can they do what they came to your site to do?
  • Efficiency - how much effort do users require to do this? (Often measured in time).Minimize user error.
  • It’s about making it easier for your customers or clients to get from point A to point BIt’s about removing hurdles and boulders in the way.It’s about making your content easy to find so your visitors can learn about what you do, so they can buy things, so they can call you for more information, book a sales call and move along their merry way
  • Satisfaction – what do users think about the products ease of use?
  • Case studies from the Nielsen Norman Group conducted and compiled in 2008 show that after redesigning a site with usability in mind sees an average ROI of 83%. This is actually DOWN from 2002 where the ROI was 135% - Websites were just terrible back then.
  • These aren’t the only principles, but they’re part of the core foundation
  • You make complex processes easier by breaking them into small chunks
  • It's more efficient to select data from a list than it is to pull it from memory.Is it more difficult to identify a criminal if you…
  • Have to describe what they look like?
  • Or if you can pick them out of a line up.
  • We use navigation bar + a search box to allow for both types of findability
  • They SCANIt’s all about finding things QUICKLYBreakupthe content to short sentencesUse headings and subheadingsUse lists
  • Numbered ListDescriptive & Engaging HeadingsShort sentencesWhite space
  • Use conventions when possible – most users spend their time on OTHER WEBSITESDon’t reinvent the wheel
  • What you see is a buttonAnd something that could be a button or could be a bullet.
  • Break common conventions with care and with the blessing of your audienceLinks should look like linksDon’t underline non-linksDon’t hide the destination of a button
  • Q: Why does your site exist?A: To improve your business.How is the site or application going to make you more money, your customers and employees happier? You can’t improve what you don’t measure.Why are people arriving at your site?What do you want them to do?How do you know if they did it? (What’s measured?)Are they buying something?Are they downloading a whitepaper?Are they calling your salesperson?
  • Fast forward:Your goals are establishedYour website is in development or it’s live. It’s someplace where people can actually see it.
  • What is cube testing?Cube testing asking a teammate, a colleague, or anyone within an arm’s reach to use your application. It helps when you’ve been working on a project so long that you can’t “see the forest through the trees”What will it prove?The more they talk aloud, the better
  • Usability Testing With Real PeopleUse the same scenarios from your cube testsVideo captureThe screenThe user’s faceThe user is always rightKeep the user talking. Radio silence is lost value
  • An example of a heatmap
  • Example of eye trackingPeople spend a great deal of time looking at faces
  • There’s no reason why you can’t create tests on other sites.You can learn from watching people interact with you competitors’ sites.
  • Website Usability

    1. 1. Interactive Design: Website Usability | 450 Regency Parkway, Omaha, NE 68114
    2. 2. Jelecos| 450 Regency Parkway, Omaha, NE 68114
    3. 3. Who is Jelecos? A consulting and services partner. Established 12 year old company. Over 600 satisfied clients. Our interactive portfolio includes everything from corporate website design to flash games and eCards. A few of our development partners are Oriental Trading Company, Con Agra, Schaefer’s, MECA, and Travel and Transport. | 450 Regency Parkway, Omaha, NE 68114
    4. 4. Importance of Usability“Usability is like air…you onlynotice it when it’s not present” | 450 Regency Parkway, Omaha, NE 68114
    5. 5. Usability is About• Effectiveness• Efficiency• Satisfaction | 450 Regency Parkway, Omaha, NE 68114
    6. 6. Usability is About• Effectiveness• Efficiency• Satisfaction | 450 Regency Parkway, Omaha, NE 68114
    7. 7. | 450 Regency Parkway, Omaha, NE 68114
    8. 8. Usability is About• Effectiveness• Efficiency• Satisfaction | 450 Regency Parkway, Omaha, NE 68114
    9. 9. Usability = Investment 83% ROIhttp://www.useit.com/alertbox/roi.html | 450 Regency Parkway, Omaha, NE 68114
    10. 10. UsabilityPrinciples Worth Knowing | 450 Regency Parkway, Omaha, NE 68114
    11. 11. ProgressiveDisclosure| 450 Regency Parkway, Omaha, NE 68114
    12. 12. | 450 Regency Parkway, Omaha, NE 68114
    13. 13. | 450 Regency Parkway, Omaha, NE 68114
    14. 14. Recognition Over Recall | 450 Regency Parkway, Omaha, NE 68114
    15. 15. | 450 Regency Parkway, Omaha, NE 68114
    16. 16. | 450 Regency Parkway, Omaha, NE 68114
    17. 17. | 450 Regency Parkway, Omaha, NE 68114
    18. 18. Your Visitors Aren’t Reading Your Content | 450 Regency Parkway, Omaha, NE 68114
    19. 19. | 450 Regency Parkway, Omaha, NE 68114
    20. 20. Consistency & Conventions | 450 Regency Parkway, Omaha, NE 68114
    21. 21. | 450 Regency Parkway, Omaha, NE 68114
    22. 22. Consistency & Conventions• Make your links look like links | 450 Regency Parkway, Omaha, NE 68114
    23. 23. How to Improve Your Site | 450 Regency Parkway, Omaha, NE 68114
    24. 24. First Things First Define Your Goals | 450 Regency Parkway, Omaha, NE 68114
    25. 25. | 450 Regency Parkway, Omaha, NE 68114
    26. 26. Test Early.Test Often.| 450 Regency Parkway, Omaha, NE 68114
    27. 27. Cube Testing“Excuse me, a moment of your time?” | 450 Regency Parkway, Omaha, NE 68114
    28. 28. Walk a Mile inAnother Man’s Shoes | 450 Regency Parkway, Omaha, NE 68114
    29. 29. | 450 Regency Parkway, Omaha, NE 68114
    30. 30. | 450 Regency Parkway, Omaha, NE 68114
    31. 31. It’s Not Just About You | 450 Regency Parkway, Omaha, NE 68114
    32. 32. What You Can Do Before 5:00• Watch a new user perform a task of value on your site (your dad, wife, accountant)• Call your web developer and have them fix the problem(s) you JUST witnessed.• Subscribe to a usability newsletter… | 450 Regency Parkway, Omaha, NE 68114
    33. 33. Resources• Usability.gov• Useit.com | 450 Regency Parkway, Omaha, NE 68114
    34. 34. Resources| 450 Regency Parkway, Omaha, NE 68114
    35. 35. Resources| 450 Regency Parkway, Omaha, NE 68114
    36. 36. Questions?| 450 Regency Parkway, Omaha, NE 68114
    37. 37. Thank You!For more information, please contact: Sarah Tucker Director of Sales & Marketing 402.932.1049 stucker@jelecos.com | 450 Regency Parkway, Omaha, NE 68114

    ×