Modular Web Design: Creating Reusable Components for User Experience Design and DocumentationUser 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 work. 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. |
Other editions - View all
Modular Web Design: Creating Reusable Components For User Experience Design ... Curtis Nathan No preview available - 2010 |
Modular Web Design: Creating Reusable Components for User Experience Design Nathan Curtis No preview available - 2010 |
Common terms and phrases
Adobe Bridge Adobe Creative Suite Adobe Fireworks Adobe InDesign annotations blaces dolor mollatem build file catalog Checkout chunks collaboration communicate component codes component library component variations component-based component-based approach comps copy create deliverables description Necti blaces design assets design documents design patterns design solution design system design team display dolor mollatem dolor EightShapes elements embedded enables engineers example grids guidelines header and footer homepage identify iGoogle information architect inline interaction design labels layers layout librarian linked files manage markers markup Microsoft Visio modular navigation Necti blaces dolor options organization page layout Pagination panel participants patterns Photoshop Product description Necti prototype publishing reference reusable reuse screen designs shopping cart shown in Figure sidebar software tool specific stakeholders standards StarOffice structure tabs techniques templates update usability tests user experience visual design wireframes Yahoo