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 de l’« 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 rendre satisfaisante 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 s’y plaît, il effectuera des actions telles qu’acheter un produit, s’abonner ou prendre contact. Le taux de conversion augmentera. Une chose entraînant une autre, Google s’apercevra que l’application en question plaît aux utilisateurs. Il la valorisera et la rendra plus visible.

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

Le saviez-vous ? L’UX design ne s’applique pas seulement au web ! Pensez au ketchup Heinz. Pour faciliter 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, en période de tests utilisateurs, est de savoir écouter et comprendre les retours des utilisateurs. Qu’ils soient positifs ou négatifs — et d’autant plus 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 sont 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 libellés et affichent clairement si le champ est obligatoire ou non.
• Il existe de nombreux éléments inspirant confiance auprès de 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’informations sur le produit et le décrivent bien.
• Par contre, sur le panier, il n’y a pas de bouton « passer la commande », seulement le choix du moyen de paiement. Ce n’est qu’une fois le moyen de paiement choisi 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ées. Cela implique que le site est très lent à se charger. Google nous indique que les causes de ce long chargement sont :
  • Un mauvais traitement et une mauvaise optimisation des images
  • Une quantité trop importante de code JavaScript
  • Peu ou pas d’optimisation du code du site

Chez Apple, lorsqu’un utilisateur veut acheter un produit, il peut le personnaliser. Mais pour ne pas submerger l’utilisateur de questions, Apple a travaillé l’UX de la fiche produit pour que la personnalisation se fasse par étapes.

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 indique ensuite le montant total du produit, ainsi que les modalités et les délais de livraison et de retrait en magasin.
6. Le bouton « Ajouter au panier »
7. Un élément de réassurance indiquant que, si on hésite, on peut ajouter le produit à 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 ! On n’a 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’étapes pour acheter son produit. Pour les achats impulsifs, c’est parfait. L’utilisateur peut acheter un produit en moins d’une minute. 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 consultent 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 pratiques :

• 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 mis en avant pour être bien distingués du reste de la page.

Lorsque l’on va sur Airbnb 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 option pratique permet de déplacer la carte vers une autre ville ou un autre pays et d’y lancer 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 la location ou modifier les dates en fonction des disponibilités du bien.

Pour ce site de voyage en Laponie finlandaise, le travail sur l’expérience utilisateur est particulièrement visible. En effet, selon les préférences de l’utilisateur, le site ne s’affichera pas de la même façon. Si les utilisateurs ont paramétré leur ordinateur ou leur téléphone en mode sombre, le site s’affichera en mode sombre. S’ils ont les paramètres par défaut, le site s’affichera en mode clair.

Une autre source de satisfaction pour l’utilisateur est présente sur ce site. Lors du paiement de la réservation, la page de paiement s’adaptera en fonction de la localisation de l’utilisateur. C’est-à-dire que, si l’utilisateur se trouve aux États-Unis, la page s’affichera en anglais et la devise sera le dollar.

Lorsqu’un utilisateur souhaite se créer un compte sur Qonto, il doit franchir plusieurs étapes et renseigner des champs. 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ée se déclenche aussi pour indiquer à l’utilisateur qu’il peut demander de l’aide s’il est bloqué.