Interactive Design Patterns: Understanding Interactive Design Patterns

Source: Internet
Author: User

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 visual designer. But in the visual design process, found that some user behavior and operation path, in the demo did not involve, Of course, the visual designer will be back to rework. This is the only way to make sure that the problem is fully designed.

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 in 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 overall positioning of the product for the user.
    2. Structure Pattern: Answers questions such as how to arrange information and functional elements on the screen.
    3. Behavior pattern: Refers to the specific interaction problems in resolving functional or data elements.

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 is not a substitute for a specific design.

Pattern language

There are some very complete patterns collections that form 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.

Having said so much about the concept of interactive design patterns, perhaps you have a preliminary understanding, perhaps you have been feeling foggy oh, it does not matter. Next, I will explain in detail the application of each pattern in the web design practice in the form of an example. Tonight is the point of the ink. Interactive design Pattern (ii)- XX parsing.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.