Download to read offline
Uploaded byJohn Stuifbergen
Website Usability
The document discusses usability and its importance in website design. It is from a company called Jelecos, located in Omaha, NE, that provides consulting and services including website design. The document covers several usability principles for effective website design such as progressive disclosure, recognition over recall, consistency and conventions, and testing with users. It emphasizes the importance of defining goals and testing with users to improve a site's usability.
Website Usability
- 1. Interactive Design: Website Usability | 450 Regency Parkway, Omaha, NE 68114
- 2. Jelecos | 450 RegencyParkway, Omaha, NE 68114
- 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. Importance of Usability “Usability is like air…you only notice it when it’s not present” | 450 Regency Parkway, Omaha, NE 68114
- 5. Usability is About •Effectiveness • Efficiency • Satisfaction | 450 Regency Parkway, Omaha, NE 68114
- 6. Usability is About •Effectiveness • Efficiency • Satisfaction | 450 Regency Parkway, Omaha, NE 68114
- 7. | 450 RegencyParkway, Omaha, NE 68114
- 8. Usability is About •Effectiveness • Efficiency • Satisfaction | 450 Regency Parkway, Omaha, NE 68114
- 9. Usability = Investment 83% ROI http://www.useit.com/alertbox/roi.html | 450 Regency Parkway, Omaha, NE 68114
- 10. Usability Principles Worth Knowing | 450 Regency Parkway, Omaha, NE 68114
- 11. Progressive Disclosure | 450 RegencyParkway, Omaha, NE 68114
- 12. | 450 RegencyParkway, Omaha, NE 68114
- 13. | 450 RegencyParkway, Omaha, NE 68114
- 14. Recognition Over Recall | 450 Regency Parkway, Omaha, NE 68114
- 15. | 450 RegencyParkway, Omaha, NE 68114
- 16. | 450 RegencyParkway, Omaha, NE 68114
- 17. | 450 RegencyParkway, Omaha, NE 68114
- 18. Your Visitors Aren’t Reading Your Content | 450 Regency Parkway, Omaha, NE 68114
- 19. | 450 RegencyParkway, Omaha, NE 68114
- 20. Consistency & Conventions | 450 Regency Parkway, Omaha, NE 68114
- 21. | 450 RegencyParkway, Omaha, NE 68114
- 22. Consistency & Conventions • Make your links look like links | 450 Regency Parkway, Omaha, NE 68114
- 23. How to Improve Your Site | 450 Regency Parkway, Omaha, NE 68114
- 24. First Things First Define Your Goals | 450 Regency Parkway, Omaha, NE 68114
- 25. | 450 RegencyParkway, Omaha, NE 68114
- 26. Test Early. Test Often. |450 Regency Parkway, Omaha, NE 68114
- 27. Cube Testing “Excuse me,a moment of your time?” | 450 Regency Parkway, Omaha, NE 68114
- 28. Walk a Milein Another Man’s Shoes | 450 Regency Parkway, Omaha, NE 68114
- 29. | 450 RegencyParkway, Omaha, NE 68114
- 30. | 450 RegencyParkway, Omaha, NE 68114
- 31. It’s Not JustAbout You | 450 Regency Parkway, Omaha, NE 68114
- 32. What You CanDo 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. Resources • Usability.gov • Useit.com | 450 Regency Parkway, Omaha, NE 68114
- 34. Resources | 450 RegencyParkway, Omaha, NE 68114
- 35. Resources | 450 RegencyParkway, Omaha, NE 68114
- 36. Questions? | 450 RegencyParkway, Omaha, NE 68114
- 37. Thank You! For moreinformation, please contact: Sarah Tucker Director of Sales & Marketing 402.932.1049 stucker@jelecos.com | 450 Regency Parkway, Omaha, NE 68114
Editor's Notes
- #5 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
- #6 Effectiveness - can users complete tasks, i.e. can they do what they came to your site to do?
- #7 Efficiency - how much effort do users require to do this? (Often measured in time).Minimize user error.
- #8 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
- #9 Satisfaction – what do users think about the products ease of use?
- #10 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.
- #11 These aren’t the only principles, but they’re part of the core foundation
- #12 You make complex processes easier by breaking them into small chunks
- #15 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…
- #16 Have to describe what they look like?
- #17 Or if you can pick them out of a line up.
- #18 We use navigation bar + a search box to allow for both types of findability
- #19 They SCANIt’s all about finding things QUICKLYBreakupthe content to short sentencesUse headings and subheadingsUse lists
- #20 Numbered ListDescriptive & Engaging HeadingsShort sentencesWhite space
- #21 Use conventions when possible – most users spend their time on OTHER WEBSITESDon’t reinvent the wheel
- #22 What you see is a buttonAnd something that could be a button or could be a bullet.
- #23 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
- #25 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?
- #26 Fast forward:Your goals are establishedYour website is in development or it’s live. It’s someplace where people can actually see it.
- #28 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
- #29 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
- #30 An example of a heatmap
- #31 Example of eye trackingPeople spend a great deal of time looking at faces
- #32 There’s no reason why you can’t create tests on other sites.You can learn from watching people interact with you competitors’ sites.