Commentaires récents

    Welcome On Mobius

    Mobius was created by professionnal coders and passionate people.

    We made all the best only for you, to enjoy great features and design quality. Mobius was build in order to reach a pixel perfect layout.

    Mobius includes exclusive features such as the Themeone Slider, Themeone Shorcode Generator and Mobius Grid Generator.

    Our Skills

    WordPress90%
    Design/Graphics75%
    HTML/CSS/jQuery100%
    Support/Updates80%

    Coyote System – Mise en place d’un Design System de l’alerting

    By adminaurelie 6 mois ago
    Home  /  Portfolio Item  /  Coyote System – Mise en place d’un Design System de l’alerting

     Le projet :

    Coyote est une société qui fabrique des assistants d’aide à la conduite. Dans le but d’améliorer la technologie des produits et leur expérience utilisateur, j’ai mené une mission UX afin de satisfaire davantage les utilisateurs sur l’usage des produits.

    Mission : Définition d’un Design System de l’alerting Coyote.
    Comme nous allions redéfinir le design global des applications sur la manière d’afficher les alertes, il était nécessaire de mettre en place toute une bibliothèque d’éléments, de règles et de guidelines pour permettre ensuite de construire les différents produits sur un socle commun.

    Le but étant :

    • d’accélérer en interne le flux de travail des équipes avec un Design System homogène et prédéfini
    • de travailler sur une expérience cohérente des différents produits (application mobile, plusieurs boîtiers assistants à la conduite)
    • d’améliorer au final l’expérience utilisateur

     Déploiement :

    • Refonte et mise en place du Design System de l’alerting du service Coyote
    • Mise en place d’une méthodologie UX en interne
    • Reflexion centrée utilisateur
    • Déclinaison sur tous les supports Coyote
    • Création de prototypes animés avec annonces vocales, vidéo synchronisée sur le prototype pour plonger l’utilisateur en condition quasi-réelle
    • Mise en place d’un laboratoire de Test en interne
    • Tests utilisateurs à grande échelle  : 65 personnes (Province et Ile de France)

    Méthodes :

    • Méthodes Agiles
    • Evangelisation de l’UX en interne – partage de la méthodologie au sein des équipes
    • Design thinking

    Durée :

    Mission de 10 mois.

    Mon rôle :

    Voici les différentes étapes du projet sur lesquelles j’ai travaillé :

    Recherche utilisateur100%
    Atelier Workshop100%
    Interview utilisateurs100%
    Prototypage100%
    Mise en place d'un laboratoire de Test100%
    Test utilisateur à grande échelle100%
    Design System100%

    01. La Démarche :

    Cadrage : Comment mettre en place et structurer un Design System ?
    J’avais besoin de définir les différents éléments utiles en terme de livrables pour ensuite construire ma démarche. J’ai pu ainsi remonter les différents éléments nécessaires pour obtenir les informations et les éléments de recherche pour construire une méthode de travail.

     Les livrables :

    • Un Design principe : Le principe de conception de l’alerting chez Coyote.
      Apporter la bonne information, au bon moment avec la juste intensité
      tout en limitant la distraction en situation de conduite et donc de sécurité.
      Cela consiste à travailler sur la ligne directrice de l’apparition des événements, sur la manière dont ils vont émerger, leur format ainsi que sur la sollicitation des différents sens. Il s’agit de la bonne combinaison de l’utilisation du design sonore, vocal et visuel.
    • Styles Guides : Apporter les différentes règles d’utilisation du produit. Cela passe par le travail sur la forme, l’iconographie, le design sonore, la typographie, la hiérarchisation de l’information, les espaces, …)
    • Bibliothèque de composants : Bibliothèque des différents éléments récurrents de l’interface classés par catégories. Définition des différents gabarits types et différents cas d’usage pour les événements.

    02. Découverte :

    Ainsi, j’ai donc commencé une première phase de découverte pour obtenir : la vision de l’équipe en interne, les ressentis et points de douleurs des utilisateurs, un état de l’art / audit sur les éléments existants. Le tout afin d’obtenir les painpoints pour améliorer l’expérience utilisateur et construire en équipe le futur Design System.

    Les outils :
    *  Ecoute Interviews utilisateurs / analyses de sondages
    *  Audit
    *  Benchmark
    *  Etat de l’art
    *  Recherche utilisateurs : Analyse des sondages, rencontre des utilisateurs dans les stores

    image floutée pour cause de confidentialité

    03. Idéation :


    * Atelier de co-création :

    • Atelier Vision du projet
    • Atelier Définition / catégorisation :
      • Langage commun en interne
      • Lister les alertes
      • Tri de carte pour catégoriser les alertes
      • Prioriser les alertes
    • Experience Map en interne  : synthèse des besoins et pain point interne pour le mise en place d’un outil de gestion
    • Workshop co-création prototypage : 6to1

    * Synthèse des ateliers/ restitution

    image floutée pour cause de confidentialité

    04. Définition :

    De cette recherche utilisateur est née un principe de conception, nous commencions à définir le nouveau Design System :

    • Variété  : des catégories et informations
    • Mouvement
    • Proportion
    • Rythme et sollicitation
    • Gestuelle
    • Design sonore
    • Vocal
    • Echelle hiérarchique
    • Unité
    • Emphasis : couleur, formes, contraste, taille

    05. Conception :

    Travail sur la conception d’étude de cas et mise en place du parcours de plusieurs alertes.
    * Expérimentation
    * Parcours utilisateurs
    * Wireframes & Prototype (Sketch + Flinto)

    06. Tests utilisateurs :

    Tout au long du projet de l’alerting, j’ai mis en place plusieurs phases de tests. Nous avons commencé par des Guérilla tests réalisés en interne pour tester les premières ébauche du Design System mis en place, sur sa compréhension et  sa viabilité. Le projet est passé par 3 phases de tests, l’idée était d’itérer à chaque fois pour améliorer l’expérience au fur et à mesure avant d’avancer sur la définition et déclinaison du Design System.

    Le 3 ème test a été organisé avec 65 utilisateurs. L’objectif de ces tests à grande échelle était de rencontrer nos utilisateurs et de nouvelles cibles pour connaître leur perception sur le nouveau prototype. Nous voulions nous assurer que les utilisateurs existants et nouveaux allaient adhérer aux améliorations proposées. Nous avons menés ces tests sur 3 villes (Lille, Lyon et Ile de France) pour recueillir les différentes expériences de conduite.

    Pour mener les tests en Ile de France, j’ai mis en place la création d’un laboratoire de Test au sein de chez Coyote. Cette salle de test qui sera ensuite utilisée pour tester différents projets et recherche utilisateur dans l’entreprise. Afin d’être en situation de conduite, nous avons mis en place un dispositif avec siège baquet, volant, vidéo d’un trajet synchronisé avec le prototype projeté sur écran. En effet, l’attention n’est pas la même lorsque nous sommes au volant et la sollicitation doit être juste pour la sécurité des utilisateurs. Plusieurs webcams sont installées pour filmer le visage, les réactions de l’utilisateur, le prototype, les actions menées et l’écran de la vidéo. Cela permet aux équipes de Coyote de suivre à distance les tests sans perturber ou biaiser le test.

    Ces tests ont été une grande source de richesse sur la perception des prototypes et sur d’autres aspects également auxquels nous ne nous attendions pas. Ils nous ont permis, chacun leur tour d’améliorer et être encore plus en phase des besoins et attentes des utilisateurs.

    * Mise en place d’un laboratoire de test
    * Test à grande échelle 60 personnes
    * Vidéo synchronisée au prototype
    * Rédaction de guide d’animation
    * Rainbow Spreedsheet
    * Synthèse et analyse des résultats
    * Restitution des tests utilisateurs
    * Recommandations

    this work was shared 0 times
     000
    About

     adminaurelie

      (24 articles)