<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" 
      xmlns:thr="http://purl.org/syndication/thread/1.0">
  <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/02/bad-usability-calendar-and-ant.html" />
  <link rel="self" type="application/atom+xml" href="http://www.insideria.com/atom.xml" />
  <id>tag:www.insideria.com,2009://34/tag:www.insideria.com,2008://34.22951-</id>
  <updated>2009-11-16T15:53:40Z</updated>
  <title>Comments for Bad Usability Calendar and Anti-Patterns (http://www.insideria.com/2008/02/bad-usability-calendar-and-ant.html)</title>
  <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.21-en</generator>
  <entry>
    <id>tag:www.insideria.com,2008://34.22951</id>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/02/bad-usability-calendar-and-ant.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://blogs.oreilly.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=34/entry_id=22951" title="Bad Usability Calendar and Anti-Patterns" />
    <published>2008-02-20T19:29:09Z</published>
    <updated>2009-03-19T19:38:17Z</updated>
    <title>Bad Usability Calendar and Anti-Patterns</title>
    <summary>

The &quot;Bad Usability Calendar&quot; reminded me that it&apos;s just as important to look at mistakes as it is best practices.  Here&apos;s a couple resources you and your team can use immediately to avoid common user interface pitfalls. </summary>
    <author>
      <name>Andre Charland</name>
      <uri>http://www.nitobi.com</uri>
    </author>
    
    <category term="Blogs" />
    
    <content type="html" xml:lang="en" xml:base="http://www.insideria.com/">
      <![CDATA[<p>I can't believe I haven't <a href="http://blogs.nitobi.com/alexei/?p=186">seen</a> this before, it's a slick little PDF with 12 very clever illustrations of common UI patterns used inappropriately, it's the <a href="http://www.badusability.com/">bad usability calendar</a>. They took a calendar UI and applied various UI patterns that we see all the time on the web, including cheap shot at Web 2.0 style rounded-corners-pastel-colored-reflective induced nonsense.</p>

<p>My favorite was this one which inappropriately uses the Apple inspired "Coverflow" pattern to select a date:<br />
<span class="mt-enclosure mt-enclosure-image"><a href="http://www.insideria.com/2008/02/20/bad_usability_calendar_08_us_english_letter.pdf%20%281%20page%29-19.png"><img alt="bad_usability_calendar_08_us_english_letter.pdf (1 page)-19.png" src="http://www.insideria.com/assets_c/2008/02/bad_usability_calendar_08_us_english_letter.pdf (1 page)-19-thumb-400x320.png" width="400" height="320" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;"/></a></span></p>

<p>Might be worth printing this out and pinning it up on your team's wall just to remind everyone to be thoughtful when they're applying patterns in projects and be cautious of common pitfalls. </p>

<p>This reminded me of a talk <a href="http://billsportfolio.com/">Bill Scott </a>gives called <a href="http://looksgoodworkswell.blogspot.com/2007/11/anti-patterns-earlier-this-year-i.html">Anti-Patterns for interaction design.</a> (<a href="http://billwscott.com/share/presentations/2007/rwe/Antipatterns.pdf">Slides here</a>).  </p>

<p><span class="mt-enclosure mt-enclosure-image"><a href="http://www.insideria.com/2008/02/20/antipatterns-cloud.png"><img alt="antipatterns-cloud.png" src="http://www.insideria.com/2008/02/20/antipatterns-cloud-thumb-400x282.png" width="400" height="282" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;"/></a></span></p>

<p>I re-read through these slides recently and really think they're great at illustrating easy to avoid usability problems, as Bill puts it:<br />
<blockquote><br />
Sometimes it is most instructive to look at design patterns in reverse-- as a set of anti-patterns. In this talk, I am exploring the common mistakes that designers & developers make when attempting to craft a rich web experience. There are a bunch of counter-examples from consumer facing web sites (both inside & outside of Yahoo!) as well as from enterprise web applications.</blockquote></p>

<p>I'm going to start reviewing patterns and anti-patterns here on InsideRIA, so if you have any ideas please <a href="mailto:andre.charland@gmail.com">email me</a>.</p>]]>
      
    </content>
  </entry>

  <entry>
    <id>tag:www.insideria.com,2008://34.22951-comment:2050868</id>
    <thr:in-reply-to ref="tag:www.insideria.com,2008://34.22951" type="text/html" href="http://www.insideria.com/2008/02/bad-usability-calendar-and-ant.html"/>
    <link rel="alternate" type="text/html" href="http://www.insideria.com/2008/02/bad-usability-calendar-and-ant.html#comment-2050868" />
    <title>Comment from Kari on 2009-01-13</title>
    <author>
        <name>Kari</name>
        <uri>http://www.badusability.com</uri>
    </author>
    <content type="html" xml:lang="en" xml:base="http://www.badusability.com">
        <![CDATA[<p>The 2009 version of the Bad Usability Calendar is out - <a href="http://www.badusability.com">http://www.badusability.com</a></p>]]>
    </content>
    <published>2009-01-13T09:58:17Z</published>
  </entry>

</feed
