🛒 Booster les ventes et réduire l'abandon du panier

Qu'est-ce que les modèles de conception  (design patterns) ?

• Les design patterns sont des solutions récurrentes qui permettent de résoudre les problèmes quotidiens liés à l'interface. Ils constituent des références incontournables pour les concepteurs. Pensez par exemple au défilement infini qui continue de charger ou aux fils d'Ariane qui vous indiquent où vous vous trouvez. Ce ne sont là que quelques exemples de modèles d'interface utilisateur que nous reconnaissons tous plus ou moins. Lorsque je conçois un nouveau produit, je commence toujours par déterminer la manière la plus simple pour vos utilisateurs d'interagir avec celui-ci.
  ‍
• Pensons maintenant à quelque chose que nous faisons tout le temps : la connexion et l'inscription.
  ‍
• Nous sommes tous d'accord pour dire que taper son nom et son mot de passe à chaque fois est pénible. Dans cet article, nous allons voir :

Étape 1 : analyser le problème

Les gens manquent de temps et de patience. Devoir effectuer sans cesse de petites tâches simplement pour accéder à leurs données ou terminer leur travail est frustrant. Le problème ici est donc le suivant : les utilisateurs veulent se connecter rapidement.

Étape 2 : trouver des moyens d'éliminer ce point faible

Nous commençons à chercher des raccourcis. Inutile de réinventer la roue à chaque fois.

Catégories des design patterns

Données + saisie – formulaires, saisie automatique, étiquettes flottantes.

Structuration du contenu – cartes, grilles, éléments modulaires.

Navigation – barres supérieures, menus latéraux, fils d'Ariane, onglets. Incitations – flux d'intégration, barres de progression, récompenses.    

Hiérarchie – description détaillée, fenêtre ouverte, accordéon. Réseaux sociaux – connexions aux comptes sociaux, boutons de partage, fils de commentaires.

Réseaux sociaux – connexions via les réseaux sociaux, boutons de partage, commentaires.

Pourquoi les design patterns sont-ils si utiles ?

• Nous savons déjà où cliquer. Lorsque nous arrivons sur un site ou une application mobile, nous savons instinctivement sur quel élément appuyer, car nous avons déjà vu ce modèle auparavant. Toutes ces expériences passées nous fournissent une carte mentale, nous évitant ainsi d'avoir à deviner. Vous n'aurez pas besoin de créer un tout nouveau modèle pour quelque chose qui est déjà courant.
  

• Les utilisateurs atteignent leurs objectifs plus rapidement. L'introduction d'un modèle familier permet aux utilisateurs de passer moins de temps à comprendre le fonctionnement du site. Certains craignent que l'utilisation des mêmes modèles donne aux sites un aspect « standardisé », mais la plupart des concepteurs s'accordent à dire que le compromis en vaut la peine. Vous pouvez toujours modifier légèrement l'apparence pour l'adapter à votre marque, mais l'avantage principal est une expérience plus fluide et plus agréable.

• Les design patterns réduisent la charge cognitive. Si les utilisateurs savent déjà comment fonctionne un bouton, un carrousel ou un modal, ils ne gaspillent pas leur énergie à réfléchir à la marche à suivre. Moins de réflexion = moins d'abandons, et c'est exactement ce que nous voulons pour fidéliser les utilisateurs et réduire le nombre de paniers abandonnés. En tant que designers, nous y gagnons également, car nous n'avons pas à réinventer les interactions de base pour chaque projet.

• Nous évite de réinventer constamment la roue. Les modèles vous offrent une solution toute faite, vous permettant de vous concentrer sur les aspects uniques de votre produit au lieu de résoudre sans cesse les mêmes problèmes.

Comment je mets en application les design patterns?

• ‍Étape 1 : J'identifie le problème à résoudre. Je recherche les problèmes d'ergonomie à l'aide de données réelles. Exemple : votre panier présente un taux d'abandon élevé.

• Étape 2 : Je recherche d'autres produits qui ont résolu ce problème. Pour cela, je consulte les concurrents ou les leaders du secteur. Et j'observe comment Amazon, eBay et Etsy gèrent le paiement. Nous n'avons pas besoin de tout copier, il suffit de voir quel modèle correspond à notre projet.

• Étape 3 : J'analyse la manière dont ils ont mis en œuvre le modèle. J'évalue l'efficacité de chaque approche et la compare à votre objectif. Dans notre cas, l'objectif est d'inciter les acheteurs à finaliser leur commande.

Sur Amazon, je vais sélectionner un article et cliquer sur « Acheter maintenant ».

‍

Le site me demande de saisir mon adresse e-mail si je souhaite me connecter, mais il ne me permet pas d'acheter un produit sans créer un compte Amazon.

Vous devez donc saisir votre nom, votre adresse e-mail, votre mot de passe, puis confirmer votre mot de passe. Cela fonctionne probablement pour une entreprise aussi grande qu'Amazon, car elle compte un nombre considérable d'adeptes. Mais si notre entreprise ne propose pas autant de produits, je ne suis pas sûre que les gens soient prêts à faire autant d'efforts pour acheter quelque chose, ce qui explique probablement pourquoi nous avons un taux d'abandon du panier dès le départ. Je ne suis pas sûr que ce soit le type de modèle que nous devrions utiliser, du moins pour le moment.

‍

Sur Amazon , je vais sélectionner un article et cliquer sur « Acheter maintenant ». Le site me demande de saisir mon adresse e-mail si je souhaite me connecter.

Mais il ne me permet pas d'acheter un produit sans créer un compte Amazon. Vous devez donc saisir votre nom, votre adresse e-mail, votre mot de passe, puis confirmer votre mot de passe. Cela fonctionne probablement pour une entreprise aussi grande qu'Amazon, car elle compte un nombre considérable d'adeptes. Mais si notre entreprise ne propose pas autant de produits, je ne suis pas sûr que les gens seraient aussi motivés pour faire quelque chose de similaire, ce qui explique probablement pourquoi nous avons un taux d'abandon dès le départ. Je ne suis pas sûr que ce soit le type de modèle que nous devrions utiliser, du moins pour le moment.

Car Amazon oblige les utilisateurs à créer un compte complet avant d'effectuer un achat. Cela fonctionne pour une grande marque, mais peut créer des frictions pour une boutique plus petite.

Voyons à quoi cela ressemble lorsque nous passons à la caisse en tant qu'invité sur Ebay.

C'est très intéressant, car nous avons différentes options. Nous pouvons ajouter notre adresse de livraison si nous voulons passer commande en tant qu'invité. Nous pouvons également payer avec Paypal. C'est également très intéressant. Il semble donc que Paypal soit une option, et je ne suis pas sûre que ce modèle nous convienne, mais peut-être que si le site web permettait aux utilisateurs de cliquer sur Paypal et de remplir leur adresse, cela fonctionnerait.

eBay propose donc un paiement en tant qu'invité avec PayPal en option. Idéal pour les utilisateurs qui ne souhaitent pas créer de compte, mais nécessite tout de même la saisie d'une adresse.

Sur Etsy, Lorsque nous ajoutons un article au panier et cliquons sur « Passer à la caisse », nous pouvons continuer en tant qu'invité, nous pouvons nous connecter ou nous pouvons utiliser un identifiant social. J'aime le fait qu'ils aient rendu cette option beaucoup plus visible que la connexion classique. Il est plus facile pour les utilisateurs de faire cela plutôt que de passer par tout le processus d'inscription.

‍

Que se passe-t-il si nous continuons en tant qu'invité ? Nous devons alors saisir notre adresse de livraison, et je pense que c'est là que cela devient un peu plus difficile et long pour les utilisateurs, car ils doivent continuer à s'occuper de cela. À mon avis, il est beaucoup plus facile d'utiliser la connexion via les réseaux sociaux, qui permet de suivre très facilement ce processus. Vous disposez de plusieurs options.

‍

‍Etsy affiche de manière visible les options « Continuer en tant qu'invité », « Se connecter » et « Connexion via les réseaux sociaux ». La connexion via les réseaux sociaux est la méthode la plus rapide, car elle permet aux utilisateurs de ne pas remplir la plupart des champs.

‍‍

‍

‍

‍

Étape 4 : Je choisis le modèle qui résout votre problème. Dans cette étape, nous devons analyser les sites web qui utilisent la connexion via les réseaux sociaux et, en gros, nous pouvons nous en servir pour personnaliser notre modèle en fonction de nos besoins.

Sur Etsy, si nous payons avec Paypal, nous pouvons automatiquement accéder au site.  Ce qui est très pratique.

Mais si nous ne voulons pas le faire, et si les utilisateurs n'ont pas de compte ou s'ils veulent utiliser une carte Visa ou Master Card, ils peuvent simplement continuer, et ils se retrouvent ici :

et ce qui est génial, c'est qu'ils sont automatiquement mis en surbrillance, comme si le champ de connexion était automatiquement sélectionné, ce qui est formidable. Mais l'action principale est en tant qu'invité ou pour se connecter via les réseaux sociaux, ce qui est vraiment génial. Cela permet d'utiliser Paypal et de passer rapidement à la caisse. Mais cela vous permet également de passer à la caisse en tant qu'invité, de vous connecter très facilement si vous avez un compte, et éventuellement de vous connecter ou de vous inscrire via une plateforme de réseau social.

Je pense donc que c'est un modèle de conception vraiment très solide qu'ils ont mis en place et qu'ils ont légèrement modifié.

Conclusion : les design patterns constituent une boîte à outils de solutions éprouvées qui nous permettent de créer des interfaces que les utilisateurs comprennent déjà. J'identifie les points faibles, j'étudie le marché, j'analyse les modèles, puis les adapte à votre produit. Je satisferai ainsi vos utilisateurs, réduis leur effort cognitif et n'aurai plus à réinventer la roue à chaque fois.