Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Systems France Meetup #2 - Restitution d...

Design Systems France Meetup #2 - Restitution de Design System London

Design Systems France

December 10, 2018
Tweet

More Decks by Design Systems France

Other Decks in Design

Transcript

  1. Lead UI Designer - Backelite @julesmahe Jules Mahé Maxime Biloé

    Front-End Developer - Weekendesk @maximebiloe Marie-Aline Millot Product Designer - Weekendesk @mariealine_
  2. Transport Eurostar Conférence early bird Workshop Hébergement Airbnb Frais divers

    Total 268 € 330 € 450€ 300€ 150 € 1500 € Investissement Pour 2 personnes
  3. User centric Un Design system est fait pour des humains

    qui sont avant tout nos utilisateurs, ce qu’il ne faut pas perdre de vue. Penser, concevoir et adapter son DS de façon à être facilement utilisé par ses utilisateurs. Demandez vous par qui sera utilisé ce DS : équipe en interne ? Prestataires ? Le client directement… ?
  4. Team Un Design system est fait pour des humains mais

    aussi et surtout par des humains. Et ce sont surtout ces gens derrière le DS qui font sa force, sa différence et son succès. • La combinaison gagnante : 1 dev + 1 designer à temps plein minimum. • Embarquer tous les autres pôles avec vous : communication, direction, PO… • Une équipe dédiée pour la construction du DS mais aussi sa maintenance et son support.
  5. Produit • Utilisateur • Feature • Roadmap • Maintenance •

    Process • Outils • Documentation • Support
  6. Process Faire un inventaire et factoriser Commencer par quelques composants

    Release et communication Tester et collecter les retours Ajouts et bug fixes Itérations
  7. Documentation Tout doit être documenté La documentation et les process

    doivent être plus simple que les choses déjà en place pour les utilisateurs La documentation doit être adaptée à l’audience et facile à trouver
  8. Un identificateur, agnostique, qui correspond à un attribut de conception

    Qu’est-ce qu’un Design Token ? Source : Nathan Curtis, https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421
  9. Évangélisation Avant de se lancer dans la construction d’un DS,

    il y a souvent une phase de communication pour faire comprendre la nécessité d’investir dans un DS auprès de vos collaborateurs et de votre direction. • Avancer des arguments chiffrés et concrets • Montrer par l’exemple • Diffuser des articles et des ressources pour inspirer
  10. Adoption N’oubliez pas que vous aurez beau faire un DS

    le plus abouti possible, s’il n’est pas adopté par vos utilisateurs et vos collaborateurs, il mourra. C’est pourquoi il faut encourager son utilisation. • Office hours / Permanences • Components check-ins • Célébrer les victoires • Créer une identité, des valeurs
  11. Collaboration Enfin, vous n’êtes pas seuls dans votre projet. N’hésitez

    pas à accepter l’aide que l’on vous propose et à inciter les gens à contribuer au DS. • Mettre en place des process clairs • Template de feedback • Encourager les modifications
  12. Aller plus loin sur DSL Design Systems and Creativity by

    Jina Anne Vidéo de la conférence Slides Design Systems: How to foster participation by Inayaili De Leon Vidéo de la conférence Slides Design Systems for the rest of us by Siddharth Kshetrapal Vidéo de la conférence Slides Minimising complexity by Kellie Matheson and Richard Hallows Vidéo de la conférence Slides You've Built a Design System - Now What? by Bethany Sonefeld Vidéo de la conférence Slides Accessibility in the GOV.UK Design System by Nick Colley Vidéo de la conférence Slides Design Systems at Deliveroo: Learnings and Frustrations by Raphael Guilleminot and Matt Vagni Vidéo de la conférence Slides Your Design System has a heart by Hana Lodhi and Antonas Deduchovas Vidéo de la conférence Slides Delivering Flexible Cross Platform Design Systems by Charlie Robbins Vidéo de la conférence Slides Design Systems at scale by Sarah Federman Vidéo de la conférence Slides Design Systems APIs and the developper experience by Diana Mounter Vidéo de la conférence Slides Album photo flickr - Chaîne YouTube