Verbesserung des mobilen Checkouts – Warum Sie IPhone AutoCorrect deaktivieren sollten
Veröffentlicht: 2021-08-19Einer der Gründe, warum neue Unternehmer zögern, einen Online-Shop zu eröffnen, ist, dass sie den Kundensupport fürchten.
Steve, muss ich eine Support-Hotline für meinen Shop einrichten? Ich möchte lieber nicht direkt mit Kunden telefonieren. Kann ich einfach eine E-Mail-Adresse eingeben und einen Tag anrufen?
Obwohl es definitiv ein berechtigtes Anliegen ist, sich mit den Unannehmlichkeiten des Telefonsupports auseinanderzusetzen, fürchte ich den Kundensupport überhaupt nicht. Tatsächlich umarme ich es. Und wenn ich jeden einzelnen Kunden am Telefon erreichen könnte, würde ich es tun .
Wieso den? Denn gute Dinge passieren immer, wenn ich direkt mit einem Kunden spreche. Nicht nur die Chancen, einen Verkauf zu konvertieren, sind drastisch erhöht , sondern auch Kundenanrufe haben zu vielen großen Fehlerbehebungen für meine Website geführt.
Heute möchte ich mit meiner mobilen Website einen Killer-Bug mit Ihnen teilen, der seit fast einem Jahr Kunden vertreibt!
Hinweis: Es handelt sich um einen mobilen Checkout und eine iPhone-Autokorrektur!
Holen Sie sich meinen kostenlosen Mini-Kurs zum Starten eines erfolgreichen E-Commerce-Shops
Wenn Sie daran interessiert sind, ein E-Commerce-Unternehmen zu gründen, habe ich ein umfassendes Ressourcenpaket zusammengestellt , das Ihnen hilft , Ihren eigenen Online-Shop von Grund auf neu zu starten . Achten Sie darauf, es zu schnappen, bevor Sie gehen!
Verdammt noch mal Autokorrektur!
Eines Tages habe ich zufällig einen Kunden online gestalkt, als mir ein sehr seltsames Verhalten aufgefallen ist. Diese Person hatte eine Menge Waren in ihrem Warenkorb, ging aber ständig zwischen zwei Seiten auf der Website hin und her.
In einem Moment befanden sie sich auf der Checkout-Seite und gingen dann zurück zur Warenkorbseite und dann zurück zur Checkout-Seite… immer und immer wieder. Tatsächlich dauerte dieses unerklärliche Surfmuster etwa 10 Minuten lang an.
Unter normalen Umständen hätte ich diese Person sofort angerufen, aber ich hatte ihre Informationen noch nicht, weil sie die erste Seite der Kasse noch nicht ausgefüllt hatte. Also konnte ich nur warten.
Und obwohl ich das Gesicht des Kunden nicht sehen konnte, konnte ich sagen, dass er frustriert war und wir den Verkauf wahrscheinlich verlieren würden.
Glücklicherweise entschied sich die Kundin schließlich, uns telefonisch anzurufen, um ihre Bestellung online aufzugeben.
Frau: Es tut uns so leid. Womit kann ich Ihnen behilflich sein?
Kunde: Mein Sohn hat mir gesagt, dass das Einkaufen auf meinem iPhone einfach und unkompliziert sein soll, aber ich kann mein Leben lang nicht auf Ihrer Website zur Kasse gehen
Frau: Ihre Bestellung nehme ich gerne telefonisch entgegen.
Kunde: Vielen Dank. Ich habe es bis hierher schon hinter mir. Dieses blöde Telefon ließ mich meine Stadt und E-Mail-Adresse nicht richtig eingeben!!! Und ich war so frustriert, dass ich mein Handy quer durch den Raum werfen wollte.
Frau: Das tut uns so leid. Würde es Ihnen etwas ausmachen, mir Ihr genaues Problem zu beschreiben?
Es stellt sich heraus, dass diese nette Dame in einer Stadt namens „Southborough“ lebte. Aber ihr IPhone ließ sie nicht richtig in ihre Stadt ein, weil es immer wieder „Southborough“ in „Southborough“ verwandelte .
Ihr IPhone dachte, es täte ihr einen Gefallen, indem es ihre Eingabe korrigierte, aber es ließ sie nicht richtig in ihre Stadt.
Das Problem mit der Autokorrektur beheben
Als ich versuchte, auf dem IPhone meiner Frau „Southborough“ einzugeben, wurde auch immer wieder versucht, die Stadt automatisch zu korrigieren. Und wie diese Dame war ich ein wenig frustriert, dass es so viel Mühe kostete, das Telefon dazu zu bringen, meine Eingaben richtig zu registrieren.
Nach ein wenig Webrecherche stellte sich heraus, dass ich einen kritischen Designfehler in meiner mobilen Website hatte. Um zu verhindern, dass ein Webbrowser die Eingaben eines Kunden stört, sollten Sie die Autokorrektur auf allen Formularen für Smartphones und Tablets deaktivieren.
Glücklicherweise war es einfach, die Autokorrektur zu deaktivieren…
Für alle Ihre Formulare müssen Sie lediglich das folgende Tag zu allen Ihren Texteingabefeldern hinzufügen .
Und zur Sicherheit sollten Sie auch die automatische Groß-/Kleinschreibung und die automatische Vervollständigung deaktivieren, indem Sie allen Ihren Formularen auto-capitalization=“off“ und auto-complete=“off“ hinzufügen.
Nachdem ich diese Änderungen vorgenommen hatte, war es sehr einfach, die richtige Adresse einzugeben. Wir hatten Glück, dass sich dieser Kunde für einen Anruf entschieden hat, da ich an dieses potenzielle Problem wahrscheinlich nicht gedacht hätte.
Und obwohl ich unsere mobile Website sehr gründlich getestet habe, habe ich nicht daran gedacht, Namen und Formulare zu testen, die das IPhone automatisch korrigieren würde.
Telefonnummern anklickbar machen
Nach diesem Kundenfiasko habe ich beschlossen, meine mobilen Webformulare gründlicher zu analysieren, indem ich speziell auf die Benutzerfreundlichkeit geachtet habe .
Zunächst einmal, und das ist nur eine Vermutung, aber ich glaube, wir hätten diesen Kunden mit Sicherheit verloren, wenn wir unsere Telefonnummer nicht prominent in der Fußzeile unserer mobilen Website angezeigt hätten .
Aber ich hatte wirklich Glück und hier ist der Grund. Android und iOS leisten hervorragende Arbeit , um Telefonnummern standardmäßig automatisch anklickbar zu machen .
Da ich jedoch keinen Code geschrieben habe, um die Nummer explizit anklickbar zu machen, funktioniert unsere Click-to-Call-Nummer möglicherweise nicht auf allen Telefonen .
Im Allgemeinen ist es besser, auf Nummer sicher zu gehen und sich nicht auf die automatische Erkennung zu verlassen. Hier ist der Code, um Telefonnummern auf einem Telefon anklickbar zu machen.
Zunächst einmal möchten Sie die automatische Erkennung deaktivieren , die das Telefon bereits bietet, da Sie verhindern möchten, dass das Betriebssystem zufällige Zahlen versehentlich anklickbar macht.
Dann möchten Sie Ihre Telefonnummer in einen Link umwandeln
Formulareingabe noch einfacher machen
Eine andere Sache, die mir beim Versuch, eine Bestellung aufzugeben, aufgefallen ist, war, dass die Eingabe meiner Telefonnummer etwas umständlich war . Da meine Standardtelefontastatur alle Zahlen in der obersten Reihe meines Telefons anzeigt, ist es sehr einfach, einen Tippfehler zu machen.
Glücklicherweise gibt es einige HTML5-Konstrukte, die das Eingeben von Zahlen erleichtern.
Durch Hinzufügen der folgenden Tags zum Telefoneingabefeld können Sie festlegen, dass bestimmte Telefone (vor allem das IPhone) bei der Eingabe von Zahlen eine Telefontastatur anstelle der Standardtastatur verwenden.
Wenn Sie diese Tags zu Ihren Telefonnummerneingabefeldern hinzufügen, wird die numerische Tastatur eingeblendet , um die Nummerneingabe zu vereinfachen.
Abschluss
Wenn es um die Benutzerfreundlichkeit von Mobiltelefonen und Tablets geht, muss ich natürlich noch viel lernen :) Aber jetzt, da ich mir der möglichen Probleme bewusster bin, kann ich Fehler und Probleme mit unserem Design besser erkennen.
Aber wenn es eine Lektion zu lernen gibt, lohnt es sich immer, mit Kunden zu sprechen und sie nach ihrer Meinung zur Benutzerfreundlichkeit zu fragen. Schließlich sind sie diejenigen, die die Rechnungen bezahlen, und es liegt in Ihrem Interesse, dass sie ein möglichst reibungsloses Einkaufserlebnis haben.
Viel Glück mit Ihrem Shop!