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

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

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

73f82a90bab5250087193c95ea45585d?s=128

Design Systems France

December 10, 2018
Tweet

Transcript

  1. Design Systems France Meetup #2 Retour sur la conférence Design

    Systems London
  2. Lead UI Designer - Backelite @julesmahe Jules Mahé Maxime Biloé

    Front-End Developer - Weekendesk @maximebiloe Marie-Aline Millot Product Designer - Weekendesk @mariealine_
  3. Design Systems London

  4. None
  5. Transport Eurostar Conférence early bird Workshop Hébergement Airbnb Frais divers

    Total 268 € 330 € 450€ 300€ 150 € 1500 € Investissement Pour 2 personnes
  6. Design Systems

  7. None
  8. L’aspect humain

  9. 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… ?
  10. None
  11. 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.
  12. Produit

  13. Produit • Utilisateur • Feature • Roadmap • Maintenance •

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

    Release et communication Tester et collecter les retours Ajouts et bug fixes Itérations
  15. Flexibilité

  16. 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
  17. Versioning Adoption asynchrone Anticiper la rupture de rétro-compatibilité Documentation versionnée

  18. Design Tokens

  19. 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
  20. Source : https://www.lightningdesignsystem.com/design-tokens/

  21. Communication

  22. É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
  23. 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
  24. None
  25. None
  26. 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
  27. None
  28. None
  29. Conclusion

  30. 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
  31. X /DesignSystemsFrance /DesignSystemsFr designsystems.fr