Home > Design > blogs
I can't believe I haven't seen this before, it's a slick little PDF with 12 very clever illustrations of common UI patterns used inappropriately, it's the bad usability calendar. 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.
My favorite was this one which inappropriately uses the Apple inspired "Coverflow" pattern to select a date:
![]()
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.
This reminded me of a talk Bill Scott gives called Anti-Patterns for interaction design. (Slides here).
I re-read through these slides recently and really think they're great at illustrating easy to avoid usability problems, as Bill puts it:
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.
I'm going to start reviewing patterns and anti-patterns here on InsideRIA, so if you have any ideas please email me.
- comments: 0
Stay Connected
 InsideRIA Atom Feed
InsideRIA Design Atom Feed
InsideRIA Newsletter
↑ Put InsideRIA News on Your Site
Search InsideRIA
News & Events
Latest Features
Tag Cloud
- .net
- 3d
- actionscript
- adam flater
- adobe
- air
- air api
- air cookbook
- air resources
- air xml webkit
- ajax
- ajaxworld
- alertthingy
- amp
- analytics
- ant
- antipattern
- api
- appengine
- apple
- april fools day
- aptana
- architecture
- asp
- away3d
- aws
- bad usability calendar
- benchmarking
- berlin
- beta
- bitmaps
- blazeds
- blendmode
- book
- browserplus
- cairngorm
- camp
- career
- chart
- cloud
- code
- code generation
- coldfusion
- command design pattern
- communication
- community
- compiler
- component
- compression
- conference
- cs4
- curl
- customer
- cuzillion
- dare
- data
- datavisualization
- dbunit
- ddlutils
- debug
- decompiler
- deep zoom
- degrafa
- design
- design patterns
- desktop
- development
- diary
- dionalmaer
- drawing api
- dreamweaver
- drupal
- ejb 3.0
- elixir
- embedded jboss
- encryption
- europe
- event
- excerpt
- experience
- ext
- externalinterface
- eyetracking
- features
- filters
- fireworks
- fitc
- flash
- flash10
- flashforward
- flashplayer
- flex
- Flex
- flexbuilder
- flexunit
- form factor
- framework
- friendfeed
- gadget
- gears
- gesture
- googledocs
- googlegears
- graphics
- graphics mask
- guimark
- hosting
- how-to
- html
- ia
- ie
- ie8
- igoogle
- interaction
- interface
- interview
- iphone
- iphonedevcamp
- j2ee
- jakob
- java
- javafx
- javaone
- javascript
- javase
- javase6
- jaxer
- jms
- job
- joyent
- keynote
- languages
- lcds
- learning
- lffs
- library
- licensing
- linux
- listen
- livecycle data services
- madrid
- map
- marketing
- math
- maturity
- maven
- memory
- merapi
- mesh
- metrics
- microsoft
- mikepotter
- mix08
- mobile
- model locator design pattern
- mono
- mozilla
- mvc
- mxmlc
- neilson
- nio
- nitro
- nitrolm
- offline
- onairbustour
- onairtour
- onairtoureurope
- ontologies
- oop
- open source
- OpenFlux
- openscreen
- opensource
- orm
- papervision3d
- paris
- pattern
- pattern mining
- performance
- php
- podcast
- portable
- preload
- pricing
- prism
- Processing
- profiler
- protagonize
- push
- rails
- release
- research
- resources
- ria
- ria community
- rich
- ruby
- sanctuary
- scheduling
- scott sheridan
- search
- security
- seo
- server
- service oriented architecture
- services
- session bean
- silverlight
- singularity
- social
- source
- spain
- spry
- sqlite
- static code
- steveounders
- stockholm
- streaming
- survey
- swc
- swf
- switchboard
- syscon
- test driven development
- testing
- testng
- thermo
- tip
- tools
- trends
- tufte
- tutorial
- ui
- ui pattern library design
- uirc
- unconference
- unit testing
- usability
- user experience
- ux
- vector images
- view source
- vision
- warsaw
- wdn08
- web
- web 2.0
- web 2.0 expo
- whenisgood
- why
- widgets
- workshop
- wwdc
- xulrunner
- yahoo
- yui
Related Books
Development Series
Get an overview of the tools and technologies that work together to allow developers to build Rich Internet Applications (RIAs) quickly and easily.
Recent Comments
Archives
About This Site
Welcome to the premiere community site for all things RIA sponsored by O'Reilly Media and Adobe Systems Incorporated.
About Us
Meet the Experts
Meet Our Contributors
Send Us Feedback

Comments
Leave a comment