UI Wizards - Web Blooper of the Month

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>UI Wizards - Web Blooper of the Month</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="UIWizards.com-Web Blooper of the Month"> <meta name="author" content="Adam Chew http://adamchew.com">  <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="assets/css/uiwizards.css" rel="stylesheet">    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png"> <link rel="shortcut icon" href="assets/ico/favicon.png">  <link href='http://fonts.googleapis.com/css?family=Tauri|Julius+Sans+One' rel='stylesheet' type='text/css'> </head> <body> <div class="affixed-nav-bg affix-top"></div> <div class="uiw-head"> <div class="container"> <div class="masthead"> <h1>UI Wizards</h1> <h2>Product usability consulting</h2> <div class="clearfix"></div>  <div class="nav-wrapper"> <a class="nav-toggle collapsed" data-toggle="collapse" data-target=".navbar" href="javascript:void(0);"> Menu </a> <div class="navbar"> <div class="container"> <div class="navbar-inner"> <ul class="nav"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li class="dropdown"><a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="portfolio.html">Portfolio <b class="caret"></b></a> <ul class="navdrop dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a role="menuitem" tabindex="-1" href="portfolio.html">Samples</a></li> <li><a role="menuitem" tabindex="-1" href="portfolio_clients.html">Clients</a></li> <li><a role="menuitem" tabindex="-1" href="portfolio_CV.html">CV</a></li> <li><a role="menuitem" tabindex="-1" href="portfolio_pubs.html">Publications</a></li> </ul> </li> <li><a href="services.html">Services</a></li> <li><a href="classes.html">Classes</a></li> <li><a href="resources.html">Resources</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="container">  <div class="row-fluid"> <div class="span9"> <h1>Web Blooper of the Month</h1> <h2>Unfinished Content</h2> <p>A common blooper is putting obviously unfinished pages on the Web. In some cases, sites were knowingly put online while still under construction. In other cases, content is missing because of an oversight: developers failed to check all the pages before taking the site live. Sites that are obviously incomplete make a poor impression on prospective customers.</p> <p>Call up any Web-search engine and search for "Lorem ipsum dolor sit amet" (including the quotation marks). Depending on the search engine, the search will return at least hundreds of hits, if not thousands. For example, conducting this search on Google.com yielded more than ten pages of hits.</p> <p>What does this mean? Many website designers initially mock-up their websites with pseudo-Latin text so they can determine and evaluate the layout before the actual content is written . Some web-development tools help by providing the Latin filler. The most common Latin filler begins "Lorem ipsum dolor sit amet, consectetuer adipiscing elit...". When this text appears in a live website, it means that the designer neglected to replace the filler text with real content-text before putting the site on the Web. Vincent Flanders first called attention to this common problem in 1998 in his website <a href="http://www.webpagesthatsuck.com" target="_blank">WebPagesThatSuck.com.</a></p> <h3><a href=http://www.SIWafer.com target="Web Blooper Window" title="International Wafer Service">International Wafer Service (SIWafer.com)</a></h3> <p>For example, International Wafer Service, a supplier of silicon wafers, has a "What's New" page on its website that includes an announcement of improved chip-lithography methods (see below). The announcement begins normally but degenerates into filler text, including fake Latin.</p> <IMG SRC="assets/wb_images/WBloop17_IWS.gif" WIDTH=601 HEIGHT=109 alt="SIWafer.com example of Web Blooper"> <h3><a href=http://www.Stanford.edu target="Web Blooper Window" title="Stanford">Stanford University (Stanford.edu)</a></h3> <p>Finding oneself staring at pseudo-Latin is not the only clue that a website is unfinished. Sometimes the clue is more of a Zen experience: pages of nothing. An excellent example of nothing is provided by the Continuing Studies sub-site of Stanford University's website (see below).</p> <IMG SRC="assets/wb_images/WBloop17_Stanford.gif" WIDTH=597 HEIGHT=359 alt="Stanford.edu example of Web Blooper"> <h3>Avoiding the Blooper</h3> <p>It is a bad idea to put a site online with clearly unfinished content. It makes your organization look amateurish and disorganized. Instead, do the following:</p> <ul> <li><em>Don't go live until ready</em>. If you currently have no Web presence, don't rush it. Wait until your site is complete before exposing it to the world. Reserve your desired domain-name as soon as you know what it will be, but you can do that without putting up a website. If absolutely necessary, put up a placeholder page providing contact information, a brief description of the site's or your organization's mission, and saying that the new site is coming.</li> <li><em>Don't miss your own deadline</em>. If you publicly post a completion date, you really have committed yourself to making that date. If you posted a date and aren't going to make it, yank it down as soon as possible. Leaving a date for a new site posted after the date is passed really makes your organization look bad.</li> <li><em>Keep old site up</em>. If a previous -- presumably complete -- version of your site is already on the Web, leave it up a little longer, until you have the new one ready,</li> <li><em>Omit unfinished pages</em>. If you anticipate adding content to your site later, after it is up, don't leave blank pages or filler-content where it will be. Leave the unfinished pages, sections, or paragraphs completely out of the site, with no links or references to them. </li> <li><em>Check it</em>! Review your site thoroughly before putting it online. Check it on your intranet before putting it on the Internet. It is good to begin this checking by having members of the design and development organization systematically walk through the site. However, before taking the site live, it is also important -- for a variety of reasons, not only checking completeness -- to test the site on people from outside the organization or even outside the company.</li> </ul> </div> <div class="span3 sidebar"> <h3>Posted: Apr 2003</h3> <h4> <a href="wBloop16.html">< Prev</a>       <a href="wBloop18.html">Next ></a> </h4> <p><a href="web_blooper_archive.html" title="Web Bloopers Archive"><button class="btn btn-uiwizards" type="button" alt="Link to Web Bloopers Archive page"><i class="icon-star icon-white"></i> Web Bloopers Archive</button></a></p> </div> </div> </div>  <div class="footer"> <div class="container text-center"> <p>© UI Wizards, Inc. 2013</p> <div class="foot-nav"> <ul class="nav"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="services.html">Services</a></li> <li><a href="classes.html">Classes</a></li> <li><a href="resources.html">Resources</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="privacy_policy.html">Privacy Policy</a></li> <li><a href="usability_policy.html">Usability Policy</a></li> </ul> </div> </div> </div>   <script src="assets/js/jquery.js"></script> <script src="assets/js/uiwizards-nav.js"></script> <script src="assets/js/bootstrap-transition.js"></script> <script src="assets/js/bootstrap-alert.js"></script> <script src="assets/js/bootstrap-modal.js"></script> <script src="assets/js/bootstrap-dropdown.js"></script> <script src="assets/js/bootstrap-scrollspy.js"></script> <script src="assets/js/bootstrap-tab.js"></script> <script src="assets/js/bootstrap-tooltip.js"></script> <script src="assets/js/bootstrap-popover.js"></script> <script src="assets/js/bootstrap-button.js"></script> <script src="assets/js/bootstrap-collapse.js"></script> <script src="assets/js/bootstrap-carousel.js"></script> <script src="assets/js/bootstrap-typeahead.js"></script> <script src="assets/js/bootstrap-affix.js"></script>  <script type='text/javascript' src='https://count.carrierzone.com/app/count_server/count.js'></script> <script type='text/javascript'> </script>  </body> </html>

CINXE.COM

UI Wizards - Web Blooper of the Month