Human – Computer Interaction 2011
Patterns
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.
Welie.com - 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
Pagination
Yahoo! Design Pattern Library's Pagination Pattern Description
Other Examples:
PatternTap's Pagination Collection
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
AutoComplete
UI Patterns's AutoComplete Pattern Description
Yahoo! Design Pattern Library's AutoComplete Pattern Description
Welie's AutoComplete Pattern Description
Other Examples:
As users type into a text entry box, suggestions appear automatically
The top three results will draw 80 percent of the attention
Involves the simultaneous search of multiple databases
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
Software agents that know what we want
Results are being infiltrated by rich snippets and structured results that dig deeper into the data