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

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