SlideShare a Scribd company logo
THE TRUE PURPOSE OF
DESIGN SYSTEMS
THE TRUE PURPOSE OF
DESIGN SYSTEMS
Stefan Ivanov
Sr UX Architect
Infragistics
Developer Tools & UX Tools
Speaker
UX Educator
Entrepreneur @
A set of connected patterns and shared
practices, coherently organized to serve
the purposes of a digital product
Alla Kholmatova
Design Systems
Consistency
Clarity
Efficiency
Beauty
Uniformity
Utility
Coherence
Time Savings
Brand Unity at Scale
Teamwork
Collaboration
Trust
Design Systems
UI controls
Customization
Styles
Guidance
UI symbols
A set of connected patterns and shared
practices, coherently organized to serve
the purposes of a digital product
Alla Kholmatova
Design is…
Your Definition
a process
My Definition
a systematic process
My Definition
Design System
Following a repeatable process with predefined
steps allowing you to
iterate experiment fail
faster in order to craft
a viable and validated digital solution to a problem
A set of connected patterns and shared
practices, coherently organized to serve
the purposes of a digital product
Alla Kholmatova
UI controls
Prototyping and usability studies
Customization
Styles
Generation of code assets
Guidance
UI symbols
Design system
for Sketch
Prototypes &
usability studies
Generate code
for Angular app
Customization
Styles
UI symbols
Code assetsPrototyping
Usability Tests UI controls
Molecules OrganismsAtoms
With some subatomic pieces
Colors
Elevations
Typographies
DEMO
Rather than making small tweaks, you can
affect it in much more profound ways.
Alla Kholmatova
DEMO
THANK YOU!

More Related Content

Similar to The True Purpose of Design Systems

How UI Framework improves design process
How UI Framework improves design processHow UI Framework improves design process
How UI Framework improves design processMarian Mota
 
CASE tools and their effects on software quality
CASE tools and their effects on software qualityCASE tools and their effects on software quality
CASE tools and their effects on software qualityUtkarsh Agarwal
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practicesunildas2009
 
Design for services_lecture
Design for services_lectureDesign for services_lecture
Design for services_lectureAngelica Fontana
 
Best Web Design Company in Kerala - WIS.pptx
Best Web Design Company in Kerala - WIS.pptxBest Web Design Company in Kerala - WIS.pptx
Best Web Design Company in Kerala - WIS.pptxWeb India Solutions
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperienceguest1bcbc9
 
Architecting For Ux
Architecting For UxArchitecting For Ux
Architecting For UxJosh Holmes
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin
 
User eXperience & Front End Development
User eXperience & Front End DevelopmentUser eXperience & Front End Development
User eXperience & Front End Developmentandreafallaswork
 
A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010adrian8three
 
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...UX STRAT
 
Building a Design System: A Practitioner's Case Study
Building a Design System: A Practitioner's Case StudyBuilding a Design System: A Practitioner's Case Study
Building a Design System: A Practitioner's Case Studyuxpin
 
Scalable Design Systems with Sketch
Scalable Design Systems with SketchScalable Design Systems with Sketch
Scalable Design Systems with SketchLaura Van Doore
 
Prototyping invision vs axure
Prototyping invision vs axurePrototyping invision vs axure
Prototyping invision vs axureAndrii Rusakov
 
Uml diagram assignment help
Uml diagram assignment helpUml diagram assignment help
Uml diagram assignment helpsmithjonny9876
 
User Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise SoftwareUser Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise SoftwareSoCal UX Camp
 
Redesign Design (duo version)
Redesign Design (duo version)Redesign Design (duo version)
Redesign Design (duo version)matteo cavucci
 
Design system presentation - How to sell it internally
Design system presentation - How to sell it internallyDesign system presentation - How to sell it internally
Design system presentation - How to sell it internallyEugene Kardash
 

Similar to The True Purpose of Design Systems (20)

How UI Framework improves design process
How UI Framework improves design processHow UI Framework improves design process
How UI Framework improves design process
 
CASE tools and their effects on software quality
CASE tools and their effects on software qualityCASE tools and their effects on software quality
CASE tools and their effects on software quality
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practice
 
Design for services_lecture
Design for services_lectureDesign for services_lecture
Design for services_lecture
 
Best Web Design Company in Kerala - WIS.pptx
Best Web Design Company in Kerala - WIS.pptxBest Web Design Company in Kerala - WIS.pptx
Best Web Design Company in Kerala - WIS.pptx
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
 
Architecting For Ux
Architecting For UxArchitecting For Ux
Architecting For Ux
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and Artifacts
 
User eXperience & Front End Development
User eXperience & Front End DevelopmentUser eXperience & Front End Development
User eXperience & Front End Development
 
A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010
 
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...
UX STRAT USA, Mike Hubler and Tim Klauda, "Changing the Culture of Consumer a...
 
Building a Design System: A Practitioner's Case Study
Building a Design System: A Practitioner's Case StudyBuilding a Design System: A Practitioner's Case Study
Building a Design System: A Practitioner's Case Study
 
Scalable Design Systems with Sketch
Scalable Design Systems with SketchScalable Design Systems with Sketch
Scalable Design Systems with Sketch
 
Prototyping invision vs axure
Prototyping invision vs axurePrototyping invision vs axure
Prototyping invision vs axure
 
Basics of UX Research
Basics of UX ResearchBasics of UX Research
Basics of UX Research
 
Uml diagram assignment help
Uml diagram assignment helpUml diagram assignment help
Uml diagram assignment help
 
User Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise SoftwareUser Experience Design in Agile Development for Enterprise Software
User Experience Design in Agile Development for Enterprise Software
 
Vsts
VstsVsts
Vsts
 
Redesign Design (duo version)
Redesign Design (duo version)Redesign Design (duo version)
Redesign Design (duo version)
 
Design system presentation - How to sell it internally
Design system presentation - How to sell it internallyDesign system presentation - How to sell it internally
Design system presentation - How to sell it internally
 

More from Stefan Ivanov

Design in the New Normal
Design in the New NormalDesign in the New Normal
Design in the New NormalStefan Ivanov
 
One for all and all for one
One for all and all for oneOne for all and all for one
One for all and all for oneStefan Ivanov
 
Digital Design in Bulgaria
Digital Design in BulgariaDigital Design in Bulgaria
Digital Design in BulgariaStefan Ivanov
 
Understanding users without getting bored
Understanding users without getting boredUnderstanding users without getting bored
Understanding users without getting boredStefan Ivanov
 
Design strategy for constrained productivity tools
Design strategy for constrained productivity toolsDesign strategy for constrained productivity tools
Design strategy for constrained productivity toolsStefan Ivanov
 
Measuring usability workshop
Measuring usability workshopMeasuring usability workshop
Measuring usability workshopStefan Ivanov
 
The quest for player centrism
The quest for player centrismThe quest for player centrism
The quest for player centrismStefan Ivanov
 
The Case Behind User Experience
The Case Behind User ExperienceThe Case Behind User Experience
The Case Behind User ExperienceStefan Ivanov
 
Designing for constrained productivity
Designing for constrained productivityDesigning for constrained productivity
Designing for constrained productivityStefan Ivanov
 
Design through empathy
Design through empathyDesign through empathy
Design through empathyStefan Ivanov
 
Storyboards - telling the stories of your users visually
Storyboards - telling the stories of your users visuallyStoryboards - telling the stories of your users visually
Storyboards - telling the stories of your users visuallyStefan Ivanov
 
Gamification - a player centered design process
Gamification - a player centered design processGamification - a player centered design process
Gamification - a player centered design processStefan Ivanov
 
Emotion and usability
Emotion and usabilityEmotion and usability
Emotion and usabilityStefan Ivanov
 
Mobile Wireframing with Indigo Studio
Mobile Wireframing with Indigo StudioMobile Wireframing with Indigo Studio
Mobile Wireframing with Indigo StudioStefan Ivanov
 
Web Usability Metrics JSNext Bulgaria 2014
Web Usability Metrics JSNext Bulgaria 2014Web Usability Metrics JSNext Bulgaria 2014
Web Usability Metrics JSNext Bulgaria 2014Stefan Ivanov
 
wUX applying UX principles to wearable tech and smart textiles
wUX applying UX principles to wearable tech and smart textileswUX applying UX principles to wearable tech and smart textiles
wUX applying UX principles to wearable tech and smart textilesStefan Ivanov
 
Mobile UX - tips and tricks for better apps
Mobile UX - tips and tricks for better appsMobile UX - tips and tricks for better apps
Mobile UX - tips and tricks for better appsStefan Ivanov
 
The nine golden rules of interface design
The nine golden rules of interface designThe nine golden rules of interface design
The nine golden rules of interface designStefan Ivanov
 

More from Stefan Ivanov (20)

Design in the New Normal
Design in the New NormalDesign in the New Normal
Design in the New Normal
 
One for all and all for one
One for all and all for oneOne for all and all for one
One for all and all for one
 
Digital Design in Bulgaria
Digital Design in BulgariaDigital Design in Bulgaria
Digital Design in Bulgaria
 
Understanding users without getting bored
Understanding users without getting boredUnderstanding users without getting bored
Understanding users without getting bored
 
Design in Bulgaria
Design in BulgariaDesign in Bulgaria
Design in Bulgaria
 
Design strategy for constrained productivity tools
Design strategy for constrained productivity toolsDesign strategy for constrained productivity tools
Design strategy for constrained productivity tools
 
Measuring usability workshop
Measuring usability workshopMeasuring usability workshop
Measuring usability workshop
 
The quest for player centrism
The quest for player centrismThe quest for player centrism
The quest for player centrism
 
The Case Behind User Experience
The Case Behind User ExperienceThe Case Behind User Experience
The Case Behind User Experience
 
Measuring Usability
Measuring UsabilityMeasuring Usability
Measuring Usability
 
Designing for constrained productivity
Designing for constrained productivityDesigning for constrained productivity
Designing for constrained productivity
 
Design through empathy
Design through empathyDesign through empathy
Design through empathy
 
Storyboards - telling the stories of your users visually
Storyboards - telling the stories of your users visuallyStoryboards - telling the stories of your users visually
Storyboards - telling the stories of your users visually
 
Gamification - a player centered design process
Gamification - a player centered design processGamification - a player centered design process
Gamification - a player centered design process
 
Emotion and usability
Emotion and usabilityEmotion and usability
Emotion and usability
 
Mobile Wireframing with Indigo Studio
Mobile Wireframing with Indigo StudioMobile Wireframing with Indigo Studio
Mobile Wireframing with Indigo Studio
 
Web Usability Metrics JSNext Bulgaria 2014
Web Usability Metrics JSNext Bulgaria 2014Web Usability Metrics JSNext Bulgaria 2014
Web Usability Metrics JSNext Bulgaria 2014
 
wUX applying UX principles to wearable tech and smart textiles
wUX applying UX principles to wearable tech and smart textileswUX applying UX principles to wearable tech and smart textiles
wUX applying UX principles to wearable tech and smart textiles
 
Mobile UX - tips and tricks for better apps
Mobile UX - tips and tricks for better appsMobile UX - tips and tricks for better apps
Mobile UX - tips and tricks for better apps
 
The nine golden rules of interface design
The nine golden rules of interface designThe nine golden rules of interface design
The nine golden rules of interface design
 

Recently uploaded

CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfSudhanshuMandlik
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdffabianavillanib
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasanasabutalha2013
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionPixel poets
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyJaime Brown
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designerbitwgin12
 

Recently uploaded (14)

CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 

The True Purpose of Design Systems