Download
pba front end programming n.
Skip this Video
Loading SlideShow in 5 Seconds..
PBA Front-End Programming PowerPoint Presentation
Download Presentation
PBA Front-End Programming

PBA Front-End Programming

152 Views Download Presentation
Download Presentation

PBA Front-End Programming

- - - - - - - - - - - - - - - - - - - - - - - - - - - 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