Modular Web Design: Creating Reusable Components for User Experience Design and Documentation (Paperback)

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 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.

使用者體驗設計團隊常常面臨分散的、空白畫布式的方法來為每個新專案創建和記錄設計解決方案的問題。當團隊反覆重新設計螢幕時，會導致不一致的結果，IT團隊則必須匆忙處理這些問題。樣式庫只能解決一部分問題，提供一般性的解決方案，而非具體的、具體的設計處理方式。有時，記錄的解決方案變成了一個昂貴的混亂，包含了不明確的期望、不切實際的目標和被放棄的工作。

組件的出現解決了這些問題，每個組件代表了網頁的一部分。設計師可以根據已建立的設計系統重複使用組件，更有效地製作線框圖、模型或標記。組件不僅不限制創新，還能讓設計師快速呈現已解決的設計框架，並專注於手頭的問題，從而大大提高生產的質量和速度。此外，團隊還可以建立更深入的協作基礎、治理平台和有用且可預測的文檔結構。

本書定義了組件的角色及其重要性，介紹了如何組織和建立組件庫，討論了實際使用組件的方法，並教授了一個記錄和維護組件的過程。