Upload
quenton-longmire-cook
View
142
Download
1
Embed Size (px)
Citation preview
�8
WHATS COMING !
What is a “design API”? Why worry? !
How can you do it? !
What issues will you face? !
How we roll.
�9
WHATS COMING !
What is a “design API”? Why worry? !
How can you do it? !
What issues will you face? !
How we roll.
A definition
–People will always make and communicate design choices. !
–Scaling means coordinating that process consciously and deliberately.
�14
�19
WHATS COMING !
What is “scaling design”? Why worry? !
How can you do it? !
What issues will you face? !
How we roll.
What are the defining characteristics of an API?
�29
Expected Behavior + Software Library + Documentation
What are the defining characteristics of a design API?
�30
Principles + Design Framework + Documentation
Expected Behavior + Software Library + Documentation
�35
WHATS COMING !
What is “scaling design”? Why worry? !
How can you do it? !
What issues will you face? !
How we roll.
�40
WHATS COMING !
What is “scaling design”? Why worry? !
How can you do it? !
What issues will you face? !
How we roll.
Spotify Design Principles
�43
These are just an example. !
They are tailored to: •Our Brand •Our Product Strategy •Our Core Beliefs
!!!
1. Live in the code 2.Live online 3.Never be out of sync
�51
Requirements:
KSS Knyle Style Sheets- by Kyle Neath | @kneath
CODE SAMPLE�52
// A button suitable for giving stars to someone.//// :hover - Subtle hover highlight.// .stars-given - A highlight indicating you've already given a star.// .stars-given:hover - Subtle hover highlight on top of stars-given styling.// .disabled - Dims the button to indicate it cannot be used.//// Styleguide 2.1.3.a.button.star{ ... &.star-given{ ... } &.disabled{ ... }}
�54
WHATS COMING !
What is “scaling design”? Why worry? !
How can you do it? !
What issues will you face? !
How we roll.