UX Foundations: Style Guides and Design Systems

UX Foundations: Style Guides and Design Systems

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 41m | 579 MB

A style guide is the document that sets the tone for how your organization communicates and how it designs its products. It incorporates branding, company philosophy, and an understanding of your customers and your market. It may describe the visual, written, and sometimes even spoken styles you use. Agencies, freelancers, designers, and developers will employ the guide to make sure they are on message and on brand—and avoid wasted time and effort. Join UX specialist Chris Nodder, as he leads you through building a style guide that describes your UX strategy in a unified way that everyone can understand. Learn how to build in consistency, creativity, and flexibility so your team can build amazing user experiences that reflect a coherent and recognizable company voice. Plus, discover how to create a design system of reusable interface components, complete with code snippets, to ensure your company’s design language is consistent from product to product.

Topics include:

  • What is a style guide?
  • What are design systems?
  • Style guide basics
  • Style guide components
  • Defining your audience and your voice
  • Writing a style guide
  • Design system basics
  • Creating a design system
  • Getting people to adopt a design system and style guide
Table of Contents

Introduction
1 Setting the bar with style guides and design systems

What Are Style Guides and Design Systems
2 Communicating user experience standards
3 More than just a couple of documents
4 The design system
5 The style guide
6 Where to start

Style Guide Basics
7 Why have a style guide
8 Who in a company uses a style guide
9 What about small companies

What s in a Style Guide
10 Brand and company philosophy
11 Defining your audience
12 Personality and tone of voice
13 Visual elements
14 Links to resources

Creating Your Style Guide
15 Check out your existing resources
16 Get buy-in from relevant groups
17 Start writing
18 Promoting and enforcing the guide

Design System Basics
19 Controlling interface chaos
20 What a design system looks like
21 Who is a design system for

Components of a Design System
22 Design philosophy
23 Index of components
24 Submission and commenting system
25 The underlying process

Creating Your Design System
26 Justifying the need
27 Setting up a team to build your system
28 Deciding on a platform
29 Build review and release schedules
30 Populating the system
31 Socializing the idea
32 Politics of adoption

Conclusion
33 Next steps