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

Retours d'expérience - Design System London 2019

Retours d'expérience - Design System London 2019

Design Systems France Meetup #8 - REX Design System London #2

Orateurs :
Juliette Bauret, Senior Product Designer @ Freelance
Sisley Roche, Product Designer @ Europcar

Talk :
Dans ce meetup, Juliette et Sisley vous font un retour d'expérience de la dernière conférence Design System London. Elles vous font une sélection des moments les plus impactants et des conférences qui, selon elles, sont les plus intéressantes et stimulantes.

Design Systems France
La communauté dédiée aux concepteurs de Design Systems dans l'éco-système français.
Constuire, apprendre, partager.
https://www.meetup.com/fr-FR/DesignSystemsFrance

Cet évènement a été hébergé par Hiveworks :
www.hiveworks.com

Design Systems France

January 23, 2020
Tweet

More Decks by Design Systems France

Other Decks in Education

Transcript

  1. REX
    DESIGN LONDON

    View Slide

  2. View Slide

  3. Merci

    View Slide

  4. Sisley Roche
    Middle Product Designer
    @EuropcarMobilityGroup


    Vos speakeuses du jour
    Juliette Bauret
    Senior Product Designer
    @IndependantWoman

    View Slide

  5. 14 et 15 Novembre 2019
    Millbank Tower,
    Londres
    https://www.designsystemslondon.com/
    https://twitter.com/dslconf
    Voir les conférences 2019 et 2018
    Design System
    London

    View Slide

  6. Design System
    London
    2e édition organisée par l’agence Yld
    Une journée de conférences et de
    workshop dédiés aux Design
    Systems.
    3 workshops, 11 conférences.

    View Slide


  7. A l’attention de notre aimable audience,
    les conférences ne sont pas exclusivement basées sur
    des sujets anglais ‍♂

    View Slide


  8. A l’attention de notre aimable audience,
    ceci n’est pas un récapitulatif total de la conférence
    mais notre propre sélection

    View Slide

  9. LET’S GOOOOO
    ‍♀‍♂‍♀‍♂
    ‍♀

    View Slide

  10. Le Design System
    en start-up
    avec Miranda Garrido

    View Slide

  11. Miranda
    Garrido
    Head of Product
    chez Bank Novo
    https://www.linkedin.com/in/mirandagarrido
    https://twitter.com/mirandagarrido
    Voir le talk

    View Slide

  12. 12
    Il n'est pas trop tard pour commencer
    un Design System en start-up, mais
    comment ?
    De quoi parle-t-elle ?

    View Slide


  13. Qui travaille
    dans une start-up ?

    View Slide


  14. Qui a participé
    à la création d’un design
    system dans une start-up ?

    View Slide

  15. View Slide

  16. 16
    Ses mises en garde
    - Trop de recherches peut-être une
    surcharge lorsqu'on n'a peu de
    connaissance en Design System.
    - La plupart des designers copient/collent
    un DS existants pour le transformer en le
    leur, ce qui est la moins bonne méthode.

    View Slide

  17. Ses conseils
    pour bien démarrer
    ‍❤‍
    Connexion

    Fidélité

    Vitesse

    View Slide

  18. Fidélité
    Commencer par le branding

    View Slide

  19. 19
    “Make the brand a crucial part
    of your system, because it
    can be a game changer even
    before you have product.”

    View Slide

  20. Vitesse
    Tirez parti des outils open-sources
    existants (bootstrap)

    View Slide

  21. ‍❤‍ Connexion
    La connexion humaine est primordiale !
    Parlez à tout le monde, créez un moyen de communiquer entre
    vous, un langage, construisez une culture d'entreprise et de
    connexion.

    View Slide

  22. 22
    “It begins with you!”

    View Slide

  23. L’importance de
    la culture d’entreprise
    avec Lily Dart

    View Slide

  24. Lily
    Dart
    Head of Design Systems
    @Lloyds Banking Group
    https://www.linkedin.com/in/lilydart
    https://twitter.com/lily_dart
    Voir le talk

    View Slide

  25. View Slide

  26. View Slide

  27. L’ice breaker
    de Lily Dart


    View Slide

  28. L’ice breaker de Lily Dart ❄ ⛏
    Vous êtes à un entretien pour recruter
    quelqu’un.e dans votre équipe, quel(s)
    mot(s) utiliseriez-vous pour décrire la
    culture de votre entreprise ?

    View Slide

  29. L’ice breaker de Lily Dart ❄ ⛏
    Vous êtes avec des amis en train
    de boire un verre, quel(s) mot(s)
    utiliseriez-vous pour décrire la culture
    de votre équipe ?

    View Slide


  30. Qui a approximativement
    les deux mêmes réponses ?

    View Slide

  31. Ce qu’on retient de son talk

    View Slide

  32. Le Design System
    des “utilisateurs experts”
    avec Sue Andor

    View Slide

  33. 33
    Utilisateur.rice interne à l’entreprise, qui
    exécute des tâches opérationnelles et/ou qui a
    une expertise sur un sujet précis.
    Utilisent régulièrement des outils digitaux
    internes.
    Qu’est-ce qu’un utilisateur
    expert ?

    View Slide

  34. Consultante Lead UX
    Freelance pour
    Food Standards
    Authority et Eurostar
    https://www.linkedin.com/in/sueandor/
    https://twitter.com/ux_musings
    Voir le talk
    Qui en parle ?
    Sue Andor

    View Slide

  35. Les interfaces destinées aux experts
    peuvent-elles être construites avec le
    même Design System utilisé pour les
    interfaces des clients ?
    Son questionnement

    View Slide

  36. View Slide

  37. 37
    Effectuer une tâche similaire
    ne signifie pas le même besoin
    Sa réponse

    View Slide

  38. 38
    - Adapter votre Design System
    aux besoins utilisateurs.
    - Créer un Design System en même temps que
    la création du produit.
    Son conseil ‍⚕

    View Slide

  39. La data au service
    des Design Systems
    avec Anja Klüver

    View Slide

  40. Anja
    Klüver
    Service Experience Director
    Prospect (Fondatrice)
    https://www.linkedin.com/in/anj
    a-klüver-60164b/
    Revoir le talk

    View Slide

  41. Scale
    Design Thinking
    Brand Designer
    Methodologies Product Designer
    UX Designer
    System Designer
    UI Designer

    View Slide

  42. View Slide

  43. View Slide

  44. Mesurer l’impact

    View Slide

  45. De manière
    quantitative
    ⏱is

    View Slide

  46. De manière
    qualitative

    is

    View Slide

  47. L’accessibilité
    avec Kathleen McMahon

    View Slide


  48. Qui pense savoir ce qu’est
    l’accessibilité ?

    View Slide


  49. Qui pense avoir un produit
    accessible ?

    View Slide

  50. Kathleen
    McMahon
    Senior Frontend Engineer
    & Design System Tech Lead
    @O'Reilly Media
    https://www.linkedin.com/in/resource11/
    https://twitter.com/resource11
    Voir le talk

    View Slide

  51. 51
    “React fully supports building
    accessible website often by
    using standard HTML and CSS
    techniques.”

    View Slide

  52. Design System est un livre de cuisine
    Sa vision
    React serait un ustensile
    ‍ Vous seriez le cuisiner.

    View Slide

  53. 53
    “Le Design System est le meilleur
    endroit pour incorporer de
    l'accessibilité dans les
    composants.”

    View Slide

  54. Créer un composant est comme suivre
    une recette
    Ingrédient majeur : Sémantique HTML
    Assaisonnement : Attribut ARIA
    Bien suivre la recette : Documentation
    Conseils pratiques : Best practices

    View Slide

  55. View Slide

  56. 56
    - Conseils sur la mise en place de
    l’accessibilité côté dev
    - Outils pour tester ses composants
    - Contre-indications “Placeholders are not
    labels”
    Et ensuite ?

    View Slide

  57. L’IA au service
    du design
    avec Jon Reidy

    View Slide

  58. Jon
    Reidy
    Head of Digital Design
    System Operations
    @HSBC
    https://www.linkedin.com/in/jonreidy/
    Voir le talk

    View Slide

  59. View Slide

  60. View Slide

  61. Et quelques détails
    sur le séjour

    View Slide

  62. Les frais (qui font mal)
    Conférence
    150€

    Eurostar
    120€

    Logement
    Min 60€/nuit

    1 Workshop
    230 à 320€

    View Slide

  63. 63

    View Slide

  64. MERCI

    View Slide

  65. Des questions ?

    View Slide

  66. N’hésitez pas à venir partager
    vos problématiques autour
    des Design Systems sur le slack
    Rejoindre le slack

    View Slide