UXINDIA2019: India's biggest international conference on User Experience Design which is being celebrated on Sep 9, 10 & 11 at Novotel HICC, Hyderabad.
#ux #uxindia #uxindia2019 #designthinking #uxi19 #uxconference #umodesign
Never sweat about pixels again
Design System at Scale by Qubole
Direct your design system movie
So, what is a Design System?
"Design System is essentially are collection of rules, constraints and
principles, implemented in design and code. These 3 attributes serve
distinct functions and provide coherent systematic order in systems
from buttons to single page applications."
Design system the mysterious hero?
Mailchimp Voice and tone
Material Design Guidelines
The bad guys
Now, characterize your hero
"The purpose of this design system is to provide
uniform set of guidelines for all varied user
interfaces of Qubole. Space is designed with the
mission of adding breath of fresh air to the
everyday UI, turning even mundane tasks in to
delight for qubole's customer."
People with Budget, Authority, Need
(277-190) hours × $45.00 × 11 deliveries × 6 teams) / 55% = $469,800
gradual growth of design system = gradual
decline in inconsistency + gradual increase in
the speed of software development
How do you get started?
Put on a pilot show - bring all the
Define success criteria and key metrics early as a team
Some common metrics
Time saved per feature Delivery Increase Bugs Reduction Usability metrics
Start with Interface Inventory
Add some Character
Align your thoughts with moodboarding
The Color Palette
Identify the primary colors using your
Components that talk to each other
Atoms are basically our basic html tags
Molecules combining atoms to do something
together and define meaning
Organisms are group of molecules combined
together to a relative task
Templates are group of organisms stitched to
Distributing your movie
Choose your tools
Use zeplin to sync the design system
Finally documentation, the heart of
the Design System.
"Write as much as possible, because if
you don’t document it doesn’t exist"
One important thing...
Add enough color contrast
Don’t use color alone to make critical
Space (Qubole Design System)