Activity Courses Projects

Human Computer Interaction 2011


Patterns were architectural concepts that captured recurring design problems in urban architecture.

“Each pattern describes a problem which occurs over and over again in our environment, and then describes the core of the solution to that problem, in such a way that you can use this solution a million times over, without ever doing it the same way twice.”

“A pattern language is nothing more than a precise way of describing someone's experience.”

“A universal solution to a common problem.” — Christopher Alexander

The original definition of a pattern was introduced (1977) by architect Christopher Alexander

In software engineering, a design pattern is a general reusable solution to a commonly occurring problem in software design.

User Interface design is much closer to architecture than software design, because it deals more directly with spatial relationships and visual aesthetics.

Design Patterns: Elements of Reusable Object–Oriented Software by Erich Gamma, Richard Helm, Ralph Johnson and John Vlissides (1995)

Interaction Design Patterns 

Interaction design pattern is a general repeatable solution to a commonly — occurring usability or accessibility problem in interface design or interaction design.

Reducing development time spent on “reinventing the wheel”.

The first substantial set of interaction design patterns was the Common Ground (1999) pattern collection, developed by Jenifer Tidwell, at MIT, after being concretize in Designing Interfaces (2005) book

Interaction Design Patterns Collections 

Yahoo! Design Pattern Library (2006) Launched by Erin Malone, Matt Leacock, Bill Scott, closely tied to the YUI Library. - Patterns in Interaction Design (2007) Best practices that can be use when designing UX, collected by Martijn van Welie.

UI Patterns Anders Toxboe provides code examples and guidelines for common interaction patterns.

Pattern Tap Interface Design Collection created and developed by Matthew Smith and Chris Pollock.

For more Interaction Design Patterns check my collection

 Use Case: Search Patterns

When searches return too many results to display on a single page, separate the information into a sequence of pages

Used when users need to find an item or specific information

Best First

Other Examples:

Peter Morville's Best First Collection

The top three results will draw 80 percent of the attention

Federated Search

Other Examples:

Peter Morville's Federated Search Collection

Involves the simultaneous search of multiple databases

Faceted Navigation

Other Examples:

Peter Morville's Faceted Navigation Collection

This model leverages metadata fields and values to provide users with visible options for clarifyng and refining queries

Advanced Search function with extended term matching, scoping and output options


Other Examples:

Peter Morville's Personalization Collection

Software agents that know what we want

Structured Results

Other Examples:

Peter Morville's Structured Results Collection

Results are being infiltrated by rich snippets and structured results that dig deeper into the data

evalica 2011