Fermer

avril 20, 2018

Ce que vous devez savoir pour augmenter les conversions de paiement sur mobile


L'indexation mobile de Google est ici. Eh bien, pour certains sites Web de toute façon. Pour le reste d'entre nous, il sera bientôt là, et nos sites Web doivent être en pleine forme si nous ne voulons pas que les classements de recherche soient affectés par le changement.

rien de nouveau. Nous avons créé des expériences personnalisées pour les utilisateurs mobiles depuis des années, donc la plupart de nos sites Web devraient être en mesure d'y remédier …

Voici le problème: la recherche montre que l'appareil dominant par lequel les utilisateurs accèdent au Web, en moyenne c'est le smartphone. Certes, cela pourrait ne pas être le cas pour tous les sites Web, mais les données indiquent que c'est la direction dans laquelle nous nous dirigeons, et que chaque concepteur de sites Web devrait s'y préparer.

Cependant, les conversions de caisses mobiles sont, pour c'est carrément, pas bon. Il y a un certain nombre de raisons à cela, mais cela ne signifie pas que les concepteurs de m-commerce devraient prendre cette position.

Comme de plus en plus d'utilisateurs mobiles utilisent leurs appareils intelligents pour accéder au Web, les sites Web doivent être mieux conçus. pour leur donner l'expérience de paiement simplifiée, pratique et sécurisée qu'ils veulent. Dans le résumé suivant, je vais explorer certains des obstacles à la conversion dans la caisse mobile et me concentrer sur ce que les concepteurs Web peuvent faire pour améliorer l'expérience.

Pourquoi les conversions de caisse mobile sont-elles en retard?

données, la priorité de l'expérience mobile dans nos stratégies de conception de sites Web est une initiative intelligente pour tous les intervenants. Les gens dépensant environ 51% de leur temps avec les médias numériques à travers les appareils mobiles (contre seulement 42% sur le bureau), les moteurs de recherche et les sites Web doivent vraiment s'aligner sur les tendances des utilisateurs.

Bien que cette statistique donne une image positive à l'appui de la conception de sites Web avec une approche mobile-première, d'autres statistiques circulent qui pourraient vous en faire peur. Voici ce que je dis: Le rapport trimestriel de Monetate sur le commerce électronique publié pour le premier trimestre de 2017, contenait des données très intéressantes

Dans ce premier tableau, ils ventilent le pourcentage de visiteurs sur les sites de commerce électronique. en utilisant différents appareils entre le premier trimestre 2016 et le premier trimestre 2017. Comme vous pouvez le constater, l'accès Internet des smartphones a dépassé celui des ordinateurs de bureau:

Site Web Visites par appareil Q1 2016 T2 2016 T3 2016 T4 2016 T1 2017
Traditionnel 49,30% 47,50% 44,28% 42,83% 42,83%
Téléphone intelligent 36,46% 39,00% [19659017] 43,07% 44,89% 44,89%
Autre 0,62% 0,39% 0,46% 0,36% 0,36%
Comprimé 13,62 % 13,11% 12,19% 11,91% 11,91%

Conclusions de Monetate sur les dispositifs utilisés pour accéder à Internet. ( Source )

Dans cet ensemble de données suivant, nous pouvons voir que le taux de conversion moyen des sites de commerce électronique n'est pas très élevé. En fait, le nombre a considérablement diminué depuis le premier trimestre de 2016.

Taux de conversion T1 2016 T2 2016 T3 2016 T4 2016 T1 2017
Mondial 3,10% 2,81% 2,52% 2,94% 2,48%

Conclusions de Monetate sur les taux de conversion globaux du commerce électronique (pour tous les appareils). ( Source )

Encore plus choquant est la répartition entre les taux de conversion des dispositifs:

Taux de conversion par dispositif T1 2016 T2 2016 T3 2016 ] T4 2016 T1 2017
Traditionnel 4,23% 3,88% 3,66% 4,25% 3,63%
Comprimé 1,42% 1,31 1,17% 1,49% 1,25%
Autre 0,69% 0,35% 0,50% 0,35% 0,27%
Smartphone [19659017] 3,59% 3,44% 3,21% 3,79% 3,14%

Résultats de Monetate sur les taux de conversion moyens, ventilés par dispositif. ( Source )

Les smartphones reçoivent régulièrement moins de conversions que les ordinateurs de bureau, bien qu'ils soient le principal moyen par lequel les utilisateurs accèdent au Web.

Quel est le problème ici? Pourquoi sommes-nous capables d'amener les gens vers des sites mobiles, mais nous les perdons à la caisse?

Dans son rapport de 2017 intitulé " Hiérarchie des besoins de Mobile ," comScore décompose les cinq principales raisons pour lesquelles les caisses mobiles les taux de conversion sont si bas:

 Raisons pour lesquelles le commerce mobile ne convertit pas
Les raisons les plus communes pour lesquelles les acheteurs de commerce électronique ne convertissent pas. (Image: comScore ) ( Voir en plus grande version )

Voici la répartition des raisons pour lesquelles les utilisateurs mobiles ne convertissent pas:

  • 20.2% – problèmes de sécurité
  • 19.6% – détails du produit pas clairs
  • 19.6% – impossibilité d'ouvrir plusieurs onglets du navigateur
  • 19,3% – difficulté à naviguer
  • 18,6% – difficulté à entrer des informations

Ce sont des raisons plausibles de passer du smartphone au bureau pour terminer un achat (si elles n'ont pas été complètement désactivées par l'expérience à ce moment-là

En résumé, nous savons que les consommateurs veulent accéder au Web via leurs appareils mobiles. Nous savons également que les obstacles à la conversion les empêchent de rester en place.

10 façons d'augmenter les conversions de caisses mobiles en 2018

Pour la plupart des sites Web que vous avez conçus, vous ne verrez probablement pas beaucoup de changement dans le classement des recherches lorsque Google l'indexation mobile-first devient officielle.

Vos conceptions mobiles-friendly peuvent être «assez bonnes» pour maintenir vos sites Web au dessus de la recherche (commencer, quoi qu'il en soit), mais que se passe-t-il si les visiteurs ne restent pas? Est-ce que Google commencera à vous pénaliser parce que votre site Web ne peut pas sceller l'affaire avec la majorité des visiteurs? En toute honnêteté, ce scénario ne se produira que dans les cas extrêmes, où la caisse mobile est si mal construite que les taux de rebond grimperont en flèche et que les gens cesseront de vouloir visiter le site Web

. n'encourt pas de pénalités de Google. C'est génial … à des fins de référencement. Mais qu'en est-il des affaires? Votre but est d'amener les visiteurs à se convertir sans distraction et sans friction. Pourtant, cela semble être ce que les visiteurs mobiles obtiennent.

À l'avenir, votre objectif doit être double:

  • pour concevoir des sites Web avec la mission et les lignes directrices mobiles de Google,
  • pour garder les utilisateurs mobiles Sur le site Web jusqu'à ce qu'ils achèvent un achat.

Essentiellement, cela signifie diminuer la quantité de travail que les utilisateurs doivent faire et améliorer la visibilité de vos mesures de sécurité. Voici ce que vous pouvez faire pour concevoir plus efficacement des extractions mobiles pour les conversions.

1. Gardez les essentiels dans la zone du pouce

La recherche sur la façon dont les utilisateurs tiennent leur téléphone portable est désormais un vieux chapeau. Nous savons que, qu'elles utilisent l'approche à une ou deux mains, certaines parties de l'écran mobile ne sont pas pratiques pour les utilisateurs mobiles. Et quand l'opportunité est attendue lors de la commande, c'est quelque chose que vous ne voulez pas déranger.

Pour les utilisateurs solitaires, le milieu de l'écran est le principal terrain de jeu:

 remis mobile
Les bonnes, bonnes et mauvaises zones pour les utilisateurs mobiles en solitaire. (Image: Matches UX ) ( Voir la version longue )

Bien que les utilisateurs qui bercent leurs téléphones pour plus de stabilité ont quelques options pour les doigts à utiliser pour interagir avec l'écran, seulement 28% utilisent leur index. Alors, concentrons-nous sur les capacités des utilisateurs de pouce, ce qui, encore une fois, donne la plus grande importance à la partie centrale de l'écran:

 La zone du pouce et de l'index pour bercer mobile
les utilisateurs mobiles qui bercent leurs téléphones. (Image: Matches UX ) ( Voir la version longue )

Certains utilisateurs tiennent leur téléphone à deux mains. Parce que l'orientation horizontale est plus susceptible d'être utilisée pour la vidéo, cela ne sera pas pertinent pour la caisse mobile. Donc, faites attention à combien d'espace de cet écran est raisonnablement à la portée du pouce de l'utilisateur:

 La ​​zone du pouce pour vertical et horizontal
Les bonnes, bonnes et mauvaises zones pour les utilisateurs mobiles à deux mains. (Image: Matches UX ) ( Voir la version longue )

En résumé, nous pouvons utiliser la décomposition de Smashing Magazine pour savoir où concentrer le contenu, indépendamment de la tenue à gauche, à droite ou à deux mains d'un smartphone:

 Où la zone du pouce idéale est sur mobile
Un résumé de l'endroit où les bonnes, OK et mauvaises zones sont sur les appareils mobiles. (Image: Smashing Magazine ) ( Voir la plus grande version )

Le site Web de JCPenney est un bon exemple de la façon de procéder:

 La forme de JCPenney est dans la zone du pouce
Le formulaire de contact de JCPenney commence au milieu de la page. (Image: JCPenney ) ( Voir la grande version )

Alors que les informations sont incluses en haut de la page de paiement, les champs de saisie ne commencent pas avant le milieu de la page – directement dans la zone du pouce idéale pour les utilisateurs de tout type. Cela garantit que les visiteurs qui tiennent leur téléphone de quelque manière que ce soit et qui utilisent différents doigts pour interagir avec lui n'auront aucun problème à atteindre les champs du formulaire.

2. Minimiser le contenu pour maximiser la vitesse

Nous avons appris à maintes reprises que la conception minimale est la meilleure pour les sites Web. Cela est particulièrement vrai dans les caisses mobiles, où une expérience déjà lente ou frustrante pourrait facilement pousser un client à bout, quand tout ce qu'ils veulent faire est fait avec l'achat.

Pour maximiser la vitesse pendant le processus de paiement mobile, gardez les conseils suivants à l'esprit:

  • Ajoutez seulement l'essentiel à la caisse. Ce n'est pas le moment d'essayer d'inciter à la vente incitative ou croisée, de promouvoir les médias sociaux ou de détourner l'attention de l'action en cours.
  • Gardez la caisse libre de toutes les images. Les seuls visuels attrayants qui sont vraiment acceptables sont les marques de confiance et les appels à l'action (plus sur ces derniers)
  • Tout texte inclus sur la page devrait être de nature pédagogique ou descriptive.
  • Éviter toute stylisation spéciale des polices. Moins votre page de paiement est "wouah", plus il sera facile pour les utilisateurs de passer à travers le processus.

Regardez le site Web Staples 'comme exemple d'un paiement d'une seule page très simple. Ressemble à:

 Le paiement d'une seule page pour Staples
Staples a un paiement d'une page avec un nombre minimal de champs à remplir. (Image: Staples ) ( Voir la plus grande version )

Comme vous pouvez le voir, Staples n'encombre pas le processus de paiement avec des images de produits, de branding, de navigation, de liens internes ou tout autre élément qui pourrait (1) détourner l'attention de la tâche ou (2) »

Non seulement cette page de paiement sera facile à utiliser, mais elle se chargera rapidement et sans problème à chaque fois – ce dont les clients se souviendront la prochaine fois qu'ils devront faire un achat . En gardant vos pages de paiement légères dans la conception, vous assurer une expérience rapide dans tous les aspects.

3. Mettez-les à l'aise avec des labels de confiance

Un label de confiance est un indicateur sur un site Web qui permet aux clients de savoir: «Hey, il n'y a absolument rien à craindre ici. Nous conservons vos informations en toute sécurité! "

La seule marque de confiance que chaque site Web de m-commerce devrait avoir? Un certificat SSL. Sans un, la barre d'adresse n'affiche pas le signe de verrouillage ou le nom de domaine vert https – les deux permettent aux clients de savoir que le site a un cryptage supplémentaire.

Vous pouvez également utiliser d'autres marques de confiance à la caisse

 Big Chill utilise un sceau de confiance RapidSSL
Big Chill inclut un sceau de confiance RapidSSL pour informer les clients que ses données sont cryptées. (Image: Big Chill ) ( Voir en plus grande version )

Bien que vous puissiez utiliser les logos de Norton Security Conformité PCI et d'autres logiciels de sécurité pour informer les clients de la protection de votre site Web, les utilisateurs peuvent également être reconnus. des noms. Quand vous y réfléchissez, ce n'est pas très différent de l'affichage de logos d'entreprise à côté des témoignages de clients ou dans les appels qui se targuent de vos connexions de grands noms. Si vous pouvez exploiter un partenariat comme ceux mentionnés ci-dessous, vous pouvez utiliser la confiance inhérente à votre avantage.

Prenez 6pm qui utilise une option "Connexion avec Amazon" à la caisse:

 6pm utilise un label de confiance Amazon
6pm utilise le nom Amazon comme marque de confiance. (Image: 18:00 ) ( Voir en plus grande version )

C'est une décision intelligente pour une marque qui n'a certainement pas la reconnaissance de la marque qu'une entreprise comme Amazon a. En offrant aux clients une option pratique pour se connecter à une marque synonyme de rapidité, de fiabilité et de confiance, l'entreprise peut maintenant se faire connaître pour les mêmes qualités de paiement que pour Amazon.

Ensuite, il existe des pages de paiement mobiles comme un sur Sephora :

 Marque de confiance PayPal de Sephora
Sephora utilise un fournisseur de passerelle de paiement de confiance comme marque de confiance. (Image: Sephora ) ( Voir en plus grande version )

Sephora utilise également cette technique pour tirer parti du nom d'une autre marque afin de renforcer la confiance au moment du paiement. Dans ce cas, cependant, il offre aux clients deux options claires: Découvrez avec nous dès maintenant, ou hop sur PayPal, qui prendra soin de vous en toute sécurité. La sécurité étant une préoccupation majeure qui empêche les clients mobiles de se convertir, ce type de marque de confiance et de mode de paiement est une bonne chose pour Sephora.

4. Facilitez l'édition

En règle générale, ne prenez jamais un visiteur (quel que soit l'appareil) à l'écart de ce qu'il fait sur votre site Web. Il y a déjà assez de distractions en ligne; la dernière chose dont ils ont besoin est vous pour les orienter dans une direction qui les empêche de se convertir.

À la caisse, cependant, vos clients pourraient se sentir obligés de faire exactement cela s'ils décident qu'ils veulent couleur différente, la taille ou la quantité d'un article dans leur panier. Plutôt que de les laisser revenir en arrière sur le site, donnez-leur une option d'édition en caisse pour les garder en place.

Victoria's Secret le fait bien:

 Victoria's Secret modifier lightbox à la caisse
Victoria's Secret ne force pas les utilisateurs à passer à la caisse pour modifier les articles. (Image: Le secret de Victoria ) ( Voir la version longue )

Lorsqu'ils arrivent à l'écran de paiement, les clients voient la liste des articles qu'ils sont sur le point d'acheter. Lorsque le grand bouton "Modifier" à côté de chaque élément est cliqué, une boîte à lumière (illustrée ci-dessus) s'ouvre avec les variations du produit. C'est essentiellement la page du produit original, juste superposée à la caisse. Les utilisateurs peuvent ajuster leurs options et enregistrer leurs modifications sans avoir à quitter la page de paiement.

Si vous constatez, en passant en revue les analyses de votre site, que les utilisateurs reviennent parfois après avoir passé la commande, vous pouvez le voir dans l'entonnoir ajoutez cette fonctionnalité d'édition intégrée. En empêchant ce mouvement inutile de revenir en arrière, vous pourriez vous épargner des conversions perdues à partir de clients confus ou distraits.

5. Activer les options de paiement express

Lorsque les consommateurs consultent un site Web de commerce électronique via un appareil de bureau, ce n'est probablement pas grave s'ils doivent saisir leur nom d'utilisateur, leur adresse électronique ou leurs informations de paiement à chaque fois. Bien sûr, si cela peut être évité, ils trouveront des moyens de le contourner (comme permettre au site Web de sauvegarder leurs informations ou utiliser un gestionnaire de mot de passe tel que LastPass).

Mais sur mobile, ré-entrer cette information est une douleur. surtout si les formulaires de contact ne sont pas bien optimisés (plus de détails ci-dessous). Pour simplifier le processus de connexion et de paiement pour les utilisateurs mobiles, considérez les moyens de simplifier le processus:

  • Autoriser la commande client.
  • Autoriser la validation accélérée en un clic.
  • Activer un- cliquez sur connexion depuis une source fiable, comme Facebook.
  • Activez le paiement sur le site Web d'un fournisseur de services de confiance, comme PayPal, Google Wallet ou Stripe.

L'une des bonnes choses à propos de Sephora 's Sephora permet aux clients d'enregistrer les informations de connexion

Sephora permet aux clients de retour de rester connectés, pour éviter cela lors de la vérification . (Image: Sephora ) ( Voir la version longue )

Lorsque les clients mobiles se sentent pressés et veulent passer à la prochaine étape du processus de paiement, la fonction de connexion automatique de Sephora serait vraiment utile et encouragerait les clients à acheter plus fréquemment sur le site Web mobile.

Les sites Web attendent jusqu'au bas de la page de connexion pour indiquer aux clients quels types d'options ils ont pour vérifier. Mais plutôt que de les surprendre tard, Victoria's Secret affiche cette information en gros boutons gras tout en haut:

 Victoria's Secret options de paiement express
Victoria's Secret simplifie et accélère le paiement en offrant trois attrayants options (Image: Le secret de Victoria ) ( Voir la version longue )

Les clients ont le choix de se connecter avec leur compte, de s'enregistrer en tant qu'invité ou d'aller directement à PayPal. Ils ne sont pas surpris de découvrir plus tard que leur méthode préférée de paiement ou de paiement n'est pas offerte.

J'adore aussi comment Victoria's Secret a choisi de faire cela. Il y a quelque chose de bien à propos du bouton "Sign In" aux couleurs vives, assis à côté du bouton "Check Out as a Guest". Pour l'un, il ajoute un soupçon de couleurs de la marque Victoria's Secret à la caisse, ce qui est toujours une belle touche. Mais la façon dont les boutons sont colorés indique également clairement ce que l'action principale doit être (c'est-à-dire créer un compte et se connecter)

. Ajouter Breadcrumbs

Lorsque vous envoyez des clients mobiles à la caisse, la dernière chose que vous voulez est de leur donner des distractions inutiles. C'est pourquoi la barre de navigation standard du site (ou menu hamburger) est généralement supprimée de cette page.

Néanmoins, le processus de commande peut être intimidant si les clients ne savent pas ce qui les attend. De combien de formulaires auront-ils besoin pour remplir? Quel type d'information est nécessaire? Auront-ils l'occasion de revoir leur commande avant de soumettre les détails du paiement?

Si vous avez conçu un paiement de plusieurs pages, apaisez les craintes de vos clients en définissant chaque étape avec une navigation en haut de page clairement identifiée. En outre, cela donnera à votre caisse une conception plus propre, réduisant le nombre de clics et le défilement par page.

Hayneedle a un bel exemple de navigation au fil d'Ariane en action:

 Hayneedle checkout breadcrumb navigation [19659091] La chapelure de Hayneedle est propre et facile à trouver. (Image: <a href= Hayneedle ) ( Voir la plus grande version )

Vous pouvez voir que trois étapes sont éclatées et clairement étiquetées. Il n'y a absolument aucune question ici sur ce que les utilisateurs vont rencontrer dans ces étapes non plus, ce qui aidera à mettre leurs esprits à l'aise. Trois étapes semblent assez raisonnables, et les utilisateurs auront une chance de revoir l'ordre une fois de plus avant de terminer l'achat.

Sephora a un style alternatif de "chapelure" dans sa caisse:

 numéroté Sephora breadcrumbs navigation
La chapelure numérotée de Sephora apparaît lorsque vous complétez chaque section. (Image: Sephora ) ( Voir la plus grande version )

Plutôt que de placer chaque «fil d'Ariane» en haut de la page de paiement, les clients de Sephora peuvent voir quelle est la prochaine étape, ainsi que le nombre d'autres à venir pendant leur progression dans le formulaire. est une bonne option à prendre si vous préférez ne pas rendre la navigation supérieure ou la chapelure collante. Au lieu de cela, vous pouvez prioriser l'appel à l'action (CTA), ce qui vous incitera peut-être à motiver le client à descendre la page et à terminer son achat.

Je pense que ces deux conceptions de fil d'Ariane sont valides. Donc, il pourrait être utile de les tester A / B si vous n'êtes pas sûr de ce qui conduirait à plus de conversions pour vos visiteurs.

7. Formatez judicieusement le formulaire de commande

Une bonne conception de formulaire de paiement mobile suit une formule assez stricte, ce qui n'est pas surprenant. Bien qu'il existe des façons de contourner les règles sur le bureau en termes de structure du formulaire, le nombre d'étapes par page, l'inclusion d'images et ainsi de suite, vous n'avez vraiment pas ce genre de flexibilité sur mobile.

vous devrez être méticuleux lors de la création du formulaire:

  • Créez chaque champ du formulaire de commande afin qu'il s'étende sur toute la largeur du site Web.
  • Limitez les champs à l'essentiel.
  • Étiquetez clairement chaque champ
  • Utilisez au moins une police de 16 points de pixels
  • Formatez chaque champ de manière à ce qu'il soit assez grand pour pouvoir être utilisé sans zoomer.
  • Utilisez une marque reconnaissable pour indiquer quand quelque chose est nécessaire (comme un astérisque).
  • Toujours informer les utilisateurs lorsqu'une erreur a été commise immédiatement après que l'information a été entrée dans un champ.
  • Placez l'appel à l'action tout en bas du formulaire. le formulaire de commande est l'élément le plus important qui fait passer les clients Le processus de commande, vous ne pouvez pas vous permettre de jouer avec une formule éprouvée. Si les utilisateurs ne peuvent pas aller de fond en comble, si les champs sont trop difficiles à utiliser, ou si la fonctionnalité du formulaire lui-même est truffée d'erreurs, alors vous pourriez aussi bien embrasser vos achats mobiles (et peut-être vos achats en general) Au revoir

    Crutchfield montre comment créer des champs de formulaires très conviviaux sur mobile:

     Champs de formulaire de grande taille sur la caisse de Crutchfield
    Champs de formulaire sur la caisse de Crutchfield page sont grandes et difficiles à manquer. (Image: Crutchfield ) ( Voir la grande version )

    Comme vous pouvez le voir, chaque champ est assez grand pour cliquer dessus (même avec de gros doigts). Le contour gras autour du champ actuellement sélectionné est également une belle touche. Pour un client qui est multitâche et distrait par quelque chose autour d'eux, retourner au formulaire de commande serait beaucoup plus facile avec ce type de format.

    Sephora encore une fois, gère la caisse mobile de la bonne façon. Dans ce cas, je veux attirer votre attention sur le bouton "Place Order" grisé:

     Utilisation intelligente de l'appel à l'action de Sephora à la caisse
    Sephora utilise l'appel à l'action comme un guide pour les clients qui pas fini le formulaire. (Image: Séphora ) ( Voir la grande version )

    Le bouton indique aux clients qu'ils ne sont pas encore prêts à soumettre leurs informations d'achat, ce qui est génial. Même si le formulaire est magnifiquement conçu – tout est bien étiqueté, les champs sont grands, et le formulaire est organisé logiquement – les utilisateurs mobiles pourraient accidentellement défiler trop loin et ne le sauraient pas avant de cliquer sur le bouton d'appel à l'action .

    Si vous pouvez empêcher les utilisateurs de recevoir cette redoutable erreur «informations manquantes», vous ferez mieux de conserver leurs achats.

    8. Simplifier la saisie de formulaire

    Pour approfondir un peu ces formulaires de contact, voyons comment simplifier la saisie de données sur mobile:

    • Permet aux clients d'utiliser la fonctionnalité de saisie semi-automatique de leur navigateur pour remplir des formulaires. tabindex Directive HTML permettant aux clients d'appuyer sur une flèche de haut en bas dans le formulaire. Cela maintient leurs pouces dans une plage confortable sur le smartphone à tout moment, au lieu d'atteindre constamment pour puiser dans un nouveau champ.
    • Ajouter une case à cocher qui copie automatiquement les informations d'adresse de facturation sur les champs d'expédition. le clavier selon le type de champ tapé.

    Un exemple de ceci est Bass Pro Shops 'Site mobile:

     Le formulaire de paiement Bass Pro utilise un clavier intelligent
    Chaque champ Dans le formulaire de caisse Bass Pro, les utilisateurs disposent du bon type de clavier. (Image: Bass Pro Shops ) ( Voir la plus grande version )

    Pour les débutants, le clavier utilise la fonctionnalité de tabulation (voir les flèches haut et bas juste au-dessus du clavier). Pour les clients avec des doigts courts ou qui sont impatients et veulent simplement taper sur le clavier, les onglets permettent de garder les mains en un seul endroit, accélérant ainsi la vérification.

    Aussi, lorsque les clients se placent dans un champ réservé aux nombres (comme pour leur numéro de téléphone), le clavier change automatiquement, ils n'ont donc pas à changer manuellement. Encore une fois, c'est une autre façon de faire un achat sur mobile.

    La commande mobile d'Amazon inclut une case à cocher rapide qui simplifie la soumission des informations de facturation:

     Amazon simplifie le formulaire entrée avec duplication d'adresse
    Amazon offre aux clients un moyen facile de dupliquer leur adresse de livraison à la facturation. (Image: Amazon ) ( Voir la grande version )

    Comme nous l'avons vu avec la conception de formulaire de caisse mobile, plus simple est toujours mieux. De toute évidence, vous devrez toujours collecter certains détails auprès des clients à chaque fois (à moins que leur compte n'ait enregistré ces informations). Néanmoins, si vous pouvez fournir une bascule rapide ou une case à cocher qui leur permet de copier des données d'un formulaire à un autre, alors faites-le.

    9. Ne lésinez pas sur le CTA

    Lors de la conception d'une caisse de bureau, vos principales préoccupations avec le CTA sont des choses comme le placement stratégique du bouton et en choisissant une couleur accrocheuse pour attirer l'attention sur elle. , vous devez aussi penser à la taille – et pas seulement à l'espace qu'il occupe à l'écran. Rappelez-vous la zone du pouce et les différentes façons dont les utilisateurs tiennent leur téléphone. Assurez-vous que le bouton est assez large pour que tout utilisateur puisse facilement cliquer dessus sans avoir à changer de position de la main.

    Donc, votre objectif devrait être de concevoir des boutons qui (1) s'assoient en bas de la page (2) s'étirer de gauche à droite, comme c'est le cas sur Staples 'Site web mobile:

     Le gros bouton bleu CTA de Staple
    Le CTA bleu clair de Staple sort dans une caisse ordinaire . (Image: Staples ) ( Voir la plus grande version )

    Peu importe qui achète – un gaucher, un droitier ou un bradler à deux mains – ce bouton sera facile à atteindre.

    De toutes les améliorations que nous avons couvertes aujourd'hui, Le CTA est le plus facile à aborder. Faites-le grand, donnez-lui une couleur distinctive, placez-le tout en bas de l'écran mobile, et faites-le s'étendre sur toute la largeur. En d'autres termes, ne forcez pas vos clients à faire le dernier pas d'un achat.

    10. Offrir un autre moyen de s'en sortir

    Enfin, offrez aux clients une solution de rechange.

    Disons qu'ils font des achats sur un site Web mobile, ajoutant des articles à leur panier, mais quelque chose ne va pas avec eux. Je ne veux pas faire l'achat. Vous avez fait tout ce que vous pouviez pour les assurer en cours de route avec une expérience de paiement propre, facile et sécurisée, mais ils ne sont tout simplement pas sûrs de faire un paiement sur leur téléphone.

    Plutôt que d'espérer ne pas perdre l'achat entièrement, leur donner une chance de l'enregistrer pour plus tard. De cette façon, s'ils sont vraiment intéressés à acheter votre produit, ils peuvent revenir sur le bureau et appuyer sur la gâchette. Ce n'est pas idéal, parce que vous voulez les garder en place sur le mobile, mais l'option est bonne pour les clients qui ne peuvent tout simplement pas être sauvés.

    Comme vous pouvez le voir sur L.L. Site mobile de Bean il y a une option à la caisse pour "Passer à la liste de souhaits":

     L.L. Option liste de souhaits de haricots
    L.L. Bean donne aux clients une autre chance de déplacer des articles à leur liste de souhaits lors de la commande. (Image: L. L. Bean ) ( Voir la grande version )

    Ce qui est bien, c'est que L.L. Bean ne veut clairement pas que la navigation sur la liste de souhaits ou la suppression d'un élément soit une action primaire. Si "Move to Wish List" s'affichait comme un gros bouton CTA, un plus grand nombre de clients pourraient décider de prendre cette alternative apparemment plus sûre. Comme c'est conçu maintenant, c'est plus d'un, "Hey, nous ne voulons pas que vous fassiez quelque chose que vous n'êtes pas à l'aise avec. C'est ici juste au cas où. "

    Tandis que moins d'options sont généralement meilleures dans la conception de sites Web, ceci pourrait être quelque chose à explorer si votre caisse a un taux élevé d'abandon de chariot sur mobile [196591007] les visiteurs affluent sur votre site Web, chaque étape menant à la conversion – y compris la phase de paiement – doit être optimisée pour plus de commodité, de rapidité et de sécurité. Si votre caisse n'est pas adaptée aux besoins et aux attentes spécifiques des utilisateurs de mobiles, vous constaterez que ces taux de conversion chutent ou retournent sur le bureau – et ce n'est pas la direction dans laquelle vous voulez que les choses évoluent, surtout si Google pousse nous tous vers un monde mobile-premier.

     Rédaction éditorial (da, ra, yk, al, il)




    Source link