Understanding UI patterns is invaluable to anyone creating websites for the first time. It helps you make connections between which tools are right for which jobs, understand the processes, and think deeply about the context of a problem. This is your concise guide to the tested and proven general mechanisms for solving recurring user interface problems, so that you don't have to reinvent the wheel. You'll see how to find a pattern you can apply to a given UI problem and how to deconstruct patterns to understand them in depth, including their constraints. UI patterns lead to better use of existing conventions and converging web standards. This book shows you how to spot anti-patterns, how to mix and match patterns, and how they inform design systems. By helping the non-web professionals and junior web professionals of the world use basic patterns, the web industry can put its best foot forward as new interfaces such as VR/AR/MR, conversational UIs, machine learning, voice input, evolving gestural interactions and more infiltrate the market. Given the emerging popularity of design systems and space of DesignOps, as well as the rise of companies competing on design and usability, now is the time to think about how we use and evolve UI patterns and scale design systems. What You'll Learn Produce intuitive products through consistency and familiarity.Save time instead of starting from scratch.Communicate design decisions with evidence to support solutions.Use smart defaults without extensive product design experience.Improve a user's experience.Scale growing business with design. Who This Book Is For Those familiar with creating websites and want to learn more, WordPress bloggers, or marketers who want to weave components together into a usable, revenue-generating experience.

Understanding UI patterns is invaluable to anyone creating websites for the first time. It helps you make connections between which tools are right for which jobs, understand the processes, and think deeply about the context of a problem. This is your concise guide to the tested and proven general mechanisms for solving recurring user interface problems, so that you don't have to reinvent the wheel. You'll see how to find a pattern you can apply to a given UI problem and how to deconstruct patterns to understand them in depth, including their constraints. UI patterns lead to better use of existing conventions and converging web standards. This book shows you how to spot anti-patterns, how to mix and match patterns, and how they inform design systems. By helping the non-web professionals and junior web professionals of the world use basic patterns, the web industry can put its best foot forward as new interfaces such as VR/AR/MR, conversational UIs, machine learning, voice input, evolving gestural interactions and more infiltrate the market. Given the emerging popularity of design systems and space of DesignOps, as well as the rise of companies competing on design and usability, now is the time to think about how we use and evolve UI patterns and scale design systems. What You'll Learn Produce intuitive products through consistency and familiarity. Save time instead of starting from scratch. Communicate design decisions with evidence to support solutions. Use smart defaults without extensive product design experience. Improve a user's experience. Scale growing business with design. Who This Book Is For Those familiar with creating websites and want to learn more, WordPress bloggers, or marketers who want to weave components together into a usable, revenue-generating experience.

Laying the Foundations is a comprehensive guide to creating, documenting, and maintaining design systems, and how to design websites and products systematically. It's an ideal book for web designers and product designers (of all levels) and especially design teams. Paperback ISBN: 9780578540030 This is real talk about creating design systems and digital brand guidelines. No jargon, no glossing over the hard realities, and no company hat. Just good advice, experience, and practical tips. System design is not a scary thing — this book aims to dispel that myth. It covers what design systems are, why they are important, and how to get stakeholder buy-in to create one. It introduces you to a simple model, and two very different approaches to creating a design system. What's unique about this book is its focus on the importance of brand in design systems, web design, product design, and when creating documentation. It's a comprehensive guide that’s simple to follow and easy on the eye.

Learn how to build a design system framed within the context of your specific business needs. This book guides you through the process of defining a design language that can be understood across teams, while also establishing communication strategies for how to sell your system to key stakeholders and other contributors. With a defined set of components and guidelines, designers can focus their efforts on solving user needs rather than recreating elements and reinventing solutions. You'll learn how to use an interface inventory to surface inconsistencies and inefficient solutions, as well as how to establish a component library by documenting existing patterns and creating new ones. You'll also see how the creation of self-documenting styles and components will streamline your UX process. Building Design Systems provides critical insights into how to set up a design system within your organization, measure the effectiveness of that system, and maintain it over time. You will develop the skills needed to approach your design process systematically, ensuring that your design system achieves the purpose of your organization, your product, and your team. What You'll Learn Develop communication strategies necessary to gain buy-in from key stakeholders and other teams Establish principles based on your specific needs Design, build, implement, and maintain a design system from the ground up Measure the effectiveness of your system over time Who This Book Is For All teams, large and small, seeking to unify their design language through a cohesive design system and create buy-in for design thinking within their organization; UX, visual, and interaction designers, as well as product managers and front-end developers will benefit from a systematic approach to design.

When you’re under pressure to produce a well designed, easy-to-navigate mobile app, there’s no time to reinvent the wheel. This concise book provides a handy reference to 70 mobile app design patterns, illustrated by more than 400 screenshots from current iOS, Android, BlackBerry, WebOS, Windows Mobile, and Symbian apps. User experience professional Theresa Neil (Designing Web Interfaces) walks you through design patterns in 10 separate categories, including anti-patterns. Whether you’re designing a simple iPhone application or one that’s meant to work for every popular mobile OS on the market, these patterns provide solutions to common design challenges. This print edition is in full color. Pattern categories include: Navigation: get patterns for primary and secondary navigation Forms: break the industry-wide habits of bad form design Tables and lists: display only the most important information Search, sort, and filter: make these functions easy to use Tools: create the illusion of direct interaction Charts: learn best practices for basic chart design Invitations: invite users to get started and discover features Help: integrate help pages into a smaller form factor "It’s a super handy catalog that I can flip to for ideas." —Bill Scott, Senior Director of Web Development at PayPal "Looks fantastic." —Erin Malone, Partner at Tangible UX "Just a quick thanks to express my sheer gratitude for this pub, it has been a guide for me reworking a design for an app already in production!" —Agatha June, UX designer

Provides information on designing easy-to-use interfaces.