Individual Element Layout
- Using frames -- If Not Frames Then What
- Scrolling text, marquees, and constantly running animations.
- Orphan pages.
- Long scrolling pages.
- Lack of navigation support.
- Backgrounds with headache inducing or stomach turning patterns.
- Backgrounds that make the text difficult to read.
Technology or Lack Thereof
- Non-standard link colors.
- Blue Text that is not a hyperlink.
- Using underlining when an item is not a hyperlink. See this very page for example. ;-)
- Using "click here" as your primary style for hyperlinks.
- Using FONT SIZE=1 without specifying a legible FACE to go with it.
- Poor color selections (like green over blue or black) making text impossible to read.
- Color combinations for textual information that cannot be printed on a gray-scale or black-and-white printer (and no mechanism to re-render the page for printing).
- Failure to use WIDTH and HEIGHT attributes on image tags, such that items on the page move while the user is trying to read (or worse, click) something as images finish downloading.
- Generating the same identical page for every hit.
- Gratuitous use of bleeding-edge technology.
- Complex URLs.
- Overly long download times.
- Link Rot (a Wiki Wiki web link)
- Using ASP or another technology to display static webpages [Why is this significant?] - It forces the page to run through the ASP interpreter even though the code is static which slows things down. For higher volume sites, this could be an issue.
- Outdated information
- Displaying the message "this site is under construction" with or without accompanying graphic
Other Fundamental Errors
- Writing pages without a goal - "Why is site X useless?" - Because the authors didn't think of any uses for it.
- Blowing the budget on a "page creation blitz" up front - without thinking about maintainability.
(these from "Designing Web Useability" by Jacob Nielsen ISBN 156205810X)
- Business Model: Treating the Web as a Marcom brochure instead of a fundamental shift that will change the way we conduct business in the network economy.
- Information architecture: Structuring the site to mirror the way the company is structured.
- Linking Strategy: Treating your site as the only one that matters...
- Page Design: Forgetting that there is a difference between your switched 100baseT network and the Internet when developing demo pages. (paraphrase)
See also Web Standards Checklist
See also http://www.jamaicapublishing.com/
See also http://kercommunications.com
See also http://www.useit.com/alertbox/
See also http://www.pawluk.com/
See also http://www.eyeflow.com
See also http://www.dsiegel.com/tips/index.html (Web Wonk)
See also http://www.webpagesthatsuck.com/
See also http://www.antonartnetwork.com/
Refactoring: Changed from author-oriented with manual numbering to sub-topic oriented. -- Randy P
Contributors: Steven Black, Randy Pearson, Maurice De Beijer, Lucien TElliott, Dafydd Rees, Lauren Clarke
Category Check Lists Category 3 Star Topics Category Wiki Classics Category Web Development
( Topic last updated: 2011.10.25 06:30:52 PM )