$30 off During Our Annual Pro Sale. View Details »

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

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. 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