Comment pourrions-nous faciliter les démarches pour devenir actionnaire Air Liquide ?
DATES
Septembre 2019 - Novembre 2019
TYPE DE PROJET
Projet professionnel
SOLUTION
Site web (version desktop & mobile)
OUTILS
Figma & trello
PARTICIPANT.E.S
- Jean Mazoyer - UX/UI Design, gestion de projet, recettage
- Nandia brice - UX/UI Design, gestion de projet, recettage
Le projet et ses enjeux
INTRO
“Devenir actionnaire” , voici des termes qui peuvent évoquer, dans l’imaginaire collectif, un processus complexe voire même abstrait, impressionnant et long ; or, pas tant que ça. En réalité, c’est (plus) accessible et faisable en peu d’étapes.
PROBLÉMATIQUE
Comment pourrions-nous faciliter les démarches pour devenir actionnaire Air Liquide ?
LA SOLUTION EN BREF
Nous avons facilité les démarches pour devenir actionnaire Air Liquide en digitalisant le processus de création de compte actionnaire.
La solution se présente sous la forme d’un parcours de création de compte, et plus précisément d’un parcours découpé en 5 grandes étapes. Cette première mécanique, ainsi que d’autres que nous verrons plus bas, permet à l’utilisateur se rendre compte que le processus est semblable à celui qu’il aurait pu expérimenter dans des circonstances plus courantes (avec des produits/services “classiques”) ; et ainsi de démystifier l’actionnariat.
Pour y parvenir, il a été nécessaire de tenir compte de plusieurs enjeux, à savoir :
- L'introduction d'une nouvelle approche
- L'introduction de nouveaux usages
- La collecte de données personnelles
On ne réinvente pas la roue, on l’utilise ; dans les coulisses de la solution
Introduction
Un écran d’introduction pour entamer son parcours en toute confiance et sérénité. En délivrant de l’information sur le parcours et les actions à venir cet écran permet à l’utilisateur d’anticiper (le téléchargement de documents) et ainsi, de ne pas être pris au dépourvu.
Homogénéité & cohérence
De l’homogénéité et la cohérence pour maintenir et renforcer la confiance et la sérénité. En capitalisant sur l’image et la notoriété d’un acteur comme Air Liquide d’une part. D’autre part, en appliquant et en assurant les choix graphiques sur l’intégralité de l’interface. Cette seconde partie tient compte de la reprise d’éléments graphiques existants (couleurs, polices, logo) et de l’intégration de nouveaux composants comme des pictogrammes (en faisant attention à rester dans l'esprit de la charte).
Enfin, mais pas des moindres ; c’est aussi s’assurer du ton employé ou encore du bon positionnement des éléments et de leur maintien d’une maquette à l’autre.
Découper & orienter
Pour conseiller, informer et conduire l’utilisateur dans ses interactions et dans le traitement de l’information ; ce point vient compléter ce qui a été évoqué plus haut. Pour ce faire, un indicateur de progression accompagné de numéros et de labels a été mis en place ; l'indicateur de progression c'est :
- Permettre à l’utilisateur d’avoir une représentation de ce qui a été complété, d’où il se situe dans le parcours, ce qui va venir et de ce qui reste à compléter.
- Limiter la charge et l’effort cognitif en rendant le parcours moins abstrait, plus digeste et ordonné (l'analyse et la compréhension du contenu sont plus faciles).
- Plus incitatif. L’utilisateur peut se projeter et anticiper les actions ; il se trouve ainsi dans de bonnes conditions pour réaliser des tâches et sera moins susceptible d’abandonner ces dernières.
En effet, des études ont montré que donner de la visibilité aux utilisateurs sur ce qui est attendu réduit, de manière plus ou moins drastique, les abandons. - Responsive. Passage d'un affichage vertical sur desktop à un affichage horizontal sur mobile ; on tient ainsi compte des habitudes des utilisateurs.
Accompagner en continu
Grâce aux tooltips et cards d’information. Les informations essentielles, telles que les consignes, sont disposées dans des cards de sorte à être directement visibles et accessibles. Tandis que les informations secondaires sont consultables via des tooltips ; se faisant, l’information présentée est optimale et - reste - accessible.
Accompagner en continu, en permanence
Notamment en prévenant et en aidant l’utilisateur dans la gestion des erreurs (consignes, messages d’erreurs explicites).
Ci-contre, quelques exemples où l’utilisateur a un feedback suite à la détection d’une erreur (mauvaise saisie/mauvaise correspondance) ou à l’impossibilité de continuer son parcours (parce que l’utilisateur n’est pas majeur ou est une personne morale). Après la détection de l’erreur, des actions lui sont proposées pour y pallier, dans le cas - présent - où l’utilisateur est une personne morale, il est invité à prendre contact avec Air Liquide.
Être reconnaissant
Enfin, après l’effort la reconnaissance ; un message vient confirmer la bonne prise en compte des informations renseignées. C’est également une opportunité pour remercier l’utilisateur d’avoir fourni ces efforts.
Le résultat
Merci d'avoir pris le temps de lire ce use case, vous pouvez dès à présent consulter l'intégralité de la version mobile du prototypage de la solution.
Pour une expérience optimale, je vous invite à visualiser le prototype en mode plein écran !
