Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Usability and Accessiblity


Published on

Published in: Technology, Art & Photos
  • Be the first to comment

Usability and Accessiblity

  1. 1. For better audience-driven website design for ALL.<br />Web Design principles of usability and accessibility<br />
  2. 2. usability<br />We want to make our portfolios as easy to use as possible.<br />
  3. 3. Understand and meet user expectations<br />Ensure that your portfolio format meets user expectations, especially related to navigation, content, and organization.<br />Users define 'usability' as their perception of how consistent, efficient, productive, organized, easy to use, intuitive, and straightforward it is to accomplish tasks within a system.<br />
  4. 4. DESIGN for common browsers<br />Designers should attempt to accommodate ninety-five percent of all users. Ensure that all testing of a Web site is done using the most popular browsers.<br />Design for Commonly Used Screen Resolutions<br />Design for monitors with the screen resolution set at 1024x768 pixels.<br />By designing for 1024x768, you will accommodate this resolution, as well as those at any higher resolution.<br />
  5. 5. Enable Access to the Homepage<br />Enable users to access the homepage from any other page on the Web site.<br />Limit Prose Text on the Homepage<br />Requiring users to read large amounts of prose text can slow them considerably, or they may avoid reading it altogether.<br />
  6. 6. Avoid Cluttered Displays<br />Clutter is when excess items on a page lead to a degradation of performance when trying to find certain information.<br />Establish Level of Importance<br />Establish a hierarchy of importance for images and information and infuse this approach throughout each page on the Web site.<br />
  7. 7. Ensure Visual Consistency<br />Visual consistency includes the size and spacing of characters; the colors used for labels, fonts and backgrounds; and the locations of labels, text and pictures.<br />Use Bold Text Sparingly<br />Use bold text only when it is important to draw the user’s attention to a specific piece of information.<br />
  8. 8. Use Simple Background Images<br />Background images can make it difficult for users to read foreground text. <br />A single, large, complex background image (including a picture) can substantially slow page download rates.<br />Ensure that Images Do Not Slow Downloads<br />User frustration increases as the length of time spent interacting with a system increases.<br />One study reported that users rated latencies of up to five seconds as ’good.’ Delays over ten seconds were rated as ’poor.’<br />
  9. 9. Accessibility<br />Web sites should be designed to ensure that EVERYONE can use them.<br />
  10. 10. Do Not Use Color Alone to Convey Information<br />About eight percent of males and about one-half of one percent of females have difficulty discriminating colors. <br />Provide Text Equivalents for Non-Text Elements<br />Text equivalents should be used for all non-text elements, including images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ASCII art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds, stand-alone audio files, audio tracks of video, and video.<br />
  11. 11. AvoidScreenFlicker<br />Five percent of people with epilepsy are photosensitive, and may have seizures triggered by certain screen flicker frequencies.<br />