User experience design teams often suffer from a decentralized,
blank canvas approach to creating and documenting a design solution
for each new project. As teams repeatedly reinvent screen designs,
inconsistency results, and IT teams scramble to pick up the pieces.
Pattern libraries only go so far, suggesting general solutions to
common problems instead of offering concrete, specific design
treatments. At times, documented solutions turn into a costly mess
of unclear expectations, unrealistic goals, and abandoned
Enter components, each of which represents a chunk of a Web page. Designers can produce wireframes, mockups, or markup far more efficiently reusing components based on an established design system. Rather than limit innovation, components enable designers to render solved design frameworks quickly and to focus on the problem at hand, drastically improving the quality and rate of production. In addition, teams develop a deeper baseline for collaboration, a platform for governance, and a structure for useful and predictable documentation.
This book defines the role of components and why they matter, maps out how to organize and build a component library, discusses how to use components in practice, and teaches a process for documenting and maintaining components.
Table of contents
I. Component Design
- For Designers, Engineers, and Everyone Else, Too
- Components and Patterns
- Divide and Conquer
- 2. Divide
- Varying Components
- Variation via Pictures
- Variation via Words
- Pictures and Words Together
- 4. Combine
- The Curse of Embedded Artwork
- A More Dynamic Design
- Reuse in Design Software
- The Essential Links
- A Culture of Linked Files
- Unifying Design and Documentation
- Why Document?
Documenting the Hierarchy
- Strategy and Research
- The Big Picture: Maps and Flows
- Page-level Documentation
- Component Markers
- Documentation Tips
- Turning Projects into Standards
- 1. Define
II. Component Libraries
- Why Create a Library?
- Are You Building the Right Library?
- Is Your User Experience Ready for a Library?
- Are You Ready for a Library?
- Is Your Design Team Ready for a Library?
- Is Your Organization Ready for a Library?
- Is Management Ready to Support a Library?
- So, Are You Really Ready to Build a Library?
- 8. Discover
- The Component Catalog
- Build Files
- Time to Build!
- Pages and Elements
- 12. Administer
- Documenting a Library
- Standardizing Components
- Live Training
- Post-Launch Training Activities
- Design and Document
- 7. Appraise
- Title: Modular Web Design: Creating Reusable Components for User Experience Design and Documentation
- Release date: June 2009
- Publisher(s): New Riders
- ISBN: None
You might also like
Building Microservices, 2nd Edition
Distributed systems have become more fine-grained as organizations shift from code-heavy monolithic applications to smaller, self-contained …
51+ hours of video instruction. Overview The professional programmer’s Deitel® video guide to Python development with …
Any programmer working with a dynamically typed language will tell you how hard it is to …
Designing Interfaces, 3rd Edition
Designing good application interfaces isn’t easy now that companies need to create compelling, seamless user experiences …