UI Wizards - Web Blooper Archive

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>UI Wizards - Web Blooper Archive</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Services page for UIWizards.com"> <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 Bloopers Archive</h1> <p>Jeff Johnson formerly had a blog on this site called "Web Blooper of the Month". That blog was discontinued in 2005, but this page is an archive of all the posts. Enjoy!</p> <p><em><small>NOTE: This is an archive. The posts are preserved here as originally posted; they have not been updated. The referenced websites have all changed significantly since we reviewed them, and some have disappeared as their companies folded or were merged into other companies. Any such changes are not reflected in these posts.</small></em></p> <ul> <li>August 2005: <a href="wBloop40.html">Funny Bloopers :-)</a></li> <li>July 2005: <a href="wBloop39.html">False Choices</a></li> <li>June 2005: <a href="wBloop38.html">Links Distract from Task</a></li> <li>May 2005: No post</li> <li>April 2005: <a href="wBloop37.html">Burdening Users' Memory</a></li> <li>March 2005: <a href="wBloop36.html">Speaking Geek</a></li> <li>February 2005: <a href="wBloop35.html">Search Misses Relevant Items</a></li> <li>January 2005: <a href="wBloop34.html">Stealth PDF Links</a></li> <li>December 2004: No post</li> <li>November 2004: <a href="wBloop33.html">Broken Internal Links</a></li> <li>October 2004: No post</li> <li>September 2004: <a href="wBloop32.html">Important Info Below Fold</a></li> <li>August 2004: <a href="wBloop31.html">Mystery Plug-In Required</a></li> <li>July 2004: <a href="wBloop30.html">Search-Hits Lack Meta-data</a></li> <li>June 2004: <a href="wBloop29.html">List Isn't a List</a></li> <li>May 2004: No post <li>April 2004: <a href="wBloop28.html">Generic, Vague Error Messages</a></li> <li>March 2004: <a href="wBloop27.html">Poor Search-Results Navigation</a></li> <li>February 2004: <a href="wBloop26.html">Internal & External Links Look Alike</a></li> <li>January 2004: <a href="wBloop25.html">FAQ Doesn't Contain FAQs</a></li> <li>December 2003: <a href="wBloop24.html">Dueling Search Controls</a></li> <li>November 2003: <a href="wBloop23.html">Fixed-Width Layout</a></li> <li>October 2003: <a href="wBloop22.html">Faulty Defaults</a></li> <li>September 2003: <a href="wBloop21.html">Not Linking Directly</a></li> <li>August 2003: No post <li>July 2003: <a href="wBloop20.html">Clueless Back End</a></li> <li>June 2003: <a href="wBloop19.html">Confusing Checkboxes and Radiobuttons</a></li> <li>May 2003: Click <a href="wBloop18.html">Here</a>: Burying Links in Text</li> <li>April 2003: <a href="wBloop17.html">Unfinished Content</a></li> <li>March 2003: <a href="wBloop16.html">Current Page Not Indicated</a></li> <li>February 2003: <a href="wBloop15.html">Wrapped Links: How Many?</a></li> <li>January 2003: <a href="wBloop14.html">Centering Everything</a></li> <li>December 2002: <a href="wBloop13.html">Search Terms Not Shown</a></li> <li>November 2002: <a href="wBloop12.html">Dead End Paths: <em>Now</em> You Tell Me!</a></li> <li>October 2002: <a href="wBloop11.html">Too Much Text</a></li> <li>September 2002: <a href="wBloop10.html">Evil Defaults</a></li> <li>August 2002: <a href="wBloop9.html">Unhelpful Content Description</a></li> <li>July 2002: <a href="wBloop8.html">Active Link to Current Page</a></li> <li>June 2002: <a href="wBloop7.html">Requiring More Data Than Needed</a></li> <li>May 2002: <a href="wBloop6.html">Intolerant Text and Number Fields</a></li> <li>April 2002: <a href="wBloop5.html">Calling Site Visitors "User" to Their Face</a></li> <li>March 2002: <a href="wBloop4.html">Search "Hits" All Look Alike</a></li> <li>February 2002: <a href="wBloop3.html">Home Page Identity Crisis</a></li> <li>January 2002: <a href="wBloop2.html">Tiny Fonts</a></li> <li>December 2001: <a href="wBloop1.html">Big Buttons With Tiny Click-Targets</a></li> </ul> </div> <div class="span3 sidebar"> <h2>Our Books:</h2> <p><a href= "https://www.amazon.com/gp/product/0128182024?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-designing-3e.jpg" alt="Designing with the Mind in Mind"></a></p> <p><strong><em>Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines (3rd ed.).</em></strong> An introduction to cognitive and perceptual psychology for software designers and developers. Now in its 3rd edition.</p> <p>[<a href= "https://www.amazon.com/gp/product/0128182024?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank>Order from Amazon.com</a>]</p> <p><a href="http://www.amazon.com/gp/product/0128044675?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-DFAP.png" alt="Designing User Interfaces for an Aging Population"></a></p> <p><strong><em> Designing User Interfaces for an Aging Population: Towards Universal Design.</em></strong> Rationale and guidelines for designing technology so as not to exclude the almost 40% of the population that is over 50.</p> <p>[<a href="http://www.amazon.com/gp/product/0128044675?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank>Order from Amazon.com</a>]</p> <p><a href="http://www.amazon.com/gp/product/1608457494/ref=as_li_tf_tl?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1608457494" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-conceptual.jpg" alt="Conceptual Models"></a></p> <p><strong><em>Conceptual Models: Core to Good Design.</em></strong> User interfaces are simpler and more task-focused when designers start by constructing a conceptual model of the intended application. This book explains what conceptual models are, how to construct them, and why they are valuable.</p> <p>[<a href="http://www.amazon.com/gp/product/1608457494/ref=as_li_tf_tl?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1608457494" target=_blank>Order from Amazon.com</a>]</p> <p><a href="http://www.amazon.com/gp/product/0123706432?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123706432" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-gui.jpg" alt="GUI Bloopers 2.0"></a></p> <p><strong><em>GUI Bloopers 2.0: Common User Interface Design Don鈥檛s and Dos.</em></strong> A completely-updated second edition of the original GUI Bloopers, published in 2007. Available at most booksellers, including:</p> <p>[<a href="http://www.amazon.com/gp/product/0123706432?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123706432" target=_blank>Order from Amazon.com</a>]</p> </div> </div> </div>  <div class="footer"> <div class="container text-center"> <p>© UI Wizards, Inc. 2020</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 Archive