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
   

   View Slide

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

   View Slide

3. Design Systems London
   

   View Slide

4. View Slide

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

   View Slide

6. Design Systems
   

   View Slide

7. View Slide

8. L’aspect humain
   

   View Slide

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

   View Slide

10. View Slide

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.
    

    View Slide

12. Produit
    

    View Slide

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

    View Slide

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
    

    View Slide

15. Flexibilité
    

    View Slide

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
    

    View Slide

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

    View Slide

18. Design Tokens
    

    View Slide

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
    

    View Slide

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

    View Slide

21. Communication
    

    View Slide

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
    

    View Slide

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
    

    View Slide

24. View Slide

25. View Slide

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
    

    View Slide

27. View Slide

28. View Slide

29. Conclusion
    

    View Slide

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
    

    View Slide

31. X
    /DesignSystemsFrance
    /DesignSystemsFr
    designsystems.fr
    

    View Slide