All posts about

Components, Patterns, and Frameworks! Oh My!

“Login functionality isn’t new. It’s not awesome. It’s not very challenging to develop. Teams are designing this functionality as if it’s never been built before. But it has been built before. Teams, all over the world, have built login functionality into their applications about a million times. And yet, here we are, doing it all over again. All this re-creation and re-invention isn’t just inefficient, it leaves the team open to problems. Because it’s not the sexy part of their project, it’s likely to get less attention, resulting in an unusable and frustrating experience. This is where the Re-use Trinity — Patterns, Components, and Interaction Design Frameworks — come in.” – (Jared Spool)

UX Patterns Explorer

“User Experience Patterns are great, because proven and repeatable solutions help to get a head start on UI Design. Infragistics makes its new UX patterns explorer “Quince” available for free. Quince, which launched today, is an online repository of the world’s most useful and usable UX patterns. Free and open, anybody can contribute to Quince and grow the UX pattern body of knowledge.” – Silverlight required (Infragistics)


“Tools for developing user interfaces have become increasingly sophisticated and available in recent years, ranging from object-oriented application development tools such as Java Swing to WYSIWYG HTML editors such as Dreamweaver. Such tools promise more rapid development—including quicker iteration—and potentially greater reliability. While we should welcome these benefits, increasing the ease of user interface development at a technical level can—perhaps ironically—make it more difficult for UX teams to operate effectively. We must bridge the gap between the technical skills we need to implement user interfaces and the skills that let us understand users and design maximally effective user interfaces for them.” (Peter HornsbyUXmatters)

Designing Social Interfaces: The Book

Principles, Patterns, and Practices for Improving the User Experience – “This book presents a family of social web design principles and interaction patterns that we have observed and codified, thus capturing user experience best practices and emerging social web customs for web 2.0 practitioners.” (Christian Crumlish and Erin Malone)

Pattern Languages for Interaction Design

“Will Evans stalked and captured Erin Malone, Christian Crumlish, and Lucas Pettinati to talk about design patterns, pattern libraries, styleguides, and innovation. Erin, Christian, and Lucas are leading a workshop on design patterns at this year’s Interactions in Vancouver and, Erin and Christian are writing a book on patterns for designing social spaces for O’Reilly.” (Will EvansBoxes and Arrows)

Information Design Patterns

“A sophisticated online collection of about 48 design patterns that describe distinct methods for the display of interactive information graphics, their active behavior as well as the forms of user interaction with them.” (Niceone) – courtesy of informationaesthetics


“It has long been common practice to use recurring solutions to solve common problems. Such solutions are also called design patterns. Collections of software design patterns are standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him. are not the first to create a UI design library. While other pattern collections are useful, they are far from coherent and complete. The purpose of this site is over time to fill some of the gaps – especially by providing code examples as to how how the different patterns can be implemented: to join theory with practice.” (Anders Toxboe) – courtesy of thaliakeren

Wireframing With Patterns

“When you’re starting out as an information architect (IA), being part of a strong community of fellow practitioners helps immensely. A little over a year ago, on Sunday, February 22, 2006, I participated in an informal workshop on wireframing techniques that took place here in Toronto. Bryce Johnson, Director of User Experience Design at Navantis Inc., facilitated and hosted the workshop at his workplace. The knowledge sharing and the wireframing best practices that emerged from the workshop, plus the sense of community I experienced there, helped me build a foundation as an information architect and got me started on developing my own design workflow. Now, I’d like to share the techniques I’ve learned with a broader community of information architects.” (Lindsay EllerbyUXmatters)


“Wikipatterns is not an instruction manual, it’s a set of tools. It’s examples of techniques that have helped people, and of situations that people have found themselves in that they wished they hadn’t. We want to help to identify a nail, and know you might want to hit it with a hammer.” – courtesy of elearningpost

Book Review: Designing Interfaces

“I must admit that I am not a fan of pattern books in general – especially in the field of design. I’ve always felt they are excellent sources of inspiration if you’re crafting a quilt or stenciling a wainscot for your living room, but for more involved design activities, I’ve concluded they are too simplistic—perhaps even limiting. I suspect this opinion was informed by my architecture professor’s intensely negative reaction to Christopher Alexander’s A Pattern Language and A Timeless Way of Building when they were first published. Years later, when I learned that software engineers were enamored of Alexander’s books, and the emergence of software patterns had its basis in Alexander’s notion of design patterns, I was bemused and skeptical.” (Leo FrishbergUXmatters)

The Place for Standards in Interaction Design and UI Design

“(…) standards are created over time. Use them based on your interpretation of their ubiquity and deconstruct which aspects of the system are truly standardized and which are variations on the theme around the standard. Conventions are to be respected, but use them within contexts and realize that using conventions outside their originating contexts can be troublesome for users who are expecting too much of the convention, but that convention may not work precisely in the new context you are designing in (…). Patterns and guidelines are tools to bring organization to the overwhelming infinite possibility of solutions. Don’t get caught laying on your laurels though and forgetting that our greatest asset as designers is creative discovery towards innovation through empathy.” (David

The Language of Interaction: Rich Interfaces, Networks and Design Patterns

“Inside any organization, you’ve already evolved your own set of patterns and should have some way of collecting this knowledge. Knowledge management and sharing should focus not only on patterns, but also on methods for knowing when to use a particular pattern and when not to. You don’t have to create a complex Web application. Wikis and blogs are easy to set-up and maintain, and they offer a simple way to manage information about patterns.” (Austin Govella – ASIS&T Bulletin: Special Issue on Information Architecture) – courtesy of petermorville