Mobile Thursdays is our weekly roundup of the latest (or most interesting) in mobile, curated by our very own Laurence Veale. We publish on a Monday, simply to rival Luke W.
This week’s mobile extravaganza is brought to you by Conor O’Sullivan, one of our lead interaction designers who gesticulates wildly when he talks about design.
He’s put together a list of websites where you can find tried and true design patterns for both desktop and mobile, which, of course, should be used as a guide, rather than a prison.
Best desktop design pattern libraries
- Patternry
- UI Patterns
- Pattern Tap
- Yahoo Design Pattern Library
- 30 Essential Controls, from Designing Web Interfaces
“Patternry is a great community driven user interface design pattern library from Pattern Factory,” Conor says. “They define most patterns under the following headings:
- What problems does the pattern solve?
- When should you use it?
- How should you use it?
- Why use it?
“They also include reference images and code snippets and links to other related sites.”
Best mobile design pattern and inspiration libraries
How to use design pattern libraries
Conor points to an article in Smashing Magazine from 2009, 40+ Helpful Resources On User Interface Design Patterns by Jacob Gube, who gives a good overview of design patterns and how designers should use them: “If there is a commonly reoccurring need for a particular solution, . . . there is a great probability that someone has – by now – solved that need . . . .”
What design patterns do you use? Do you find them helpful or too limiting?

March 27, 2012 at 4:57 pm
Twitter’s Bootstrap is a nice starting point for a lot of the common things you need in a web application. It’s a pattern library, mixed in with a responsive grid system, mixed in with a JavaScript library.
http://twitter.github.com/bootstrap/
March 28, 2012 at 3:41 pm
Thanks Peter, that’s a really nice piece of work. I can think of a few frameworks that could do with this much polish and love.
April 6, 2012 at 1:25 am
Nice round-up. A bit late to the game but here’s another one, including examples for lesser known platform that still have a lot of good ideas (ex. Harmattan) : http://www.flickr.com/photos/n.....890663061/
Pingback: No excuses – Bootstrap from Twitter | UX in the wild