Design systems: accounting for quality and scalability

Oct 16, 20175 likes108,281 views

You'll learn: How Forumone builds and implements design systems for their clients How to plan, create, sell, and implement a design system How to use common design tools to build a design system developers will use

“
John Maeda
Design in Tech Report
‘Scale’ a company’s design
function through better
managing/leading of
designers and shareable
design systems

Accounting for Quantity and Scalability
Amy Vainieri & Courtney Clark
UX at Scale Virtual Summit | October 5, 2017
#DesignSystems
Design Systems

How do you
know if you need
a design system?

handoff or sharing
You have a lot of project

Entire Project = 8 months
Discovery = 2 months
UX & Design = 3-4 months
Front & Back Dev = 3-4 months

Project Manager (x2)
UX Designer (x2)
Content Strategist
Visual Designer
Back-End Developer (x5+)
Front-End Developer (x2+)
Project
Team

Product Owners (x2)
Executive Director
Communications Staff (x10)
Developers (x2)
Analyst
Content Authors (x200!)
Located in 60 countries
across 15 programs
Client

UXPin
Photoshop
InVision
Gather Content
Zoom
Pattern Lab
Wagtail
Tools

Digital design
system…
What are our ingredients?

Pages
Average Hero
Stat Boxes
Volunteer Openings 
Teasers
Quote (with button)
Story Teasers
Image Gallery
Support Teasers
Share Bar

Design systems: accounting for quality and scalability

#DesignSystems Lesson
Power Jams
Wins Design Review
Content Prep
Design Inventory
Preparation

#DesignSystems Lesson
Power Jams
Wins Design Review
Content Prep
Design Inventory
Preparation
Luck

#DesignSystems Lesson
Start earlier
Next
Time Outline rules
Choose a home

1. What already exists?
2. What is the significance?
3. How will it be used again 
in the future?
Ask:

Guard the
system, or it will
unravel quickly.
#DesignSystems Lesson

It was vital to understand
the genesis of the design
system. After that, it was
easy peasy to maintain 
and extend the system.
“
Sarah Coles
Designer Extraordinaire

Why use 
a design
system?
Scalability
Consistency
Efficiency 
& Teamwork

Consistency
Efficiency & Teamwork
Scalability

This design system has
made my life rainbows
and unicorns.
“Dan Mouyard
Front-End Developer Extraordinaire

#DesignSystems Lesson
Scalability
Benefits Consistency
Efficiency 
& Teamwork

Time
Developing & Reﬁning System Implementing System
Money
Design System
Traditional Process
Frame it around investment.

Project Management
DevelopmentUser Experience
Design 
System
Business Development
GovernanceDesign & Branding

Teach your clients.
Share your approach.
#DesignSystems Lesson

You have bigger
fish to fry.
#DesignSystems Lesson

Rollout
Handoff
Educate / Buy-in
Keep it Fresh
Questions
we’re still
working on

Ask us anything.
avainieri@taoti.com 
@avainie
cclark@forumone.com 
@circlish
#DesignSystems

The document summarizes the evolution of Carbon Design System, IBM's design system created to provide consistency across 130+ teams. It started in 2014 with a small team and focused on developing core components. Over time, the team grew Carbon to include design kits, templates, add-ons and other resources. They also open sourced the system and maintained it through documentation, contributions and bug fixes. The talk highlights lessons like starting small, anticipating future needs, and dedicating time to maintenance as the system and its user base expands.

A design system. A year in review.James Ferguson

Evolving your Design System: People, Product, and Processuxpin

Initiating and Sustaining Design Systems for the Enterpriseuxpin

1. The document discusses athenahealth's efforts to establish an enterprise design system called Forge to improve design quality, velocity, and consistency across their 200+ product teams. 2. It outlines the challenges of the current state including design debt and wasted time recreating common interfaces. 3. The goals of Forge include focusing designer time on higher-value work, establishing design standards and guidelines, and enabling greater code and design reuse across teams.

Building a Design System: A Practitioner's Case Studyuxpin

Design Systems: Enterprise UX EvolutionAnne Grundhoefer

A design system is a framework of practices that bring designers and products together. It is a platform to identify, and document what to share, whether a visual style, design patterns, front-end UI components, and practices like accessibility, research, content strategy. The role of design with enterprise organizations is expanding, spreading across product teams and influencing decision-making at higher and higher levels. This scale, paired with the array of devices, browsers, screen sizes, locales, and environments, makes it increasingly challenging to align designers and developers to deliver cohesive user experiences. In this talk, I’ll discuss the lessons learned, the challenges faced, and best practices for creating and maintaining an effective interface design system.

Design System & Atomic Designeggcellent

This document discusses design systems and atomic design. It introduces atomic design as a methodology for creating interface design systems in a hierarchical way from small reusable components (atoms) up to full pages. It then provides details on how to create a designers kit, which includes style guides, pattern libraries, and mockups/templates. Finally, it outlines pros and cons of design systems, such as increased consistency but higher upfront costs.

Design system presentation - How to sell it internallyEugene Kardash

Uxpin Why Build a Design SystemLewis Lin 🦊

This document discusses why product teams should build design systems. It notes that as product teams grow, inconsistencies can emerge across products without standardized processes. A design system creates a single source of truth for visual assets and interactions. It allows for more efficient development, faster iteration, and increased product consistency. The document provides recommendations for creating a design system, such as defining design principles, unifying visual design, and creating an interactive component library. It also lists additional resources on design systems.

Design Systems (english) #UXcamHHBenno Lœwenberg

UI design becomes increasingly important for products and services. Influencing their users' expierence. UX itself determines the value of digital offerings and is their key differentiator. But "historically grown" incoherent interfaces deteriorate value and brand of products and services. This talk is about design systems, that help to avoid (or overcome) design dept and to enable scaling UX across platforms, products and devices. Modularity and standardisation of repeatedly used aspects helps speeding up processes and increasing business value. Design systems help making user experience tangible to teams and brand values actionable.

Design Systems First: Everyday Practices for a Scaleable Design Processuxpin

Design Systems at ScaleSarah Federman

A design system can vastly improve your team's productivity, but most of all, it leads to better products! The challenge lies in creating a mature system and leading its adoption across the company successfully. Let's talk about how we learned to meet the needs of different designers and developers on different products, on different tech stacks, on different platforms. Attendees will go home with tips they can use to improve design systems of any stage.

Design System - Fail, Learn, Build, TestPaya Do

Design SystemsNadal Soler

Building a Mature Design SystemDrew Burdick

Drew has spent the better part of the last two years leading the charge on launching and managing the global design system at AIG. Learn some of the battle-tested tips, tricks, and methods gained during the process including how to: - Manage contribution and intake - Manage “snowflake” vs system components - Support multiple brands with a single system - Track and measure the ROI of your system - Perpetuate buy-in Bio Drew Burdick is a multi-faceted design leader with over a decade of experience. He founded and led a creative agency, led top accounts at Red Ventures, and most recently helped to transform product design at AIG by leading a team to establish their global design system. He is now a leader with the Experience Design practice at Slalom, helping to drive client engagements in the Charlotte market.

Design System & Atomic DesignVani Jain

Design SystemCharlie Weston

The document describes the JLL Design System, which was created to bring more consistency to JLL's digital products. It includes a set of reusable UI components, guidelines for design and development, and processes for maintaining the system. The design system includes style guidelines, a Sketch component library, documentation on its usage and components, and the underlying code for components built with React. It aims to improve consistency, efficiency, and reduce repetitive work across JLL products. A dedicated team manages the system through maintaining components, handling contribution/enhancement requests, and communicating progress against objectives to adopt the system more widely.

To build an efficient Design SystemPaya Do

Design System 101Mayank Dhawan

The SlideShare presentation consists of the summary of the Design System 101 Workshop, as presented by UX Gorilla with Mayank Dhawan. Link of the event: https://bit.ly/2RwN4RF The workshop took place on December 01, 2018 at 91springboard, Jhandewalan Extension, New Delhi. This event was for designers, developers or members of the product team to help them with a clear understanding and give them useful ideas to make better decisions, help their teams to save time so that they can do things they would enjoy.

Design System ProposalCharlie Weston

The document proposes implementing a design system for JLL Products to establish reusable UI components and standards. It recommends the vendor DevBridge based on their experience with design systems, agile delivery approach, and ability to help ensure adoption. DevBridge proposes an initial workflow including evaluating existing components, prioritizing them for the style guide, and validating extensibility before implementing the design system across applications.

Design System as a ProductThoughtworks

Design System as a Product - Maria Elena Duenias, Esther Butcher Design systems are a great example where web development and design meet. You can find innumerable resources on the internet, books and conferences on how to build them, and how they are exactly what your organization needs. But, building one requires a lot more than following a recipe. In this talk we are going to discuss how to build a design system as an internal product, and how it evolves to become what the users need.

Design systems in organisationsAnnalisa Valente

Annalisa Valente is a product design expert currently leading design systems at Encode. In her presentation, she defines a design system as an internal product used by teams to establish a design vision and create patterns across touchpoints to improve efficiency. She discusses how design systems help businesses by increasing efficiency for designers, developers and users. She outlines the process of starting a design system, including conducting an inventory, defining KPIs, creating design principles and a pattern library. She also covers measuring success through metrics and maintaining the system over time.

Design System.pdfAtiqur Rahaman

Design Systems: Parts, Products & Peoplenathanacurtis

Design Systems Operationsuxpin

How to build a design systemFaizur Rehman

Trying to build a design system for your project? But still, don't know how to? Then this post gonna teach you how to create the design system for the project! ------------------ Follow me on Instagram to learn more about design https://www.instagram.com/fazurrehman/ ------------------ Understand Design System A Design System is the single source of truth, which groups all the elements that will allow the teams to design and develop a product even there is lots of benefits to having a design system, but you need to find the right people or company who really need design system or you think you really can solve their business problems by design system! I will continue the design system in the 2nd post and tell you better understanding and road-map how to build a design system. ⠀ Interested to work with me, let's start working together! [email protected]

DesignOps Handbook CondensedPeter Weibrecht

Design SystemCharlie Weston

The JLL Design System was created to provide a unified set of design standards and UI components to ensure consistent experiences across JLL products and make development faster for teams. It includes a style guide, Sketch component library, documentation on ReadMe.io, and the component code in Storybook and TFS to provide tools for both designers and developers. Key goals are to improve consistency, efficiency, and meet objectives around adoption in Aero and other products over time.

Design Systems - Big Design Conference 2017Courtney Clark

Updated presentation for the Big Design Conference 2017. Atomic design, pattern libraries, modular design—the process of designing with a system goes by many names, but regardless of what you call it, the advantages of this process are clear. Whether you’re on a large team or a small one, taking on a huge project or a one-page website, working with a design system can help make your project more efficient and infinitely scalable, provided you take the time to set yourself and your team up for success. Amy Vainieri and Courtney Clark explain how Forum One used a robust design system when recently tackling an enormous user experience and design challenge: a website for a large, service-based government organization targeted at millennials, with stakeholders in over 60 countries. Amy and Courtney share their strategy from this project and offer takeaways from the experience that have influenced their other ongoing projects. You’ll learn how a design system works, the benefits of creating one, and options for how to implement a system on projects. You’ll also get some tips and tricks for creating a process and resources that can be easily implemented by developers.

Design Systems - O'Reilly Design ConferenceCourtney Clark

1. The document discusses the benefits of design systems for handling large quantities of content and scaling websites over time. It notes consistency, efficiency, teamwork, and scalability as key benefits. 2. A case study example shows how a design system with core elements, building blocks, and pages allows for many variations like a taco menu. Maintaining the system is important for continued use and extension. 3. Getting buy-in requires framing the benefits in terms of investment returns like reduced costs and improved collaboration over time. Teaching clients the approach also helps secure support.

More Related Content

What's hot (20)

Uxpin Why Build a Design SystemLewis Lin 🦊

Design Systems (english) #UXcamHHBenno Lœwenberg

Design Systems First: Everyday Practices for a Scaleable Design Processuxpin

Design Systems at ScaleSarah Federman

Design System - Fail, Learn, Build, TestPaya Do

Design SystemsNadal Soler

Building a Mature Design SystemDrew Burdick

Design System & Atomic DesignVani Jain

Design SystemCharlie Weston

To build an efficient Design SystemPaya Do

Design System 101Mayank Dhawan

Design System ProposalCharlie Weston

Design System as a ProductThoughtworks

Design systems in organisationsAnnalisa Valente

Design System.pdfAtiqur Rahaman

Design Systems: Parts, Products & Peoplenathanacurtis

Design Systems Operationsuxpin

How to build a design systemFaizur Rehman

DesignOps Handbook CondensedPeter Weibrecht

Design SystemCharlie Weston

Uxpin Why Build a Design SystemLewis Lin 🦊

Design Systems (english) #UXcamHHBenno Lœwenberg

Design Systems First: Everyday Practices for a Scaleable Design Processuxpin

Design Systems at ScaleSarah Federman

Design System - Fail, Learn, Build, TestPaya Do

Design SystemsNadal Soler

Building a Mature Design SystemDrew Burdick

Design System & Atomic DesignVani Jain

Design SystemCharlie Weston

To build an efficient Design SystemPaya Do

Design System 101Mayank Dhawan

Design System ProposalCharlie Weston

Design System as a ProductThoughtworks

Design systems in organisationsAnnalisa Valente

Design System.pdfAtiqur Rahaman

Design Systems: Parts, Products & Peoplenathanacurtis

Design Systems Operationsuxpin

How to build a design systemFaizur Rehman

DesignOps Handbook CondensedPeter Weibrecht

Design SystemCharlie Weston

Similar to Design systems: accounting for quality and scalability (20)

Design Systems - Big Design Conference 2017Courtney Clark

Design Systems - O'Reilly Design ConferenceCourtney Clark

Design Systems - JD Jones | UMD Monday Tech TalksJD Jones

This document discusses building a design system. It begins by defining a design system as a single source of truth that groups all elements to allow teams to design, develop, and realize digital products. It then outlines 12 steps to build a design system: 1) research existing challenges and processes, 2) align goals, 3) audit the UI, 4) determine the team model, 5) use story mapping, 6) do lightning demos, 7) design workshops, 8) prototype, 9) test and iterate, 10) create a roadmap, 11) build the system, and 12) choose a framework. The document provides advice for common challenges like prioritizing new vs existing components.

CWP Meetup - All of Government DesignAndrew Underwood

Implementing a Design System in a Small Team by SnapTravelProduct School

Lessons on Building Design Systems at DoorDashKathryn Gonzalez

Scalable Design Systems with SketchLaura Van Doore

The document discusses building scalable design systems. It notes that design teams are growing, problems are more complex, and teams are distributed. Maintaining design debt can fracture the user experience. A design system, defined as a reusable set of components governed by standards, can help by providing consistency, communication, efficiency, maintainability, and scalability. The document outlines components of a design system and benefits. It shows examples from companies and tools for design systems. It discusses approaches to starting a design system like inventorying existing design, structuring the system, and standardizing. It also notes design systems require ongoing extension and maintenance.

Use Collaboration to Solve Your Biggest ChallengesApttus

Introduction to software engineeringHitesh Mohapatra

The document provides an introduction to software engineering. It discusses that software has a dual role as both a product and vehicle to deliver functionality. It defines software as a set of programs, documents, and data that form a configuration. The document outlines different types of software applications and categories. It also discusses software engineering practices such as communication, planning, modeling, construction, and coding principles.

How to choose tools for DevOps and Continuous Delivery - DevOps Manchester me...Matthew Skelton

This document discusses how to choose tools to support DevOps and continuous delivery. It recommends valuing collaboration when selecting tools, evolving tooling to avoid intimidating teams, and avoiding tools only used in production. The document also discusses Conway's Law and how an organization's structure impacts its ability to collaborate and select tools accordingly. It advocates considering how tools can help different teams work together rather than using singleton tools that hinder collaboration and learning.

UX @ NICE enterpriseRan Liron

Week 1Lecture2222222222222222222222.pptxhamzaprince9t9

nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuullllllllllllllllllllllllllllllnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnuuuuuuuuuu

User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall

Increasing Analytical Thinking In Agile Teams 1.5 (1).pptxNickFoard2

Why Can't We All Just Get Along? Improving Designer/Developer CollaborationAllison Corbett

This document discusses improving collaboration between designers and developers on agile teams. It begins by debunking common myths that designers and developers have about each other. It then provides tips for improving the collaboration process, such as getting design work done before development starts and using tools like sketching, paper prototypes, and wireframes. The document concludes with tips for designers, developers, product owners, and scrum masters to foster collaboration, such as involving all roles in requirements gathering, providing constructive feedback, and maintaining respect.

6.2 Cross-Functional Team Framework - v2.0Technology Expresso Expresso-Consulting

This document provides an overview of a cross-functional team framework and agile practices. It includes sections on cross-functional training, establishing shared goals and accountability, and effective communication and collaboration across disciplines. Visual tools like user stories and dependency mapping are presented as ways to facilitate requirements gathering and manage interdependencies. The importance of team dynamics, psychological safety, and empowerment are discussed for maintaining a healthy, high-performing team.

Design thinking & agileAnnalisa Valente

This document discusses how design teams and development teams can better collaborate using principles of design thinking and agile development. It provides tips for UX designer Alex and engineer Jo at GoodSoftware, including balancing cross-functional teams, making plans with short iterations, critiquing designs regularly, and pairing designers with developers to break down silos. Both philosophies aim to place users first and respond quickly to changes, and adopting tools from each can help teams work together efficiently.

Agile Engineering Environment – 2017India Scrum Enthusiasts Community

In October 2009, I presented a well-received session entitled An Agile Engineering Environment (in 59 Minutes or Less) at an Agile conference in Chengdu, China. From 2009 – 2015 the environment presented in that session remained fundamentally unchanged as our primary internal development environment. By 2015, however, we began seeing the emergence of new tools which build upon the basic premises of that environment, but enable an even more robust environment to be established even more quickly and independently than the 59-minute environment realized in the 2009 session. In this session, we will briefly introduce the original configuration and see how modern tooling and techniques enable the improved environment to be established in a fraction of the time, enabling even greater agility in our engineering environment.

Agile Engineering Environment – 2017India Scrum Enthusiasts Community

Agile engineering environment 50 minutes or lessVernon Stinebaker

Design Systems - Big Design Conference 2017Courtney Clark

Design Systems - O'Reilly Design ConferenceCourtney Clark

Design Systems - JD Jones | UMD Monday Tech TalksJD Jones

CWP Meetup - All of Government DesignAndrew Underwood

Implementing a Design System in a Small Team by SnapTravelProduct School

Lessons on Building Design Systems at DoorDashKathryn Gonzalez

Scalable Design Systems with SketchLaura Van Doore

Use Collaboration to Solve Your Biggest ChallengesApttus

Introduction to software engineeringHitesh Mohapatra

How to choose tools for DevOps and Continuous Delivery - DevOps Manchester me...Matthew Skelton

UX @ NICE enterpriseRan Liron

Week 1Lecture2222222222222222222222.pptxhamzaprince9t9

User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall

Increasing Analytical Thinking In Agile Teams 1.5 (1).pptxNickFoard2

Why Can't We All Just Get Along? Improving Designer/Developer CollaborationAllison Corbett

6.2 Cross-Functional Team Framework - v2.0Technology Expresso Expresso-Consulting

Design thinking & agileAnnalisa Valente

Agile Engineering Environment – 2017India Scrum Enthusiasts Community

Agile engineering environment 50 minutes or lessVernon Stinebaker

More from uxpin (20)

From the designers laptop to the usersuxpin

The document discusses the goals and learnings from a design system mission to enable teams to create straightforward user experiences. It notes that the tension between product and design system goals is healthy. Key learnings include looking at existing products, synthesizing information to move forward, focusing on experiences rather than just components, and building the design system like a product. The document also outlines different models for how a design system can be built and aligned with product roadmaps.

Principles & ux_systemsuxpin

The document discusses creating experience principles for user experience (UX) systems. It provides examples of Spotify's experience principles and defines what makes good principles. Experience principles outline a product or service's core values and ensure its purpose is expressed through design. Good principles are specific, actionable, impressionable, have a point of view, and are living. The document also discusses design language systems, which define unified experiences through interaction patterns, components and style guides. It provides tips for developing experience principles and design language systems.

Principles & ux_systemsuxpin

Should Designers?uxpin

This document discusses the use of design systems and collaboration between designers and developers. It includes quotes and links about topics like Gantt charts, limiting design options through standards like the 8-point grid, using JSON configuration files to separate design from code, and RACI responsibility matrices to clarify roles. The overall message is that design and development work best as collaborative, multi-disciplinary partnerships.

From the designers laptop to the usersuxpin

Accessibility in Design Systems by Allison Shawuxpin

Sonefeld creating and maintaining a design system for 130 teamsuxpin

UXPin: State of the Union Product Keynote by Marcin Trederuxpin

Consistency vs. Flexibility in Design Systems: A GE Case Study by Ken Skistimasuxpin

Scaling Products With Design Systems uxpin

Developing UX ROI in Enterprise Land: An ADP Case Studyuxpin

Three's a Party: How Trifectas Help Product, Engineering, and Design Work Tog...uxpin

Automating Design Processes for Teams: An IDEO Case Studyuxpin

Calculating the ROI of UX with Standard Financial Modelsuxpin

From 6 to 126 in 4 Years: The Story Behind Atlassian Designuxpin

Building a UX Process at Salesforce that Promotes Focus and Creativityuxpin

Designing Multi-Device Experiencesuxpin

Creating Consistent Experiences With Design Principlesuxpin

Balancing UX Consistency and Developer Productivity in a Design Systemuxpin

Participatory Design: Bringing Users Into Your UX Processuxpin

From the designers laptop to the usersuxpin

Principles & ux_systemsuxpin

Should Designers?uxpin

From the designers laptop to the usersuxpin

Accessibility in Design Systems by Allison Shawuxpin

Sonefeld creating and maintaining a design system for 130 teamsuxpin

UXPin: State of the Union Product Keynote by Marcin Trederuxpin

Consistency vs. Flexibility in Design Systems: A GE Case Study by Ken Skistimasuxpin

Scaling Products With Design Systems uxpin

Developing UX ROI in Enterprise Land: An ADP Case Studyuxpin

Three's a Party: How Trifectas Help Product, Engineering, and Design Work Tog...uxpin

Automating Design Processes for Teams: An IDEO Case Studyuxpin

Calculating the ROI of UX with Standard Financial Modelsuxpin

From 6 to 126 in 4 Years: The Story Behind Atlassian Designuxpin

Building a UX Process at Salesforce that Promotes Focus and Creativityuxpin

Designing Multi-Device Experiencesuxpin

Creating Consistent Experiences With Design Principlesuxpin

Balancing UX Consistency and Developer Productivity in a Design Systemuxpin

Participatory Design: Bringing Users Into Your UX Processuxpin

Recently uploaded (20)

Oversized Off White Pulka Dot Cotton ShirtZNKL.in

10.1155-2024-1048933Figurefig0008.pptx.pptsuchandasaha7

An updated content measurement model - Elle Geraghty Content Strategy.pdfElle Geraghty

19 Best B,u,y Verified Cash App Accountshttps://sellsusa.com/product/buy-verified-cash-app-accounts/

The Irrational City | Unseen Forces of PlacemakingLeanne Munyori

What if cities weren’t built for how people live—but for how planners think they should? We explored Nairobi’s evolving urban form through the lens of behavioral economics and environmental psychology. The Irrational City challenges conventional planning paradigms by revealing how emotion, perception, and cognitive bias shape how we experience and respond to the built environment. Drawing from principles of irrational decision-making, place attachment, and choice architecture, this talk questions: – Why do some places feel safe, others alienating? – How does infrastructure influence behavior, intentionally or not? – Can we design cities not just for function, but for feeling? From expressways to the feauture park, Nairobi offers a live case study in how unconscious design decisions affect well-being, identity, and belonging. This presentation is for architects, planners, designers, and anyone curious about cities as emotional ecosystems—not just physical ones.

Flowers Coloring Pages Activity Worksheet in Black and White Illustrative StyleLikazelika

dFdDVWeb_Design_Basics_Presentation.pptxAKSHAYKAMBLE806728

STOCK ANALYSYS.pptx manajemen keuangan skfdpontianak2012

PayPros-Journey-Overcoming-Challenges-Through-Governance.pptxrayyansiddiqui034

Emirates Agriculture Prensentation Badges GOLD.pdfasfianoor1

Venngage AI Infographic Generator- AI-powered visuals that turn your ideas in...Venngage AI Infographic Generator

Venngage’s AI Infographic Generator helps you bring clarity to your content by turning plain text into visually compelling infographics—automatically. Designed with marketers and communicators in mind, it’s built to simplify complex messaging and speed up your workflow. With just a short prompt, the AI understands your intent and creates a structured infographic that fits your content type—whether you’re outlining a process, comparing features, or mapping out a timeline. The tool selects fonts, icons, layouts, and visual hierarchy for you, taking care of the heavy lifting in seconds. Once generated, you can fully customize the design to align with your brand—tweak colors, edit text, replace visuals, and adjust layout elements using a simple drag-and-drop editor. The tool supports different infographic styles, making it ideal for internal reports, client presentations, blog content, and social media graphics. What makes it valuable for marketers? - Eliminate bottlenecks in the content creation process - Get campaign visuals and data summaries out faster - Repackage written content into visuals that perform better on social and email - Communicate insights clearly with clients and internal teams Whether you're on a tight deadline or just want to simplify your storytelling, Venngage’s AI helps you create high-impact visuals without relying on a designer or starting from scratch. Generate AI Infographics here: https://venngage.com/ai-tools/infographic-generator

mid-term all revisions g11 s1.pmdzs,zxptxomar164646

interpolacrcrdcrdrcrdctctfct frfctfction.pptpawan070201

Minimalist Business Slides XL by Slidesgo.pptxkarenalavamoran

Internet Download Manager Crack Patch Latest IDM Free DownloadDesigner

Are you Transitioning or Refining Now..?Gregory Vigneaux

If the question is, "How will society survive wildfires moving forward?" wildfire-adapted communities are a promising answer. According to the Fire Adapted Communities Learning Network, "A fire-adapted community is a community that understands its risk and takes action before, during, and after the fire in order for their community to be more resilient to wildfire." If fire-adapted communities have the potential to be effective, how are they brought into being? The prior introduces the very question this theoretical discussion-based lecture seeks to explore on April 30th at 10 a.m. - 11:30:00 p.m. MDT. Former Hotshot and winner of the National Park Service's Fuels and Ecology Award for Promoting Fire-Adapted Human Communities, Gregory Vigneaux draws on years of research to examine two modes of wildfire-adapted community change: transitions and refining the present. Attendees will be introduced to the unique pathways, dynamics, and concepts that shape each mode. The talk begins by discussing place before discussing how place is dwelled in and what that means for change. Through theoretical exploration, participants will be introduced to language and insights for a better understanding of the changes they hope to effect and explore whether a different approach might be more effective. This discussion does not address physical fire adaptation, such as creating defensible space and home hardening, but instead examines processes of change. This event is tailored for anyone interested in creating wildfire-adapted communities. For example, fire-adapted practitioners and stakeholders, community groups, fire mitigation experts, insurers, emergency managers, government fire officials, nonprofits, private organizations, and others. The talk provides valuable insights into community change processes around wildfire risk.

4K Video Downloader Crack (2025) + License Key FreeDesigner

Lori Vanzant Portfolio. Please take a look !vanzan01

masterddedeeeeeeeeedded seminar (1).pptxtgavel7869

behiriskfactorsxyzkskeb210217133906 (1).pdfShakibulHasan14

Oversized Off White Pulka Dot Cotton ShirtZNKL.in

10.1155-2024-1048933Figurefig0008.pptx.pptsuchandasaha7

An updated content measurement model - Elle Geraghty Content Strategy.pdfElle Geraghty

19 Best B,u,y Verified Cash App Accountshttps://sellsusa.com/product/buy-verified-cash-app-accounts/

The Irrational City | Unseen Forces of PlacemakingLeanne Munyori

Flowers Coloring Pages Activity Worksheet in Black and White Illustrative StyleLikazelika

dFdDVWeb_Design_Basics_Presentation.pptxAKSHAYKAMBLE806728

STOCK ANALYSYS.pptx manajemen keuangan skfdpontianak2012

PayPros-Journey-Overcoming-Challenges-Through-Governance.pptxrayyansiddiqui034

Emirates Agriculture Prensentation Badges GOLD.pdfasfianoor1

Venngage AI Infographic Generator- AI-powered visuals that turn your ideas in...Venngage AI Infographic Generator

mid-term all revisions g11 s1.pmdzs,zxptxomar164646

interpolacrcrdcrdrcrdctctfct frfctfction.pptpawan070201

Minimalist Business Slides XL by Slidesgo.pptxkarenalavamoran

Internet Download Manager Crack Patch Latest IDM Free DownloadDesigner

Are you Transitioning or Refining Now..?Gregory Vigneaux

4K Video Downloader Crack (2025) + License Key FreeDesigner

Lori Vanzant Portfolio. Please take a look !vanzan01

masterddedeeeeeeeeedded seminar (1).pptxtgavel7869

behiriskfactorsxyzkskeb210217133906 (1).pdfShakibulHasan14

Design systems: accounting for quality and scalability

1. “ John Maeda Design in Tech Report ‘Scale’ a company’s design function through better managing/leading of designers and shareable design systems

2. Accounting for Quantity and Scalability Amy Vainieri & Courtney Clark UX at Scale Virtual Summit | October 5, 2017 #DesignSystems Design Systems

3. Hello. Amy @avainie Courtney @circlish

4. Who are you?

5. Have you used  a design system?

6. Who loves  a good design system?

7. Who is… still not sure?

8. How do you know if you need a design system?

9. There are 20+ button styles

10. Many products. Many screens.

11. handoff or sharing You have a lot of project

12. So…what is a  design system?

13. 1 2 3 4 5 6 7 8

14. ImagesviaTacoBell + More variation!

15. 8 ingredients = 50+ menu options!

16. Case Study A design system in the wild.

17. AfterBefore

18. Entire Project = 8 months Discovery = 2 months UX & Design = 3-4 months Front & Back Dev = 3-4 months

19. Project Manager (x2) UX Designer (x2) Content Strategist Visual Designer Back-End Developer (x5+) Front-End Developer (x2+) Project Team

20. Product Owners (x2) Executive Director Communications Staff (x10) Developers (x2) Analyst Content Authors (x200!) Located in 60 countries across 15 programs Client

21. UXPin Photoshop InVision Gather Content Zoom Pattern Lab Wagtail Tools

22. Discovery

23. Wireframes

24. Digital design system… What are our ingredients?

25. Elements Building Blocks Pages Basics

26. Basics

27. Elements Building Blocks Pages Basics

28. Elements

29. Elements Building Blocks Pages Basics

30. Building Blocks

31. Building Blocks

32. Elements Building Blocks Pages Basics

33. Pages Average Hero Stat Boxes Volunteer Openings  Teasers Quote (with button) Story Teasers Image Gallery Support Teasers Share Bar

35. #DesignSystems Lesson Power Jams Wins

37. #DesignSystems Lesson Power Jams Wins Design Review Content Prep Design Inventory Preparation

39. #DesignSystems Lesson Power Jams Wins Design Review Content Prep Design Inventory Preparation Luck

40. #DesignSystems Lesson Start earlier Next Time Outline rules Choose a home

41. After Launch The story continues…

42. Extending  the system

43. 1. What already exists? 2. What is the significance? 3. How will it be used again  in the future? Ask:

44. Guard the system, or it will unravel quickly. #DesignSystems Lesson

45. It was vital to understand the genesis of the design system. After that, it was easy peasy to maintain  and extend the system. “ Sarah Coles Designer Extraordinaire

46. Why use  a design system? Scalability Consistency Efficiency  & Teamwork

47. Consistency Efficiency & Teamwork Scalability

48. Consistency Efficiency & Teamwork Scalability

49. Consistency Efficiency & Teamwork Scalability

50. This design system has made my life rainbows and unicorns. “Dan Mouyard Front-End Developer Extraordinaire

51. Consistency Efficiency & Teamwork Scalability

52. #DesignSystems Lesson Scalability Benefits Consistency Efficiency  & Teamwork

53. How do you get buy in?

54. “ John Maeda Design in Tech Report ‘Scale’ a company’s design function through better managing/leading of designers and shareable design systems

55. Time Developing & Reﬁning System Implementing System Money Design System Traditional Process Frame it around investment.

56. Project Management DevelopmentUser Experience Design  System Business Development GovernanceDesign & Branding

57. What about clients?