Interactive design pattern (i)-preface

[Copyright notice]: The copyright belongs to the author Alite all, reprint when please use the hyperlink form to indicate the article original source and the author information and this statement: http://www.alitedesign.com/

Interaction designers often meet this scenario: after a bit of brooding and struggling, the need for PD is quickly completed. Of course, the process is submitted to the 10243.html "> visual designer." But in the visual design process, some user behavior and operation path are found, In the demo is not involved, of course, will be the visual designer to return to rework. This is a matter of trying to figure out the whole problem.

If the interaction designer can fully master the interaction design principle and the interactive design pattern, will the probability of this situation be minimized? The answer is YES! Design principles can guide designers on how to design beautiful, effective products, as well as systems and services, And how to be honest and successful in design work. Design patterns can provide a general solution for a particular type of design problem. But we should not regard design principles and design patterns as sword, and always ask why we are making judgments. Theory can only be used for reference in actual combat. Do not blindly worship the theory and forget the new. The theory is summed up in practice and may be substituted by the theory of practice.

Interactive Design Pattern Concepts:
Design pattern is a method to extract an effective design scheme and apply it to a similar problem. The attempt to formalize the design theory and record the best practical work will help achieve the following goals.
* Save time and effort on new projects.
* Improve the quality of the design plan.
* Promote the communication between designers and programmers.
* Help designers grow.

Although the importance of the model is self-evident in design education and productivity improvement. The pattern development of interactive design is particularly exciting because these patterns represent the optimization of user experience and related activities.

There are many excellent interactive design patterns learning sites:
http://www.welie.com/patterns/index.php
http://www.slideshare.net/
http://ui-patterns.com/
http://patterntap.com/

The history of interactive design patterns

The concept of interactive design derives from Christopher Alexander, who has written two books of great influence, namely (a pattern language and timeless architecture). For the first time, the design pattern of architecture is described in the book. Through the precise definition of a series of architectural features, Alexander tries to extract the essence of architectural design that brings happiness to residents.
The interaction design pattern and the architectural design pattern have an important difference, the interactive design pattern not only involves the structure and the element organization, but also pays attention to the response user activity dynamic behavior and the change.

Types of interactive Design patterns

1. Positioning mode: Applied to the conceptual level, to help define the product for the user's overall positioning.
2. Structure pattern: answer questions such as how to arrange information and functional elements on the screen.
3. Behavior pattern: Refers to in the solution function or the data element concrete interaction question.

Interactive design Pattern Application Note

Design patterns are not recipes or immediate solutions, and Jenifer Tidwell, in its extensive collection of interactive design patterns (designing interfaces), has warned that "[mode] is not a commodity that is used for that matter, and that each pattern is used differently." All design patterns should not be confined to the idea of designers, should be better use of design patterns to innovate. In different environments, the exact form of the design pattern is more or less different in each design scheme. A general style description cannot replace the specific design.

Pattern language

There are a very complete set of patterns that make up the schema language. These patterns are similar to the visual language because they cover the vocabulary of the elements used throughout the design (the pattern language is more abstract and behavioral, and the visual language is about shapes, icons, colors, fonts, etc.). This collection is not so complete, The technology it contains does not meet the requirements of the traditional model, but it is very concise, manageable, and very useful.

Said so much about the concept of interactive design patterns, perhaps you have a preliminary understanding, perhaps you have been feeling foggy oh, it doesn't matter. Next I will explain in detail the application of each pattern in the field of web design in the form of an example.

(Original source: HTTP://ALITEDESIGN.COM/ARCHIVES/91)