Mobile Thursdays: Design patterns a-go-go

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.

A design pattern from Pttrns

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 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?

4 Comments

  1. 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/

  2. 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.

  3. 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/

  4. Pingback: No excuses – Bootstrap from Twitter | UX in the wild