L’UX Design sous tous ses angles

1. Qu’est-ce que l’UX design ?

Dans cet article, je vais tout le temps employer le terme UX design. Mais, il faut savoir que UX signifie “User eXperience”, en français expérience utilisateur. Il est clair que, lorsqu’on sait ce que UX signifie, le sens d’UX design est plus limpide.

L’UX design regroupe tout le travail effectué sur un site internet, une application ou encore un objet connecté pour satisfaire l’expérience que l’utilisateur a en le parcourant. L’idée qui se cache derrière l’UX design, c’est de réfléchir et de concevoir un parcours utilisateur intuitif et le plus simple possible.

Il faut savoir que l’UX contribue fortement au développement d’une marque. En effet, si l’utilisateur se plaît dessus, il va faire des actions comme acheter un produit, s’abonner ou encore prendre contact. Et donc, le taux de conversion va augmenter. Une chose en entrainant une autre, Google va s’apercevoir que l’application en question plaît aux utilisateurs. Il va donc la valoriser et la rendre plus visible.

Attention, en UX design, il n’a pas de code ! L’UX design est fait en amont, avant que les développeur commencent à coder.

Le saviez-vous ? L’UX design ne s’applique pas seulement au web ! Pensez au Ketchup Heinz. Pour facilité l’utilisation des bouteilles de ketchup, l’UX designer de chez Heinz a pensé à mettre le bouchon vers le bas !

Le plus important pour un UX designer, c’est, en période de test utilisateur, de savoir écouter et comprendre les retours des utilisateurs. Qu’ils soient positifs ou négatifs. Et surtout s’ils sont négatifs ! Il faut savoir se remettre en question et changer son fusil d’épaule si besoin. Une idée n’est jamais totalement arrêtée, on peut toujours la perfectionner.

Étudions cet audit en détail

• Les éléments de la page d'accueil sont clairs. On y retrouve les produits affichés clairement avec des mises en situation. La navigation est ordonnée de façon logique pour l'utilisateur. Enfin le titre de la page et son url son simples et mémorables.
• La navigation est simple et l'accès aux produits ne demande pas plus de 2 ou 3 clics. Pour naviguer d'une page à l'autre, la navigation est présente. La structure du site est simple.
• Les formulaires contiennent des valeurs par défaut pour aider l'utilisateur. Ils contiennent aussi des labels et affichent clairement si le champ est obligatoire ou non.
• Il existe de nombreux élément inspirant confiance à l'utilisateur. Le contenu est à jour et il y a peu de fautes d'orthographe. Le site dispose d'une messagerie instantanée pour aider l'utilisateur.
• Pour le catalogue produit, il est possible d'ajouter des filtres pour mieux trouver un produit. Les pages produit contiennent beaucoup d'information sur le produit et le décrive bien.
• Par contre, sur le panier, il n’y a pas de bouton “passer la commande”, seulement un choix de moyen de paiement. Ce n’est qu’une fois le moyen de paiement choisit qu’on ajoute ses informations personnelles.
• Ensuite, il n’y a pas de champ de recherche pour l’e-commerce pour rechercher un produit spécifique.
• Pour finir, parlons des vitesses de chargement qui sont assez élevés. Cela implique que le site est très lent à se charger. Google nous indique que la cause de se long chargement sont :
  • Un mauvais traitement et une mauvaise optimisation des images
  • Une quantité trop importante de code javascript
  • Peu voir pas d'optimisation du code du site

Chez Apple, lorsqu'un utilisateur veut acheter un produit, il peut le personnaliser. Mais, pour ne pas envahir l'utilisateur avec plein de questions, Apple a travaillé l'UX de la fiche produit pour que la personnalisation se fasse en étape.

Dans l'ordre, on a :

1. Choix du modèle
2. Choix de la finition
3. Choix de la capacité
4. Choix de la garantie
5. Apple nous indique ensuite le montant total du produit, les modalités et délais de livraison et de retrait en magasin.
6. Le bouton "Ajouter au panier'
7. Un élément de réassurance nous indiquant que si on hésite, on peut ajouter le produit dans une liste de souhaits.

Et, si la personnalisation nécessite un coût supplémentaire, le prix est indiqué juste à côté de la personnalisation.

Sur l'application Amazon, on achète encore plus vite un produit ! Même plus besoin de passer par le panier. Maintenant, d'un glissement de doigt on passe une commande. L'utilisateur a donc encore moins d'étape pour acheter son produit. Pour les achats impulsifs, c'est parfait. L'utilisateur peut acheter un produit en moins d'une minutes. Les informations habituelles de livraison et de paiement sont pré-enregistrées, l'utilisateur n'a donc rien à faire.

La documentation Django est un très bon exemple d'UX. En effet, elle est conçue pour être pratique à utiliser et pour donner l'information en très peu de clics. Les personnes qui vont sur cette documentation sont des développeurs qui n'ont pas le temps de lire de multiples pages pour avoir l'information.

Toutes les catégories sont rangées et triées sur la home. Lorsqu'on a trouvé sur la home ce qu'on recherche, on arrive sur une page de détail. Sur la droite se trouve un sommaire très détaillé et un champ de recherche. Ensuite, en bas de la page on retrouve des données très pratique :

• Le choix de la version de la documentation
• Le choix de la langue

Les éléments importants de la page comme des notes ou du code sont mit en avant pour être bien distingués du reste de la page.

Lorsque l'on va sur Air BnB pour réserver un séjour ou une activité, l'expérience utilisateur est totalement réussie. Une fois une destination et une date d'arrivée renseignées, on arrive sur une page avec une carte. Sur cette carte, on peut voir tous les logements disponibles et leur prix. Une super option permet de faire glisser la carte sur une autre ville ou un autre pays et d'y associer une recherche de logement.

Depuis la page de recherche, on a :

• Une carte interactive
• Une liste de logements
• Le prix de chaque logement
• De nombreux filtres comme le prix, le type de logement ou les divers équipements du bien

Ensuite, lorsqu'on choisit un bien, on peut réserver sa location ou alors changer les dates en fonction des disponibilités du bien.

Pour ce site de voyage en Laponie finlandaise, il y a un travail sur l'expérience utilisateur extrêmement visible. En effet, selon les préférences de l'utilisateur, le site internet ne va pas s'afficher de la même façon. Pour les utilisateurs qui ont paramétré leur ordinateur ou leur téléphone en mode sombre alors, le site internet va s'afficher en mode sombre. Et, s'ils ont les paramètres de base, alors le site s'affichera en mode clair.

Une autre satisfaction utilisateur est présente sur ce site. Lors du paiement de la réservation, la page de paiement va s'adapter en fonction de la localisation de l'utilisateur. C'est-à-dire que si l'utilisateur se trouve aux États-Unis alors la page va être affichée en anglais et en devise dollars.

Lorsqu'une utilisateur souhaite se créer un compte sur Qonto, il a plusieurs étapes à franchir et de champs à renseigner. Bon, quand je dis plusieurs, on est à moins de 10 !

Les champs sont clairement décrits, l'utilisateur n'est donc pas perdu, il n'y a aucun terme technique, aucun texte trop long. Tout est fait pour que l'utilisateur lise vite, comprenne vite et passe rapidement à l'étape suivante.

La messagerie instantanées se déclenche aussi pour indiquer à l'utilisateur qu'il peut demander de l'aide s'il est bloqué.