1 / 23

PBA Front-End Programming

PBA Front-End Programming. Universal Usability. Universal Usability. Two aspects of usability in web design Enabling the typical user to accomplish her task as efficiently as possible (the user doesn’t want to spend time on our wesbite)

devlin
Download Presentation

PBA Front-End Programming

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. PBA Front-End Programming Universal Usability

  2. Universal Usability • Two aspects of usability in web design • Enabling the typical user to accomplish her task as efficiently as possible (the user doesn’t want to spend time on our wesbite) • Enabling any user to be able to use our website, no matter his limitations

  3. Universal Usability • Accessibility – making the web accessible for users with disabilities • W3C – World Wide Web Consortium established the Web Accessibility Initiative (WAI) in 1999 • http://www.w3.org/WAI/

  4. Universal Usability • Usability – how do we measure that…? • Speed – how quickly can the user accomplish the desired task • Error rate – how many errors happened during the process? • Learnability – how easy is it to do again? • Satisfaction – do we want to do it again?

  5. Universal Usability • User-centered design • The developer is not the user – the user is the user  • Ask the user – but how…? • User focus groups • Task analysis • User testing and feedback • Web analytics

  6. Universal Usability • User focus groups • Face-to-face meetings with a group of potential users (target audience) • Get ideas directly from the ”source” • Priorities • Get to know your target audience better • Use during entire process • Managed by Usability Lead, not trivial…

  7. Universal Usability • Task analysis / User testing • How does a user actually accomplish her task? • What steps are involved? • What information should be available? • Silently observe the user when she tries to accomplish her task (video, eye-track,…) • Enables us to build ”models” of a task, to be used in actual design

  8. Universal Usability • Web analytics (what is it…?) • Tools provided by the website host to gather information about how your website is being used • A post-deployment tool, so most useful for ”tweaking” your website design • Google Analytics

  9. Universal Usability • Information available from Google Analytics • Users previous website • Keywords used in search engine • Pages visitied on site (and order) • User configuration (OS, browser, screen resolution, color settings, etc.) • Number of visits by the user • …and more

  10. Universal Usability • Problems with Web analytics • Caching • Personal user information (age, gender, disabilities, …) • Why did the user visit your website…? • Use analytics as supplement, not as your only source of user information

  11. Universal Usability • How do we manage all this user information? • One strategy: construct a set of ”personas” • A persona is a fictious user – a ”condensate” of the gathered user information • Construct enough personas to cover the range of users you want to accomodate • Example

  12. Universal Usability • So, can we make one website that is • As efficient as possible for the typical user? • Accessible for all users? • No…and yes! • We still only design and create one website… • …but it is so flexible that it can ”manifest” itself in an appropriate manner for everybody • Universal Design

  13. Universal Usability • Principles of Universal Design • Eqitable Use • Flexibility in Use • Simple and Intuitive Use • Perceptible Information

  14. Universal Usability • Equitable Use • The design is useful and marketable to people with diverse abilities. Provide the same means of use for all users: identical whenever possible; equivalent when not • Only diversify when you really need to

  15. Universal Usability • Flexibility in Use • The design accommodates a wide range of individual preferences and abilities. Provide choice in methods of use • The web offers a great deal of flexibility – use it!

  16. Universal Usability • Simple and Intuitive Use • Use of the design is easy to understand, regard-less of the user’s experience, knowledge, language skills, or current concentration level. Eliminate unnecessary complexity and arrange information consistent with its importance • To try achieve a high signal-to-noise ratio…

  17. Universal Usability • Perceptible Information • The design communicates necessary information effectively to the user, regardless of ambient conditions or the user’s sensory abilities. • Use different modes (pictorial, verbal, tactile) for redundant presentation of essential information and provide compatibility with a variety of techniques or devices used by people with sensory limitations

  18. Universal Usability • Perceptible Information – examples • Provide alternative text for images • Use proper markup for headings, etc. • Provide audio alternative for video • Provide text alternative for audio • Provide ways of regulating text sizes, contrast, color palette, etc

  19. Universal Usability

More Related