Mejora del pago móvil: por qué debería desactivar la autocorrección del iPhone

Publicado: 2021-08-19

Una de las razones por las que los nuevos emprendedores dudan en iniciar una tienda en línea es porque temen la atención al cliente.

Steve, ¿tendré que instalar una línea de soporte para mi tienda? Prefiero no tener que tratar con los clientes directamente por teléfono. ¿Puedo poner una dirección de correo electrónico y llamarlo un día?

Si bien tener que lidiar con los inconvenientes del soporte telefónico es definitivamente una preocupación válida, no le temo al soporte al cliente en absoluto. De hecho, lo abrazo. Y si pudiera llamar a todos los clientes por teléfono, lo haría .

¿Por qué? Es porque siempre suceden cosas buenas cuando hablo directamente con un cliente. No solo aumentan drásticamente las posibilidades de convertir una venta , sino que las llamadas de los clientes han dado lugar a muchas correcciones de errores importantes en mi sitio web.

Hoy, quiero compartir con ustedes un error mortal con mi sitio móvil que ha estado alejando a los clientes durante casi un año.

Sugerencia: ¡ Se trata de un proceso de compra móvil y de autocorrección de iPhone!

Obtenga mi mini curso gratuito sobre cómo iniciar una tienda de comercio electrónico exitosa

Si está interesado en iniciar un negocio de comercio electrónico, reuní un paquete completo de recursos que lo ayudarán a lanzar su propia tienda en línea desde cero. ¡Asegúrate de agarrarlo antes de irte!

Tabla de contenido

¡Maldita sea, Autocorrección!

Improving Mobile Checkout - Why You Should Turn Off IPhone AutoCorrect

Un día, estaba acechando a un cliente en línea cuando noté un comportamiento muy extraño. Esta persona tenía una tonelada de mercadería en su carrito de compras, pero seguía yendo y viniendo entre 2 páginas del sitio web.

En un momento estarían en la página de pago y luego volverían a la página del carrito de compras y luego volverían a la página de pago ... una y otra vez. De hecho, este inexplicable patrón de navegación web continuó durante unos 10 minutos.

Ahora, en circunstancias normales, habría llamado a esta persona de inmediato, pero aún no tenía su información porque no habían completado la primera página de pago. Así que todo lo que pude hacer fue esperar.

Y aunque no pude ver la cara del cliente, me di cuenta de que se estaban frustrando y que probablemente perderíamos la venta.

Afortunadamente, la clienta finalmente decidió llamarnos por teléfono para realizar su pedido en línea.

Cliente: ¡ No puedo decirle lo frustrado que estoy!

Esposa: Lo sentimos mucho. ¿Le puedo ayudar en algo?

Cliente: Mi hijo me dijo que se supone que comprar en mi iPhone es fácil y sencillo, pero por mi vida, parece que no puedo pagar en su sitio.

Esposa: Me complacerá recibir su pedido por teléfono.

Cliente: Muchas gracias. Ya lo he tenido hasta aquí. ¡Este estúpido teléfono no me dejaba entrar correctamente en mi ciudad y dirección de correo electrónico! Y me estaba frustrando tanto que quería tirar mi teléfono al otro lado de la habitación.

Esposa: Lo sentimos mucho por eso. ¿Le importaría describirme su problema exacto para nuestro conocimiento?

Resulta que esta agradable dama vivía en un pueblo llamado "Southborough". Pero su iPhone no la dejaba entrar en su ciudad correctamente porque seguía convirtiendo "Southborough" en "South borough" .

Su iPhone pensó que le estaba haciendo un favor al corregir su tecleo, pero no le permitía entrar correctamente en su ciudad.

Abordar el problema de la autocorrección

iphone orm

Efectivamente, cuando intenté ingresar en “Southborough” en el iPhone de mi esposa, también siguió intentando corregir automáticamente la ciudad. Y al igual que esta señora, me estaba frustrando un poco que me costara tanto esfuerzo lograr que el teléfono registrara mi escritura correctamente.

Después de investigar un poco en la web, resulta que tenía un defecto de diseño crítico en mi sitio móvil. Para evitar que un navegador web interfiera con la entrada de un cliente, se supone que debe desactivar la corrección automática en todos los formularios para teléfonos inteligentes y tabletas.

Afortunadamente, desactivar la autocorrección fue fácil de hacer ...

Para todos sus formularios, simplemente necesita agregar la siguiente etiqueta a todos sus campos de entrada de texto.

<input type = ”text” name = ”name” autocorrect = ”off”>

Y por si acaso, también debería desactivar el uso de mayúsculas automático y la función de autocompletar agregando capitalización automática = "desactivado" y autocompletado = "desactivado" a todos sus formularios.

<tipo de entrada = ”texto” nombre = ”nombre” autocorrección = ”desactivado” capitalización automática = ”desactivado” autocompletar = ”desactivado”>

Una vez que hice estos cambios, fue muy sencillo ingresar la dirección correcta. Tuvimos suerte de que este cliente decidiera llamar, porque probablemente no habría pensado en este problema potencial.

Y aunque probé nuestro sitio web móvil muy a fondo, no pensé en probar nombres y formas que el iPhone intentaría corregir automáticamente.

Hacer que se pueda hacer clic en los números de teléfono

Después de este fiasco de cliente, decidí hacer un análisis más completo de mis formularios web móviles prestando especial atención a la usabilidad y esto es lo que se me ocurrió.

En primer lugar, y esto es solo una corazonada, pero creo que habríamos perdido a este cliente con seguridad si no hubiéramos tenido nuestro número de teléfono en un lugar destacado en el pie de página de nuestro sitio web móvil .

clickable phone number

Pero tuve mucha suerte y he aquí por qué. Android e iOS hacen un gran trabajo al hacer que se pueda hacer clic automáticamente en los números de teléfono de forma predeterminada.

Pero dado que en realidad no escribí ningún código para hacer que se pueda hacer clic explícitamente en el número, es posible que nuestro número de clic para llamar no funcione en todos los teléfonos .

En general, es mejor pecar de cauteloso y no confiar en la detección automática, por lo que aquí está el código para hacer que se pueda hacer clic en los números de teléfono en un teléfono.

En primer lugar, desea desactivar cualquier detección automática que el teléfono ya ofrece porque desea evitar que el sistema operativo haga clic accidentalmente en números aleatorios.

<meta nombre = "detección de formato" contenido = "teléfono = no" />

Entonces, desea convertir su número de teléfono en un enlace

Nuestro número de teléfono: <a href=”tel:6505555555″> 650-555-5555 </a>

Facilitando aún más el ingreso de formularios

telephone form

Otra cosa que noté al intentar hacer un pedido fue que ingresar mi número de teléfono era un poco torpe . Dado que el teclado de mi teléfono estándar coloca todos los números en la fila superior de mi teléfono, es muy fácil cometer un error de escritura.

Afortunadamente, existen algunas construcciones HTML5 que facilitan la escritura de números.

Al agregar las siguientes etiquetas al campo de entrada del teléfono, puede hacer que ciertos teléfonos (sobre todo el iPhone) usen un teclado de teléfono en lugar del teclado estándar al ingresar números.

<input type = ”tel” name = ”tel” />

Al agregar estas etiquetas a los campos de entrada de su número de teléfono, aparecerá el teclado numérico para facilitar la entrada de números.

Conclusión

En lo que respecta a la usabilidad de teléfonos móviles y tabletas, claramente tengo mucho que aprender :) Pero ahora que soy más consciente de los problemas potenciales, soy más capaz de detectar errores y problemas con nuestro diseño.

Pero si hay una lección que aprender, siempre vale la pena hablar con los clientes y pedirles su opinión sobre la usabilidad. Después de todo, ellos son los que pagan las facturas y lo mejor para usted es que tengan la experiencia de compra más fluida posible.

Buena suerte con tu compra!