Améliorer le paiement mobile - Pourquoi vous devriez désactiver la correction automatique de l'iPhone
Publié: 2021-08-19L'une des raisons pour lesquelles les nouveaux entrepreneurs hésitent à créer une boutique en ligne est qu'ils craignent le support client.
Steve, vais-je devoir installer une ligne de support pour ma boutique ? Je préfère ne pas avoir à traiter avec les clients directement par téléphone. Puis-je simplement mettre une adresse e-mail et l'appeler un jour ?
Bien que devoir gérer les inconvénients du support téléphonique soit certainement une préoccupation valable, je ne crains pas du tout le support client. En fait, je l'embrasse. Et si je pouvais avoir chaque client au téléphone, je le ferais .
Pourquoi? C'est parce que de bonnes choses arrivent toujours quand je parle directement à un client. Non seulement les chances de convertir une vente sont considérablement augmentées , mais les appels des clients ont entraîné de nombreuses corrections de bugs majeurs pour mon site Web.
Aujourd'hui, je veux partager avec vous un bug mortel avec mon site mobile qui fait fuir les clients depuis près d'un an !
Astuce : Cela implique le paiement mobile et la correction automatique de l'iPhone !
Obtenez mon mini-cours gratuit sur la façon de démarrer une boutique de commerce électronique réussie
Si vous souhaitez démarrer une entreprise de commerce électronique, j'ai mis en place un ensemble complet de ressources qui vous aideront à lancer votre propre boutique en ligne à partir de zéro. Assurez-vous de l'attraper avant de partir!
Bon sang, correction automatique !
Un jour, j'étais justement en train de traquer un client en ligne lorsque j'ai remarqué un comportement très étrange. Cette personne avait une tonne de marchandises dans son panier mais n'arrêtait pas d'aller et venir entre 2 pages sur le site Web.
Un instant, ils se trouvaient sur la page de paiement, puis ils revenaient à la page du panier d'achat, puis à la page de paiement… encore et encore. En fait, ce modèle inexplicable de navigation sur le Web a duré environ 10 minutes.
Dans des circonstances normales, j'aurais appelé cette personne tout de suite, mais je n'avais pas encore ses informations car elle n'avait pas terminé la première page de paiement. Donc tout ce que je pouvais faire était d'attendre.
Et même si je ne pouvais pas voir le visage du client, je pouvais dire qu'il devenait frustré et que nous risquions de perdre la vente.
Heureusement, la cliente a finalement décidé de nous appeler au téléphone pour passer sa commande en ligne.
Femme : Nous sommes vraiment désolés. Comment puis-je t'aider?
Client : Mon fils m'a dit que les achats sur mon iPhone étaient censés être faciles et directs, mais pour ma vie, je n'arrive pas à payer sur votre site.
Femme : Je serais ravie de prendre votre commande par téléphone.
Client : Merci beaucoup. Je l'ai déjà eu jusqu'ici. Ce téléphone stupide ne me laisserait pas entrer correctement ma ville et mon adresse e-mail !!! Et je devenais tellement frustré que je voulais jeter mon téléphone à travers la pièce.
Femme : Nous sommes vraiment désolés pour ça. Pourriez-vous me décrire votre problème exact pour notre connaissance?
Il s'avère que cette gentille dame vivait dans une ville appelée « Southborough ». Mais son iPhone ne la laissait pas entrer correctement dans sa ville car il ne cessait de transformer « Southborough » en « South borough » .
Son IPhone pensait qu'il lui rendait service en corrigeant sa frappe mais il ne la laissait pas entrer correctement dans sa ville.
Résolution du problème de correction automatique
Effectivement, lorsque j'ai essayé d'entrer dans « Southborough » sur l'iPhone de ma femme, il a également continué à essayer de corriger automatiquement la ville. Et comme cette dame, je devenais un peu frustré qu'il ait fallu tant d'efforts pour que le téléphone enregistre correctement ma frappe.
Après avoir fait quelques recherches sur le Web, il s'avère que j'avais un défaut de conception critique sur mon site mobile. Pour empêcher un navigateur Web d'interférer avec la saisie d'un client, vous êtes censé désactiver la correction automatique sur tous les formulaires pour smartphones et tablettes.
Heureusement, désactiver la correction automatique était facile à faire…
Pour tous vos formulaires, il vous suffit d' ajouter la balise suivante à tous vos champs de saisie de texte.
Et pour faire bonne mesure, vous devez également désactiver la capitalisation automatique et la saisie semi-automatique en ajoutant également auto-capitalization="off" et auto-complete="off" à tous vos formulaires.
Une fois ces modifications effectuées, il était très simple de saisir la bonne adresse. Nous avons eu de la chance que ce client ait décidé d'appeler, car je n'aurais probablement pas pensé à ce problème potentiel.
Et même si j'ai testé notre site mobile de manière très approfondie, je n'ai pas pensé à tester les noms et les formulaires que l'iPhone essaierait de corriger automatiquement.
Rendre les numéros de téléphone cliquables
Après ce fiasco client, j'ai décidé de faire une analyse plus approfondie de mes formulaires Web mobiles en accordant une attention particulière à la convivialité et voici ce que j'ai trouvé.
Tout d'abord, et ce n'est qu'une intuition, mais je pense que nous aurions certainement perdu ce client si nous n'avions pas affiché notre numéro de téléphone bien en vue dans le pied de page de notre site Web mobile .
Mais j'ai eu beaucoup de chance et voici pourquoi. Android et iOS font un excellent travail en rendant automatiquement les numéros de téléphone cliquables par défaut.
Mais comme je n'ai écrit aucun code pour rendre explicitement le numéro cliquable, notre numéro d'appel cliquable peut ne pas fonctionner sur tous les téléphones .
En général, il vaut mieux pécher par excès de prudence et ne pas compter sur la détection automatique, alors voici le code pour rendre les numéros de téléphone cliquables sur un téléphone.
Tout d'abord, vous souhaitez désactiver toute détection automatique déjà proposée par le téléphone, car vous souhaitez empêcher le système d'exploitation de rendre des nombres aléatoires cliquables accidentellement.
Ensuite, vous souhaitez transformer votre numéro de téléphone en lien
Rendre la saisie de formulaire encore plus facile
Une autre chose que j'ai remarquée en essayant de passer une commande était que la saisie de mon numéro de téléphone était un peu maladroite . Étant donné que mon clavier de téléphone standard place tous les chiffres dans la rangée supérieure de mon téléphone, il est très facile de faire une erreur de frappe.
Heureusement, il existe quelques constructions HTML5 qui facilitent la saisie de nombres.
En ajoutant les balises suivantes au champ de saisie du téléphone, vous pouvez faire en sorte que certains téléphones (surtout l'iPhone) utilisent un clavier téléphonique au lieu du clavier standard lors de la saisie de chiffres.
L'ajout de ces balises aux champs de saisie de votre numéro de téléphone fera apparaître le clavier numérique pour faciliter la saisie du numéro.
Conclusion
En ce qui concerne la convivialité des téléphones portables et des tablettes, j'ai clairement beaucoup à apprendre :) Mais maintenant que je suis plus conscient des problèmes potentiels, je suis mieux en mesure de repérer les bogues et les problèmes avec notre conception.
Mais s'il y a une leçon à tirer, cela vaut toujours la peine de parler aux clients et de leur demander leur avis sur la convivialité. Après tout, ce sont eux qui paient les factures et il est dans votre intérêt qu'ils aient l'expérience de magasinage la plus fluide possible.
Bonne chance avec votre boutique!