4ourth Mobile Touch Template
Design for people, not pixels with this handy, wallet-sized inspection and design tool, only $10. Order yours now
Mobile Interaction Design Patterns Poster
Every pattern from the book and this wiki, plus easy-to-follow relationships, and key information on sizes for readability and touch. Order now
There has always been a concept of reusing and reapplying known best cases in graphic design. There has always been a culture of sharing, borrowing, and building on the work of others. As graphic design (and designers) moved into and influenced interactive design, this philosophy of repurposing the best ideas, coupled with the principles of object-oriented development -— which also develops by modules and reuses components —- led naturally to the evolution of design patterns.
Patterns as applied to interactive design are much like patterns in software development. This has led to a conflict between design managers who push for repeatability and the use of templates, stencils, and patterns, and designers who want to be free to explore solutions. However, this is an artificial mismatch, arising from a misunderstanding of how patterns should be used.
The concept of a pattern was actually developed by the architect Christopher Alexander in the late 1970s. He argues that patterns are components of a language, and can be used to conduct a dialogue about building and organizing, and the nature of human existence in space. Although architecture and engineering are only so analogous to the fields of software and interactive design, the concepts did translate well.
Object-oriented software development applied the concept directly from Alexander’s early work starting in the late 1980s. This was applied as a straightforward problem/solution statement; select the pattern whose problem statement most closely matches the implementation technology problem. There is room to design the specific solution, and to modify it to meet the needs of the specific system, but they are still very plug-and-play.
While Alexander’s arguments may be hard to follow—especially when he talks of concepts such as the “life” in spaces, or underlying “morphogenesis”--the core of his process is at the core of all design processes. Patterns are simply well-defined, well-researched best practices, but fundamental principles of design must always be followed, the user must always be kept in mind, and the purpose of the design must always be considered.
In mobile interactive design, we might summarize these core principles as user-centered design, context, and other principles. A set of more specific principles are listed at the end of this introductory section. You must always consider these principles—or others you may be more comfortable with—-to ensure that the proper pattern for the situation is determined, and the correct application is created from the user’s needs, his context, and by integrating the solution into the whole system.
Discuss & Add
Please do not change content above this line, as it's a perfect match with the printed book. Everything else you want to add goes down here.
If you want to add examples (and we occasionally do also) add them here.
Make a new section
Just like this. If, for example, you want to argue about the differences between, say, Tidwell's Vertical Stack, and our general concept of the List, then add a section to discuss. If we're successful, we'll get to make a new edition and will take all these discussions into account.