How to create new processes to sustain a design system
How to evolve the way companies build and ship products
How to decide on a governance model for design systems
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.
The Design System is an essential part of today's UX world which provides agility and performance in the longer term. Atomic Design is a part of Design System for designers and developers to build the parts of a complete design.
In this talk we’ll uncover our journey in creating a Design System for Skyscanner and share our learnings on how we sold it to the business by proving its worth. We’ll talk through some of the design and tech considerations we’ve made and share the tools and techniques which have helped us along the way.
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.
Let's talk about Design Systems and how they could help you build better products in terms of efficiency, consistency, UX, code quality and accessibility.
Summary:
1. About me
2. Why have one?
3. Design system (fundamentals)
4. How to build a design system (process)
5. Cost and value
6. Inspiration
7. Q&A
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.
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.
The Design System is an essential part of today's UX world which provides agility and performance in the longer term. Atomic Design is a part of Design System for designers and developers to build the parts of a complete design.
In this talk we’ll uncover our journey in creating a Design System for Skyscanner and share our learnings on how we sold it to the business by proving its worth. We’ll talk through some of the design and tech considerations we’ve made and share the tools and techniques which have helped us along the way.
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.
Let's talk about Design Systems and how they could help you build better products in terms of efficiency, consistency, UX, code quality and accessibility.
Summary:
1. About me
2. Why have one?
3. Design system (fundamentals)
4. How to build a design system (process)
5. Cost and value
6. Inspiration
7. Q&A
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.
Building a Design System: A Practitioner's Case Studyuxpin
- How to build a design system from scratch
- How to audit your product for design consistency
- How to structure and communicate a design system to an Agile team
Design system presentation - How to sell it internallyEugene Kardash
Design System is a systematic approach to creating and maintaining consistent user interfaces, which coherently communicate the brand values and empower user experience.
This presentation's goal is to give an overview of the current state of design maturity at the company (here, at Herbalife Nutrition), to justify the necessity of having it, and to get buy-ins from decision makers.
Evolving your Design System: People, Product, and Processuxpin
You'll learn:
How to create and maintain a design system over several years
How people, process, and product change alongside a design system
Lessons learned from growing the Linkedin design system
Design systems: accounting for quality and scalabilityuxpin
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
A design system is a scalable framework of decisions & team behaviors spread across an organization so your products can converge on a cohesive experience. Start your plan with a firm understanding of what parts it includes, products it applies to, and people that will do the work.
Design Systems First: Everyday Practices for a Scaleable Design Processuxpin
You'll learn:
- How to create, adopt, and maintain your first design system
- How to practice a “design systems first” process of product development
- How to build and govern a design systems operations team
Slides for a few events i was lucky to give a talk this year. From my experiences of building a design system for the product team. Figma and storybook js are introduced.
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.
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 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.
Everything you need to know about design system.pdfKoru UX Design
Oftentimes, people tend to confuse a design system with a style guide, or even design principles. The truth is that a design system comprises all of these and more.
To know more about how a design system can benefit your product, read our free guide.
A proposal for creating a standardised file format for storing design token data. More info at: https://udt.design/
The hope is that, by standardising the file format, new and existing tools that operate on design tokens will become more interoperable than they are today.
A Lean Design Process for Creating Awesome UXAnnie Wang
Lean UX is a proven approach for lean startup environment. My lean UX process is based on a commonly 6 step cycle ux process. In my practice with a few startups, I found it worked better for me to split the first step “concept” into 2 steps: discovery and wireframe. Thus my process is 7 steps – discovery, Wireframe, prototype, validate internally, test externally, summarize, iterate.
The Outcome 2021 Conference
Summary of the talk:
- Intro to design systems and what a design system is made of
- How design systems help businesses to become more efficient
- Process of starting out a design system
- Measuring success and maintenance
Shaping and implementing a DesignOps functionMatt Gottschalk
Matt Gottschalk and Ben Franck, both UX & DesignOps Managers at Centrica, will share the journey they have been on since setting up their DesignOps function at the beginning of 2018. They will discuss the types of problems that come with managing and supporting a de-centralised design team of 40+ User Experience designers, how they defined the role and how having a design operations function enabled them to streamline processes and drive efficiency and consistency.
How to Use Engineers in a UX DepartmentStephen James
Barbarians at the Gates How to Bring Engineers into Your UX Department in order to Lower Coordination and Transaction Costs and Accelerate Product Development
This is a modified version of a presentation given at an internal UX department offsite meeting for a large technology company back in 2014
Building a Design System: A Practitioner's Case Studyuxpin
- How to build a design system from scratch
- How to audit your product for design consistency
- How to structure and communicate a design system to an Agile team
Design system presentation - How to sell it internallyEugene Kardash
Design System is a systematic approach to creating and maintaining consistent user interfaces, which coherently communicate the brand values and empower user experience.
This presentation's goal is to give an overview of the current state of design maturity at the company (here, at Herbalife Nutrition), to justify the necessity of having it, and to get buy-ins from decision makers.
Evolving your Design System: People, Product, and Processuxpin
You'll learn:
How to create and maintain a design system over several years
How people, process, and product change alongside a design system
Lessons learned from growing the Linkedin design system
Design systems: accounting for quality and scalabilityuxpin
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
A design system is a scalable framework of decisions & team behaviors spread across an organization so your products can converge on a cohesive experience. Start your plan with a firm understanding of what parts it includes, products it applies to, and people that will do the work.
Design Systems First: Everyday Practices for a Scaleable Design Processuxpin
You'll learn:
- How to create, adopt, and maintain your first design system
- How to practice a “design systems first” process of product development
- How to build and govern a design systems operations team
Slides for a few events i was lucky to give a talk this year. From my experiences of building a design system for the product team. Figma and storybook js are introduced.
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.
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 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.
Everything you need to know about design system.pdfKoru UX Design
Oftentimes, people tend to confuse a design system with a style guide, or even design principles. The truth is that a design system comprises all of these and more.
To know more about how a design system can benefit your product, read our free guide.
A proposal for creating a standardised file format for storing design token data. More info at: https://udt.design/
The hope is that, by standardising the file format, new and existing tools that operate on design tokens will become more interoperable than they are today.
A Lean Design Process for Creating Awesome UXAnnie Wang
Lean UX is a proven approach for lean startup environment. My lean UX process is based on a commonly 6 step cycle ux process. In my practice with a few startups, I found it worked better for me to split the first step “concept” into 2 steps: discovery and wireframe. Thus my process is 7 steps – discovery, Wireframe, prototype, validate internally, test externally, summarize, iterate.
The Outcome 2021 Conference
Summary of the talk:
- Intro to design systems and what a design system is made of
- How design systems help businesses to become more efficient
- Process of starting out a design system
- Measuring success and maintenance
Shaping and implementing a DesignOps functionMatt Gottschalk
Matt Gottschalk and Ben Franck, both UX & DesignOps Managers at Centrica, will share the journey they have been on since setting up their DesignOps function at the beginning of 2018. They will discuss the types of problems that come with managing and supporting a de-centralised design team of 40+ User Experience designers, how they defined the role and how having a design operations function enabled them to streamline processes and drive efficiency and consistency.
How to Use Engineers in a UX DepartmentStephen James
Barbarians at the Gates How to Bring Engineers into Your UX Department in order to Lower Coordination and Transaction Costs and Accelerate Product Development
This is a modified version of a presentation given at an internal UX department offsite meeting for a large technology company back in 2014
"Platform Engineering in practice — Why and How to start", Serg Hospodarets Fwdays
The tech industry went from IT to DevOps, and Platform Engineering showed it well to enable effective software products development.
Serg with his teams re-architected and delivered a few Web Cloud Platforms, and applied engineering reorganizations, to improve companies’ products delivery.
It was done at scale- a few hundred engineers and operations, dozens of products, hundreds of microservices and customers.
This talk aims to share the experience and learned practices, including practical technical tooling suggestions, processes, and team organization tips. And, of course, live and coding demos.
Webinar - Design Thinking for Platform EngineeringOpenCredo
Design Thinking is revolutionising the delivery of next-level digital services with best-of-breed product design and user interface principles ensuring close alignment with users and making services a joy to use.
While much of this success has been in the delivery of customer-facing services, there is untapped potential when it comes to delivering frictionless experiences for the internal users of your infrastructure services – promising business value through increased productivity and reduced frustration in your development and operations teams.
Check out the slides from our webinar on approaching platform engineering with a design thinking mindset.
Collaborative Working: University of Sunderland & Roundhouse Digital Terminalfour
The University of Sunderland & Roundhouse Digital outline the best approach for collaborative working between universities and agencies. Using the new University of Sunderland in London Microsite as a case-study they will showcase the innovative developments that resulted out of working in partnership and the tools and processes involved in multi-team production. Click here to view the video of this presentation on YouTube: http://bit.ly/15ODFN9
I have been working as a technical writer for more than 3 years now. I have worked on DITA/XML based tool called PTC Arbortext editor. Also worked on HTML/CSS based tools Helpjuice and ClickHelp. The skill that I have developed with the work experience include technical documentation, primary research, secondary research, help authoring, user guides, API documentation. Rest details are on the resume. Requesting you to please view the same.
India GRUC Agility Presentation 2015-6-30Roger Snook
One Million Lines of Code Later: I Want Agility! Every line of code you create comes with a complexity cost. How can you tame this complexity for your large source base? One way is to streamline your delivery turnaround time for enhancements and fixes by visualizing your projects' source code—after all, "a picture is worth…”
Scaling a Serverless Developer Platform for TeamsMikael Vesavuori
In this presentation, you’ll get a practical high-level overview of how it actually works scaling development activities to many teams using serverless and cloud-native technologies. We’ll look at the tech itself, some example architectures and common concerns to address. While we are AWS-centric here, the lessons learned and advice are transferable to other clouds as well.
First presented at AWS User Group Gothenburg, March 31 2022.
Responsive design has landed in lots of places and is becoming business as usual. Time to reflect: are we doing the right things in the right ways? How do we gracefully move away from desktop-first designs? And how do you approach a responsive design with your complete team in your agile workflow? Let's take a look at the current status of responsive design and figure out how to incorporate a mobile-first workflow in your business.
This presentation is about a lecture I gave within the "Software systems and services" immigration course at the Gran Sasso Science Institute, L'Aquila (Italy): http://cs.gssi.infn.it/.
http://www.ivanomalavolta.com
Design Systems: Designing out Waste, Designing in ConsistencyEqual Experts
Design Systems help modern innovative companies build new software quickly without waste and with a consistent look and feel.
They are the single source of truth to allow the teams to design, realise and develop a product.
From our work with Design Systems for Equal Experts' clients we have many learnings to share about benefits and risks and what needs to be overcome to get a system live and adopted.
SPEAKER: David Hawdale. Product and UX person at Equal Experts.
Contact www.equalexperts.com
Contact David: david.hawdale@hawdale-associates.co.uk
How Atlassian builds and manages their design system across their product suite
How the Design System team empowers users by iterating with research and testing
How design and engineering cooperate to be efficient and productive
Accessibility in Design Systems by Allison Shawuxpin
You'll learn:
The benefits of accessibility in a design system
How to create and incorporate accessibility standards
How to improve accessibility across your product suite
UXPin: State of the Union Product Keynote by Marcin Trederuxpin
How UXPin unifies design with code in design systems
Recent design system features in UXPin alongside roadmap
Predictions for the future of design tools.
Consistency vs. Flexibility in Design Systems: A GE Case Study by Ken Skistimasuxpin
A case study from the Predix Design System at GE on how balance consistency and flexibility in a large scale design system.
You'll learn:
Where design systems should be consistent or flexible
How GE Digital handles consistency vs. flexibility in the Predix design system
How to adapt tools and technology to balance both.
- Useful technology and frameworks for a scalable design system
- How to create a design systems process from scratch
- How to collaborate with developers in a design system
Developing UX ROI in Enterprise Land: An ADP Case Studyuxpin
You'll learn:
How to develop a quantitative framework for measuring UX ROI
How to use UX ROI as a strategic alignment tool with CX and other internal customer teams
Best practices and lessons learned
Three's a Party: How Trifectas Help Product, Engineering, and Design Work Tog...uxpin
You'll learn:
How to change your collaboration model for PM, engineering, and design as teams grow
How to define responsibilities, cadence, and activities across every layer of a product organization
How Shopify tackles multi-disciplinary collaboration across product teams
Automating Design Processes for Teams: An IDEO Case Studyuxpin
You'll learn:
How IDEO used bots to help automate user research
How you can use automation to improve team efficiency
The future of automation in design
Calculating the ROI of UX with Standard Financial Modelsuxpin
You'll learn:
- How to create a UX ROI model with decision trees and expected values
- How to forecast the effect of UX on sales
- How to use SUS and NPS to measure the effect of UX
From 6 to 126 in 4 Years: The Story Behind Atlassian Designuxpin
You'll learn:
- How to lead design teams through periods of rapid growth
- How to change design processes, build design culture, and scale teams over time
- How to engage engineering and product teams to create a customer-focused organization
Building a UX Process at Salesforce that Promotes Focus and Creativityuxpin
You'll learn:
- How Salesforce designed a large-scale UX process across teams
- Why certain design activities were chosen over others
- How to preserve design quality at scale
- How to design across devices with an ecosystem approach
- How to design consistent, complementary, and continuous experiences
- How to deliver the right experience at the right time on the right device
Balancing UX Consistency and Developer Productivity in a Design Systemuxpin
You'll learn:
How to structure, govern, and maintain a design system
How to improve design consistency, productivity, and quality with React
How to avoid design debt in short-term and long-term projects
Participatory Design: Bringing Users Into Your UX Processuxpin
Participatory design tactics practiced by frog design
Collaborative activities for finding user needs, generating, and evaluating design ideas
How to select and deploy participatory design activities within an Agile team
Storytelling For The Web: Integrate Storytelling in your Design ProcessChiara Aliotta
In this slides I explain how I have used storytelling techniques to elevate websites and brands and create memorable user experiences. You can discover practical tips as I showcase the elements of good storytelling and its applied to some examples of diverse brands/projects..
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
7. LunaWeb
—Small Web Agency
—Employee #2 (19 today)
—Doing a bit of everything:
server maintenance, project
management, front-end,
design, UX, support…
—Specialized in UX and front-
end as we hired a designer
and more back-end
developers
8. LunaWeb
Building Boilerplates
—Lots of repetitive work, should be abstracted
away
—Email boilerplate, website boilerplate, static site
generator…
—As we got better at selling our front-end expertise,
we started building boilerplates, styleguides, and
component libraries for our customers
9. BBC News
—Developer in the BBC Responsive News core team
—Worked with BBC GEL on a BBC-wide responsive
grid
—Introduced BEM at the BBC
—Initiated BBC News' component library (GUTS),
enabling anyone to prototype quickly
10.
11.
12. The Guardian
Project context
—2012: theguardian.com starts a responsive
redesign
—3 teams working on theguardian.com, high level of
autonomy, everyone (20+ people) can touch the
Sass codebase
—Fast pace of design iteration: no way to build a
component library that would stay up to date
more than 2 weeks
13.
14.
15.
16.
17. The Guardian
Solution: extract the core principles behind the design language and
translate them into code via Guss1
.
This block’s width, on tablet and up, is 3 grid units
.block {
@include mq(tablet) { width: span(3); }
}
1
https://github.com/guardian/guss
18.
19.
20.
21.
22.
23.
24. The Guardian
Results
—With Sass closer to the design team's language,
designers & developers sit together and iterate
very fast
—Increased sense of ownership for designers
—Consistency across pages and team workflows
—Less time spent on looking for hex codes, font
sizes, breakpoint values… means more time for
higher value tasks
25.
26. Financial Times
Challenges
—Heterogeneous tech stacks
—Experts needed everywhere
—Wasted developer time re-inventing the wheel,
testing…
—Culture dominated by engineers, little space for
designers
27. Financial Times
Solution: Origami
—High quality reusable components that follow a
spec
—Tools to build & use components
—Services to deliver components (CDN, Bower…)
—Free-markets model2
where anyone can use (or
not) Origami, and contribute to it
2
http://matt.chadburn.co.uk/notes/teams-as-services.html
28.
29.
30.
31.
32.
33.
34.
35. Financial Times
Team Structure: Core Team
—Curates components
—Documents/evangelizes best practices (web,
performance, a11y)
—Builds tooling, examples, monitors services
—Trains designers, developers and product
managers to think in systems and teaches them
how to have an input
36. Financial Times
Team Structure: Product Teams
—Can contribute just like on an open source project
—Build components for their own products
—If a product wants to reuse something built by
another team, they can even improve the
component better
—Third party companies (e.g. for marketing sites):
simple consumers
37.
38. Salesforce
Challenges
—Lots of teams writing front-end code
—Inconsistencies everywhere, lack of reusability,
accessibility
—Designers constantly chasing assets & re-
inventing the wheel
—Many stacks from many acquisitions
—Partners asking “How do I build Salesforce apps
that look like Salesforce”
39. Salesforce
Solutions
—Design tokens! They abstract the fundamentals
across platforms
—Deliver HTML / CSS so any acquisition, customer,
partner or internal team can decide what to build
upon (React, Aura, WC…)
—Document all the things: design principles,
patterns, best practices…
—Share and maintain a Sketch UI Kit
40. Salesforce
My team’s role
—Automation: testing, linting, bots, CI/CD
—Integrating the delivery process with the core
platform
—Misc. operational work: GitHub / OSS / npm /
monitoring
—Developer / designer experience: tools,
prototyping env
50. UX Acceleration
—Theme within Shopify’s "UX Systems" team
—Tools
—Services
—DX (Developer Experience)
—DevOps for designers!
51. Reducing the distance between
people, teams, and activities,
combined with reducing the batch
size of your work, allows you to
deliver more value, more
continuously, with greater quality.
– Jeff Sussna (DevOps for Designers)
53. I don't have an answer yet. I'd define it as a practice,
that some people happen to champion.
54. All you need to ask is:
When the end result (code) is a
poor representation of the original
intent (design), where does the
process fail our users?
55. We want to reduce decision fatigue with a
frictionless delivery process.
This allows people to spend their calories on the
creative stuff.
56. What kind of decisions
can we make
for our users?
57. Design meets performance
—What's the best way to load assets?
—fonts: web? iOS/Android? design tools?
—SVG: <img src="foo.svg" />? <svg><path…
>? <svg> + <use />? Base64 in CSS?
—Image optimization:
—SVG (manual optimization to avoid lossy
artifacts?)
—PNG/JPG… or even webp via an image service?
—When? At build time or on the CDN?
58. Developer Experience
—Local development environment
—Fast setup, fast to run, live reload…
—Linter configurations (JS, CSS, Markdown…)
—Locally, in pull requests, CI
—Releasing (ideally: single-button release!)
—Loading JS/CSS in products
—Building a new component…
59. Testing
—Can developers run all tests locally? How fast is
it?
—Visual regression testing
—Accessibility
—Can something like a Chrome Extension help
products test against the design system rules?
61. User research & surveys
—What tools/languages are people already using?
—Dev: React, WordPress, Rails, HTML/CSS, IDEs
—Design: Sketch, Abstract, UXPin, Craft…
—Where do people get blocked? (git is common)
—Who are the casual design systems users and
who are the experts? (useful to find allies)
62. Measure & Monitor
—Analytics on your design system site(s)
—Build times (local boot time, CI)
—# of technologies leveraging the design system
—# of pull requests (+ time to answer/merge)
—MTTR (Mean Time To Repair)
—In production, across all dependant products
—Quality: # of linting errors, a11y issues…
63. Focusing on the right thing
—From this baseline, emit a bunch of hypothesis
—Target your impact where people already spend
their time
—Don't force them to learn new tools for the sake
of it
—Ask yourself what success looks like for “the
business” and how your time can be best used at
this level
64. Aside: on tooling acceptance
Tell people what you're going to do and how you
think this will help them.
Some people can develop a resistance to new
things, make sure to communicate it clearly if you're
going to revolutionize their workflow.
65. If a design system is
“a product, serving
products” (Nathan Curtis).
How do we shape it so that it’s
desirable, respected, maintainable,
beyond taste and technology?
66. How do we make sure it
serves both the interests
of the company and
the interests of the
people using it and
contributing to it?