To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  




User interface patters site

Anders Toxboe has set up an online user interface patterns library. It's a personal project but "extremely open to contributions."


  • Open link in new window

Henrik Olsen - February 03, 2008

Permanent link Comments (1)



A conversation about design patterns

Luke Wroblewski has published a series of articles discussing design patterns.

Here are few quotes from the articles:

"Design patterns describe solutions. Solutions that we know can work 'positively' for specific problems in specific contexts."

"When many different design teams work on a single large product of a suite of products, consistency is important. Everyone needs to know the same "design language"."

"They provide a way for people to talk about the concept and a way to recognize the solution when a similar problem context arises in the future."

" learns the language, works in it until it becomes second nature, and eventually figures out how to transcend it to do truly original work."

"I use patterns partly because they fulfill users' expectations for layout and behavior; if we try to be so original that we go far beyond those expectations, we risk a total failure to communicate with our users."


  • Design Patterns Open link in new window

Henrik Olsen - June 03, 2006

Permanent link Comments (0)



Designing Interfaces: Patterns for Effective Interaction Design

Jenifer Tidwell has published a book stuffed with interface design patterns. Each pattern contains practical design advice and examples from desktop applications, web sites, web applications and mobile devices. The idea behind the book is that there are lots of good ideas out there waiting to be reused.

Each chapter in the book explains key concepts in interaction design and visual design. The topics include:
- Information architecture for applications
- Navigation
- Page layout
- Maps, graphs, and tables
- Forms
- Graphic editors
- Color, typography, and look-and-feel

At the book's companion website you'll find excerpts of some the patterns in her book.


  • Companion web-site Open link in new window
  • Review of the book by Mario Georgiou Open link in new window
  • The book at Open link in new window
  • The book at Open link in new window

Henrik Olsen - April 05, 2006

Permanent link Comments (0)

See also: Books (47) 



Yahoo! Design Pattern Library

Yahoo! has decided to share their Design Pattern Library with the rest of us. You can find inspiration for common design elements such as breadcrumbs, auto completion, pagination - and more to come.


  • Yahoo! Design Pattern Library Open link in new window

Henrik Olsen - February 14, 2006 - via IA? EH

Permanent link Comments (0)



How to build a design pattern library

Design patterns have become a popular method for teams to tame the consistent-design-management tiger. UIE have looked at how teams build and maintain design pattern libraries and what they punt into their design pattern description. The result is great inspiration for building your own design patterns.


  • The Elements of a Design Pattern Open link in new window

Henrik Olsen - January 24, 2006

Permanent link Comments (0)



Collection of interface design patterns

Jenifer Tidwell has created a collection of design patterns for websites, desktop application, "and everything in between."

"They're common problems, and there's no point in reinventing the wheel every time you need, say, a sortable table -- plenty of folks have already done it, and learned how to do it well. Some of that knowledge is written up here, in an easily-digestible format."

"If you're running short on ideas, or hung up on a difficult design quandary, read over these and see if any of them are applicable."


  • UI Patterns and Techniques Open link in new window

Henrik Olsen - May 27, 2005 - via Column Two

Permanent link Comments (0)

See also: Tools (106) 



The Design of Sites

Ever envied those programmers and their big fat reference books, from which they can get instant answers to all their problems. Envy no more. Douglas van Dyne, James Landay, and Jason Hong's book The Design of Sites is the reference guide for interaction designers and the like.

The book captures principles and best practices of web design and distils them into design patterns, saving you from reinventing the wheel every time you encounter a new design problem.

I'm very impressed by this book and I'm sure it will save me a lot of time looking for best solutions. This might turn out to be my number two favourite book about interaction design


  • The book at Open link in new window
  • The book at Open link in new window
  • The book's companion website Open link in new window
  • Sample chapters Open link in new window

Henrik Olsen - October 29, 2002

Permanent link Comments (1)

See also: Books (47) 



Interaction Design Patterns

Interaction Design Patterns are descriptions of re-usable solutions to common design problems expressed in a standard format. Martijn van Welie has compiled a set of about 60 user-oriented web, GUI, and mobile patterns, making it one of the largest collections for Interaction Design. At his site you'll also find some background articles about Interaction Design Patterns.


  • Martijn van Welie's collection of Interaction Design Patternes Open link in new window

Henrik Olsen - July 02, 2002

Permanent link Comments (0)

See also: Tools (106)  Navigation (63) 


Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (120)  Usability testing (71)  Cost-justification and ROI (28)  User research (24)  Personas (19)  The design process (24)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (9)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (41)  Search (27)  Text (24)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (9)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (28)  Persuasive design (23)  Visual design (20)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (10)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 


Flash (6)  Download time (5)  Javascript (3)  URLs (3)  Browsers (3)  Web standards (2) 


Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (130)  Tips and guidelines (95)  Tools (106)  Books (47)  Audio and video (48)  Interviews (30)  Cases and Examples (28)  Talks and presentations (18)  GUUUI articles (11)  Primers (14)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

Blogs (12)  Websites (11)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI