Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
NOVAUX, Tysons Corner, VA • December 2015
SYSTEMS:

PARTS, PRODUCTS,
& PEOPLE
Nathan Curtis
@nathanacurtis
HELLO!
Nathan Curtis
@nathanacurtis
@nathanacurtis
linkedin.com/in/nathancurtis
@components
NOT COHESIVE
.com Investors Shop Android
COHESIVE?
www.google.com/design/spec/material-design/
http://www.ibm.com/design/language http://harmony.intuit.com/http://style.codeforamerica.org/
http://solid.buzzfeed.com/ht...
MISSION ACCOMPLISHED
We just launched our living style guide!
REMEMBER THE REAL MISSION
Create efficient tooling &
collaborative connections that ship
cohesive, high-quality products
A DESIGN SYSTEM IS…
Our system is (ultimately) an HTML/CSS playbook
for 1 product team to build a consistent design.
http://ux.mailchimp.com/p...
Our system is a design spec, asset library and/or
(maybe) supporting HTML/CSS for our 10 product
teams to share a consiste...
http://www.google.com/design/
Our system is a design spec, asset library, and
structured collaborative activity across 100...
http://www.google.com/design/
The system is a toolkit (often, HTML/CSS)
customized by independent teams on ∞ products
to p...
DESIGN SYSTEMS, SCALED
1
Our system is (ultimately) an HTML/CSS
playbook for 1 product team to build a
consistent design.
...
A scalable framework of decisions & team
behaviors across a product portfolio to
converge on a cohesive experience.
WHAT I...
PARTS
CHALLENGE
“What parts go in it?”
A
A
ATypography Color Iconography
ATypography Color Iconography
Space Motion Imagery Logo Writing tone What else
A DESIGN LANGUAGE’S MOST COMMON THREE:
…AND...
UI ELEMENTS
UI COMPONENTS
PAGE TEMPLATES
http://www.getmdl.io/templates/index.html
LAYOUT SYSTEMS
http://purecss.io/grids/
PATTERNS: SIGN IN
EDITORIAL
CODE http://www.getmdl.io/components/index.html#cards-section
BRANDING RESEARCH/USERS
like personas, mental models
PRACTICES
like accessibility, SEO
VS
DESIGN TEMPLATES
like swatches, ...
PARTS, BY TIME ON SITE
DESIGN LANGUAGE
UI ELEMENTS
UI COMPONENTS
LAYOUTS
BRANDING
EDITORIAL
BEST PRACTICES
ASSETS
ABOUT TH...
DESIGN LANGUAGE
Color
Palettes, by category
Contrast
Meaning
Swatches
UI ELEMENTS
Paragraph
Lead paragraph
Block quote
Hea...
1. Irrelevant Categories: Draw a strong
line / X through categories irrelevant
to your system.
2. Relevant Categories: Cir...
PRODUCTS
CHALLENGE
“What products is it for?”
Home
Account
Hotel Search Book
“Content” iPhoneiPad
Android
WEB APPS
.com
Web App 1 Web App 2
ADDITIONAL APPS
Win App 1
Win App 2 Win App 3
WEB SITES
Community Site
Community Site
Brochures
Events
MARKETING
Win App 1
Win App 2 Win App 3
SITES
WEB APPS
ADDITIONAL APPS
.com...
WWGD?
(What would Google do?)
Search Mail Maps Chrome Calendar
Flagship Secondary Long Tail?
DO
Identify core flagship products
you bond together the most
Prioritize other products that matter
less to tier engagement...
KNOW YOUR PRODUCTS? CAN YOU PRIORITIZE?
PEOPLE
PEOPLE CHALLENGE
“Who’s gonna do the work?”
MODEL 1: SOLITARY
OVERLORDS
DON’T SCALE
MODEL 2: CENTRALIZED
https://vimeo.com/121037431
MODEL 2: CENTRALIZED
PROS
• spread system broadly
• free(er) from bias
• watching for opps
• solicit & manage requests
CON...
https://twitter.com/jina/status/661589501395861504
SKILLS
Information architecture
Interaction design
User experience
Visual design
Writing
Front-end dev
Design research
Con...
ROLES
One person as…
• Product owner
• Editor-in-chief
• Curator
Many people as…
• “Maker” 

(design & dev, usually)
• Wri...
MODEL 3: FEDERATED
CORE TEAM WITH LEADS BY DISCIPLINE
C
Content
I
Interaction
V
Visual
X
eXperience
DRIVING
INFLUENCING
FACILITATING
WATCHING
IGNORING
First things first: You must have
total support from the top.
[A Google-wide design initiative] required the
vision of a CE...
CORPORATE HIERARCHY = ALIGNMENT!
DIGITAL? BRANDPRODUCT TECH
DOING SYSTEM WORK ALIGNING
Team Models for Scaling a
Design System
Evolving Past Overlords to Centralize or Federate
Design Decision-Making Across Pl...
https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
Discussion
DESIGN SYSTEMS

@EIGHTSHAPES
WORKSHOPS
Intro to Systems
Modular Web Design
Component Cut Up
Designing Living Guides
COACHI...
THANKS!
Nathan Curtis
@nathanacurtis
@nathanacurtis
linkedin.com/in/nathancurtis
https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b
Prochain SlideShare
Chargement dans…5
×

https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b Design Systems: Parts, Products & People

21 578 vues

Publié le

https://medium.com/salesforce-ux/the-salesforce-team-model-for-scaling-a-design-system-d89c2a2d404b

Publié dans : Design
  • Visit this site: tinyurl.com/sexinarea and find sex in your area for one night)) You can find me on this site too)
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Like to know how to take easy surveys and get huge checks - then you need to visit us now! Having so many paid surveys available to you all the time let you live the kind of life you want. learn more...➤➤ http://ishbv.com/surveys6/pdf
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • ➤➤ How Long Does She Want You to Last? Here's the link to the FREE report ●●● https://tinyurl.com/rockhardxxx
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Discover the secrets to getting a bigger penis naturally with this 100% free. ★★★ https://tinyurl.com/ydaetwbk
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Sex in your area for one night is there tinyurl.com/hotsexinarea Copy and paste link in your browser to visit a site)
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

×