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

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
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
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… ?
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
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
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