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

Lead UI Designer - Backelite @julesmahe Jules Mahé Maxime Biloé Front-End Developer - Weekendesk @maximebiloe Marie-Aline Millot Product Designer - Weekendesk @mariealine_

Design Systems London

No content

Transport Eurostar Conférence early bird Workshop Hébergement Airbnb Frais divers Total 268 € 330 € 450€ 300€ 150 € 1500 € Investissement Pour 2 personnes

Design Systems

No content

L’aspect humain

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

No content

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.

Produit

Produit ● Utilisateur ● Feature ● Roadmap ● Maintenance ● Process ● Outils ● Documentation ● Support

Process Faire un inventaire et factoriser Commencer par quelques composants Release et communication Tester et collecter les retours Ajouts et bug fixes Itérations

Flexibilité

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

Versioning Adoption asynchrone Anticiper la rupture de rétro-compatibilité Documentation versionnée

Design Tokens

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

Source : https://www.lightningdesignsystem.com/design-tokens/

Communication

É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

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

No content

No content

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

No content

No content

Conclusion

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

X /DesignSystemsFrance /DesignSystemsFr designsystems.fr