1 / 23

usability

usability. Olaa Motwalli CIS764 , DR Bill – KSU. Overview. Usability factors. Usability guidelines. Software application. Website. Common mistakes. Good and bad examples. usability. Can usability be measured ? Usability factors:

malonemargaret
Télécharger la présentation

usability

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. usability Olaa Motwalli CIS764 , DR Bill – KSU

  2. Overview • Usability factors. • Usability guidelines. • Software application. • Website. • Common mistakes. • Good and bad examples.

  3. usability Can usability be measured? Usability factors: • Ease of learning:How fast can a user learn the system sufficiently to accomplish basic tasks? • Efficiency of use:A user's ability to quickly accomplish tasks and find information with ease and without frustration. • Memorability:can a user remember enough information to use the application effectively next time? • Error frequency:How often do users make errors while using the system, and how do users recover from these errors? • Satisfaction:How much a user enjoys using the Web site or the application?.

  4. Usability guidelines application/website • Involving Users in the Design Process: • Know Your Audience. • identifying the needs of your users. • Reflect the User’s Mental Model. • Build Prototypes. • Observe Users once you have a prototype. • Use the information recorded from your user tests. 2. Use Real-World Metaphors. Take advantage of people’s knowledge of the world by using metaphors to convey concepts and features of your application.

  5. 3. Keep It Simple and Pretty. Making Design Decisions for adding features in your application or website. Every time you add a feature to your application or website, Your application or website gets larger, slower, and Your application’s human interface become more complex. Usability guidelines application/website

  6. Usability guidelines application/website 4. Allow Direct Manipulation. • an example of an implied action that allows users to feel that they are controlling the objects represented 5. Provide Rapid Response. 6. Keep Interfaces Natural. • Try not to overwhelm users by presenting too much information at once • Don’t overload windows and dialogs • Use high-quality graphics and icons. 7. Make Navigation Easy. 8. Make Your Application Consistent. 9. Give the User immediate Feedback when user perform action.

  7. Usability guidelines application/website 10- Anticipate Errors. • Provide useful error messages to users 11- Give the User Control– avoid modes, features only in toolbars 12- Forgive the User. 13. improve structure: • Chunk information into visual groups, based on topic or functional similarity from the audience's perspective. • Offer several ways to find information– navigational elements, search functions, or a site map. • Use meaningful and consistent button names.

  8. Usability guidelines application/website 13. improve structure: 5. Most navigation pages should not scroll. 7. put navigation elements or navbars in a consistent and/or predictable location. 8. Never make the viewer scroll to locate important navigation buttons such as "Buy now“ 9. Make it easy for users to skim; provide clues that allow users to find the information by scanning rather than reading. 10. Do not give all the object same level of contrast.

  9. Usability guidelines for App and Website 14- Make your application or website accessible to people with disabilities. • Visual Disabilities – Color blindness. • Hearing Disabilities 15- design your software for reliability. • Make sure your user interface behaves in a predictable way. • The same set of actions should generate the same results each time.

  10. Suggestion • Offer an application guidelines. • KDE Human Interface Guidelines. • GNOME Human Interface Guidelines. • Offer a website guidelines. • W3C Web Standards (world wide web consortium).

  11. Example for KDE Human Interface Guidelines • mix of interface elements: a dialog box with a menu bar • Don't put status information in the menubar. Use a statusbar for that!

  12. Usability guidelines for website • why usability is important in the website– On the Web, usability is a necessary condition for survival. If a website is difficult to use, users get lost on it, or a website's information is hard to read or doesn't answer users' key questions, people leave. • To create a website that satisfies the use, it should be easy to use and to learn as well as earn the user trust.

  13. Text: Make text easy to read. Medium-sized fonts. Mixed case for text rather than all capital letters. Line lengths less than 50 to 60 characters. High contrast between text and background colors to increase legibility. Dark text against a light background is most legible. Image: Avoid using graphics as links or content. Have small graphics. GIF vs. JPEG: Which should you choose? More detailed website guidelines

  14. More detailed website guidelines • Link: • Make link obvious by use colored, underlined text link (don't underline non-link text). • Differentiate visited and unvisited links. • Don't use "click here" or other non-descriptive link text. • don't open pages in new windows. • Background: • Keeping a consistent background from page to page to let a user know where he or she is. • Avoid using less contrast color together using red and blue/ white and Yalow.

  15. Catman's Color Brightness, Contrast, and Harmony Tool

  16. More detailed website guidelines • Color: • Don't overuse color. • Font: • Major font reading time in second. • Times and Tahoma more readable. • Form: • Avoid brake the form. • Support different address formats. • Let users enter data in the format they prefer. Telephone Number ( ) - .

  17. Avoid a common mistakes • Do not have JavaScript which works only in internet Explorer. • Do not have archives for old good information. • Do not use PDF Files for Online Reading-hard to navigate - PDF is great for printing.

  18. bad Example

  19. bad Example

  20. Good Example

  21. References 1- Apple Human Interface Guidelines http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/OSXHIGuidelines.pdf 2- Motif Style Guide http://www.s-and-b.ru/syshlp/motif_guide/MotifStyleGuide/TOC.html 3- KDE user interface guidelines http://usability.kde.org/hig/ 4- GNOME Human Interface Guidelines (1.0) http://developer.gnome.org/projects/gup/hig/1.0/index.html 5- msdn- Improving Web Site Usability and Appeal http://msdn.microsoft.com/library/default.asp?url=/library/enus/dnsiteplan/html/vingsiteusa.asp

  22. References 6- Top Ten Mistakes in Web Design http://www.useit.com/alertbox/9605.html 7- The Usability Company, part of Foviance http://www.theusabilitycompany.com/index.html 8- Usability Engineering Team Design Guidelines http://www.grc.nasa.gov/WWW/usability/colorcss.html good example link http://www.lakeshorebaptist.net/ bad example links http://www.lakeshorebaptist.net/hycws/ http://www.geocities.com/Paris/1594/

  23. Questions

More Related