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.

Do's and Don'ts of Web Design

834 views

Published on

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

Do's and Don'ts of Web Design

  1. 1. TOH & Herricks T.E.A.M – Spring 2008 Cristina Abreu
  2. 2. <ul><li>Identify and clearly articulate the primary goals of the Web site before beginning the design process </li></ul><ul><li>Clearly and prominently communicate the purpose and value of the Web site on the homepage </li></ul><ul><li>Provide content that is engaging, relevant, and appropriate to the audience </li></ul><ul><li>Consider as many user interface issues as possible during the design process </li></ul><ul><li>Ensure the Web site is arranged in a logical way </li></ul><ul><li>Enable users to access the homepage from any other page on the Web site </li></ul>
  3. 3. <ul><li>Present all major options on the homepage. </li></ul><ul><li>Limit the homepage to one screen full of information, if at all possible. </li></ul><ul><li>Create pages that are not too crowded with items of information. Maryland Dept of Natural Resources </li></ul><ul><li>Visually align page elements, either vertically or horizontally. </li></ul><ul><li>Put an email link on the page </li></ul><ul><li>Add alternative text links for image maps </li></ul><ul><li>Use a spell checker </li></ul><ul><li>Test with different computers and speeds </li></ul><ul><li>Provide links to outside sources and materials </li></ul>
  4. 4. <ul><li>Make pages too long </li></ul><ul><li>Make users wait for more than a few seconds for a page to load </li></ul><ul><li>Clutter Pages </li></ul><ul><li>Overuse large graphics </li></ul><ul><li>Overdo colors </li></ul><ul><li>Use phrases like Return, Back, Click Here </li></ul><ul><li>Steal copyrighted material </li></ul><ul><li>Just convert print material </li></ul><ul><li>Use a construction sign instead of content </li></ul><ul><li>Put important information at the bottom of the page </li></ul><ul><li>Automatically Play sounds </li></ul><ul><li>Use Serif Fonts i.e.. Times New Roman </li></ul><ul><li>USE ALL CAPS </li></ul><ul><li>Overuse BOLD </li></ul><ul><li>Overuse Italics </li></ul>
  5. 5. <ul><li>SpiderPro’s 100 Do’s & Don’ts </li></ul><ul><ul><li>http://www.spiderpro.com/pr/prstgm001.html </li></ul></ul><ul><li>Worlds Worst Web Site </li></ul><ul><ul><li>http://www.angelfire.com/super/badwebs/ </li></ul></ul><ul><li>Creation Museum (Bad Site Example) </li></ul><ul><ul><li>http://www.thecreationmuseum.org/ </li></ul></ul><ul><li>Design Principles </li></ul><ul><ul><li>http://www.webdesign.org/web/web-design-basics/design-principles/good-website-design.13291.html </li></ul></ul>

×