Patterns

Search Patterns

"Search is among the most disruptive innovations of our time. It influences what we buy and where we go. It shapes how we learn and what we believe. This provocative and inspiring book explores design patterns that apply across the categories of web, e-commerce, enterprise, desktop, mobile, social, and real time search and discovery. Using colorful illustrations and examples, the authors bring modern information retrieval to life, covering such diverse topics as relevance ranking, faceted navigation, multi-touch, and mixed reality. Search Patterns challenges us to invent the future of discovery while serving as a practical guide to help us make search applications better today." (Peter Morville & Jeffery Callender)

Posted on February 01, 2010 | Permalink

More Like This: A Design Pattern

"The idea behind the More Like This pattern is very simple: within each group of items representing a particular category from a catalog or accompanying each item in search results, provide a prominent link or button with a label that is some variation of More Like This. Of course, the devil, as they say, is in the details." (Greg Nudelman - UXmatters)

Posted on January 04, 2010 | Permalink

UX Design Patterns

"This is a simple, HTML-based list of the design patterns in Quince. We suggest using the Quince UX Patterns Explorer for richer pattern discovery and community interaction." (Quince)

Posted on November 18, 2009 | Permalink

O'Reilly Webcast: Designing Web Interfaces

"Bill Scott shares six design patterns that are critical for creating effective web interfaces, focusing specifically on interaction design on the web. This presentation is a distillation of principles, patterns, and best practices for creating a rich experience unique to the web." (Bill Scott)

Posted on August 28, 2009 | Permalink

UI Pattern Documentation Review

"User interface (UI) patterns have the potential to make software development more efficient. The prospect of such efficiency gains has led to interest in user interface (UI) patterns by individuals and organizations looking for ways to increase quality while at the same time reducing the costs associated with software development." (Patrick Stapleton - Boxes and Arrows)

Posted on June 29, 2009 | Permalink

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)

Posted on May 22, 2009 | Permalink

Patterns in UX Research

"One of the key objectives of user research is to identify themes or threads that are common across participants. These patterns help us to turn our data into insights about the underlying forces at work, influencing user behavior." - (Steve Baty - UXmatters)

Posted on February 24, 2009 | Permalink

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)

Posted on February 04, 2009 | Permalink

Antipatterns

"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 Hornsby - UXmatters)

Posted on January 27, 2009 | Permalink

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)

Posted on January 27, 2009 | Permalink

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 Evans - Boxes and Arrows)

Posted on January 27, 2009 | Permalink

Pattern Browser

"This browser was produced by the Interface Design Team of the University of Applied Sciences Potsdam." - courtesy of latebytes

Posted on January 13, 2009 | Permalink

Patterns for Sign Up and Ramp Up

"This document contains a library of patterns used by sites in the Web 2.0 landscape to support the new user sign-up and ramp-up experience. By leveraging the patterns we identified across twenty applications, you'll learn how to get users to join and participate in your network or application." (Adaptive Path Reports)

Posted on May 16, 2008 | Permalink

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

Posted on May 06, 2008 | Permalink

UI-patterns

"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. UI-Patterns.com 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

Posted on February 26, 2008 | Permalink

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 Ellerby - UXmatters)

Posted on March 20, 2007 | Permalink

Wikipatterns

"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

Posted on February 26, 2007 | Permalink

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 Frishberg - UXmatters)

Posted on November 07, 2006 | Permalink

What's The Best Way To Communicate Patterns?

"Patterns communicate design ideas from one designer to another." (Yahoo! User Interface Blog)

Posted on October 13, 2006 | Permalink

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 Heller - uiGarden.net)

Posted on September 11, 2006 | Permalink

Adding design process attributes to patterns

"The idea of adding design process attributes to patterns expands the focus of patterns to include the context of design." (Peter Boersma)

Posted on August 21, 2006 | Permalink

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

Posted on August 20, 2006 | Permalink

Web Patterns: Q&A with John Allsopp

"Q: So what's the right way to address this lack of semantic definition present in HTML? Microformats? Shared CLASS and ID conventions? A user interface markup language like XUL? A: Yes, Yes and Yes." (LukeW - Functioning Form)

Posted on June 13, 2006 | Permalink

WebPatterns and WebSemantics

"Can web design and development today rightly be called a discipline? Or is it, as I suspect, a practice in the process of becoming a discipline." (WebPatterns.org)

Posted on May 25, 2006 | Permalink

Design Patterns: A Conversation

"(...) a conversation about defining and sharing user interface design languages." (LukeW - Functioning Form)

Posted on May 23, 2006 | Permalink

Designing Interfaces: Patterns for Effective Interaction Design

"(...) an intermediate-level book about interface and interaction design, structured as a pattern language. It features real-live examples from desktop applications, web sites, web applications, mobile devices, and everything in between." (Jenifer Tidwell) - courtesy of guuui

Posted on April 06, 2006 | Permalink

Yahoo! Design Pattern Library

"We are very happy to be sharing our library with the design and development community. This is our first drop of what we hope to be a monthly release cycle for the publication of patterns. In many cases we have bundled the patterns with pointers to related code from the Yahoo! User Interface Code Library." (Yahoo! Developer Network) - courtesy of lukew

Posted on February 14, 2006 | Permalink

Implementing a Pattern Library in the Real World: A Yahoo! Case Study

"The pattern library allowed our small, centralized group to tap into the broad expertise of the Yahoo! design staff. What would have been impossible to write (authoritatively) by a small team is now being contributed to and reviewed by an expert staff. We were able to achieve this by understanding and agreeing on the problem, building a workflow that fit with the existing design process, generating buy-in by creating incentives for contributors, and by carefully designing and building an application with attention to user feedback. We were then able to convert this library of patterns into a workable set of standards by agreeing on an appropriate rating scale and by assembling a representative group of reviewers who rate the content according to the same criteria." (Erin Malone et al. - Boxes and Arrows)

Posted on April 30, 2005 | Permalink

Evaluating Museum Websites using Design Patterns 

"This report describes a detailed study of thee museum websites in order to determine the general characteristics and issues in museum site design. The sites of the Rijksmuseum, the Louvre, and the Guggenheim were analyzed in depth using an existing collection of design patterns as the main evaluation tool." (Martijn van Welie)

Posted on December 28, 2004 | Permalink

10x10

"(...) an interactive exploration of the words and pictures that define the time. The result is an often moving, sometimes shocking, occasionally frivolous, but always fitting snapshot of our world. Every hour, 10x10 collects the 100 words and pictures that matter most on a global scale, and presents them as a single image, taken to encapsulate that moment in time. Over the course of days, months, and years, 10x10 leaves a trail of these hourly statements which, stitched together side by side, form a continuous patchwork tapestry of human life." (About 10x10)

Posted on December 25, 2004 | Permalink

An Introduction to Using Patterns in Web Design

"The biggest challenge for web designers is the unthinkably huge number of possible ways to solve any given problem. We usually don't think of this because we have our habits and traditions to fall back on, but there are literally billions of possible pixel combinations for each page we make." (Ryan Singer - 37signals) - courtesy of uidesigner

Posted on October 06, 2004 | Permalink

Design Patterns: An Evolutionary Step to Managing Complex Sites

"(...) a problem that many of our clients are facing and they've tried a myriad of solutions, such as centralized approval processes, standardized templates, and style guides, all without success. However, the one solution that really excites us is now gaining a lot of attention -- design patterns." (Jared M. Spool - UI Engineering)

Posted on February 24, 2004 | Permalink

The Diemen repository of interaction design patterns

"Patterns help us solve design problems - problems that occur time and time again, and are being solved time and time again by designers. Patterns describe practical solutions to these problems and how to apply them in different situations." (Arthur Clemens)

Posted on December 02, 2003 | Permalink

Patterns in unstructured data: Discovery, aggregation, and visualization

"In talking about search engines and how to improve them, it helps to remember what distinguishes a useful search from a fruitless one." (Clara Yu et al.) - courtesy of the other blog

Posted on December 01, 2003 | Permalink

The connectivity sonar: Detecting site functionality by structural patterns

"(...) this research argues that sites of similar role exhibit similar structural patterns, as the functionality of a site naturally induces a typical hyperlinked structure and typical connectivity patterns to and from the rest of the Web." (Einat Amitay et al. - Journal of Digital Information/Theme: Hypermedia systems)

Posted on November 26, 2003 | Permalink

The connectivity sonar: Detecting site functionality by structural patterns

"(...) this research argues that sites of similar role exhibit similar structural patterns, as the functionality of a site naturally induces a typical hyperlinked structure and typical connectivity patterns to and from the rest of the Web." (Einat Amitay et al. - Journal of Digital Information/Theme: Hypermedia systems)

Posted on November 26, 2003 | Permalink

Patterns for personalÝwebÝsites

"There are many personal Web sites. The vast majority are mediocre. Some are bad. Fewer are good. An extremely small number are excellent. (...) These patterns for creating personal Web sites have been distilled over the last few years from the most interesting personal Web sites I've found." (Mark L. Irons) - courtesy of elegant hack

Posted on November 11, 2003 | Permalink

User Interface Design Patterns

"The collection does not primarily consist of GUI designs of common software, but tries to outline the recuring design problems faced when trying to create good design. Our method to produce good design is to use our Goal-Derived Design (GDD) method that is based on simulation of the userís goals. The pattern collection does not include all the characteristics of good design we know so far, but only the design knowledge that we have found appropriate to describe as design patterns." (Sari A. Laakso - University of Helsinki, Dept. of Computer Science)

Posted on September 16, 2003 | Permalink

PoInter: Patterns of Interaction

"The project is concerned with investigating the appropriateness of patterns as a means of communicating information about how people interact with each other through and around technology. Ultimately, this is with a view to informing the design process for computer systems to support the work and activities that the people are engaged in (...)" (Cooperative Systems Engineering Group) - courtesy of todd r. warfel

Posted on September 11, 2003 | Permalink

Review: A Pattern Language for Web Usability

"The notion of 'patterns', and of a 'pattern language', comes from the work of Christopher Alexander, a contemporary architect who proposed the use of collections of architectural patterns to address deficiencies in modern building design. In later works, Alexander expanded the scope of his rather fascinating concept of patterns to a broader design context. In the early 90s, computer scientists began to apply Alexander's work to software development. The Web usability pattern language described in this book resulted from the collaborative efforts of attendees at a workshop hosted by the author in 1994." (Carl Bedingfield - ACM Ubiquity)

Posted on August 08, 2003 | Permalink

Perspectives on HCI Patterns: Concepts and Tools

"This workshop aims to map current understanding and use of HCI Patterns and determine how to make significant advances through two perspectives: 1) a view of the conceptual foundations of patterns and their relationship to other HCI models and approaches 2) a focus on tools and methodologies related to pattern creation and use." - Position Papers (CHI 2003 Workshop)

Posted on April 25, 2003 | Permalink

The Game Design Patterns Project

"The focus of the Game Design Patterns project is on studying computer games in terms of interaction, components and design goals with the intension of creating the basis for a common language for game designers. As the basic building block for this language the project uses the concept of Design Patterns, originally developed by Christopher Alexander et al. Design Patterns is a semi-structured formalism that has been used for similar causes in areas such as architecture, software engineering, human-computer interaction, and interaction design." (PLAY Research Studio) - courtesy of purse lip square jaw

Posted on April 22, 2003 | Permalink

UI Patterns and Techniques

"There's nothing new here." (Jennifer Tidwell)

Posted on August 13, 2002 | Permalink

Seven Habits of Successful Pattern Writers

"Taking these habits to heart should help you hone your pattern-writing abilities far faster (...)" (John Vlissides 1995 - Patterns Home Page)

Posted on February 07, 2002 | Permalink

A Pattern Language Online

"Here you will find a sample of five patterns concerning houses (...)" (Pattern Language)

Posted on February 01, 2002 | Permalink

IBM Patterns for E-Business

"(...) a group of reusable assets that can help speed the process of developing applications" (IBM)

Posted on August 28, 2001 | Permalink

Web Design Patterns

"(...) surviving in the trenches of Web design" (Martijn van Welie)

Posted on August 01, 2001 | Permalink

The HCI Patterns Pages

"(...) a central resource about pattern languages in human-computer interaction and user interface design" (Jan Borchers)

Posted on March 28, 2001 | Permalink

Usability Pattern Collection

"Currently this collection simply contains seeds of potential patterns" (The Usability Group at the University of Brighton, UK)

Posted on August 29, 2000 | Permalink

Web Design Patterns for e-Commerce

"(...) $6 billion was lost due to poor web experiences in 1999" (Doug van Duyn et al., NetRaker Corporation)

Posted on August 16, 2000 | Permalink

Experiences

A Pattern Language for User Interface Design (Todd Coram and Jim Lee)

Posted on August 08, 2000 | Permalink

A Learning Guide to Design Patterns

An Online Study Group (Joshua Kerievsky at Industrial Logic, Inc.)

Posted on June 19, 2000 | Permalink

Common Ground

A Pattern Language for HCI Design (Jenifer Tidwell - now at Curl)

Posted on June 08, 2000 | Permalink

The Need for a Lingua Franca for Design

From Sacred Places to Pattern Languages (Thomas Erickson - Interaction Design Patterns)

Posted on May 02, 2000 | Permalink

XMLPatterns.com

Sneak preview

Posted on April 12, 2000 | Permalink

Hypermedia Design Pattern Repository

(ACM SIGWeb / University of Italian Switzerland)

Posted on April 09, 2000 | Permalink