Cómo aumentar la participación móvil con formularios de contacto más simples
Los formularios de contacto son una necesidad para los sitios web. Sin ellos, sus clientes quedarían relegados a manejar asuntos relacionados con el sitio web o la empresa por teléfono o correo electrónico. Peor aún, no tendrían ningún contexto para la llamada o el mensaje, lo que aumentaría la cantidad de tiempo que tendrían que dedicar a responder.
Los formularios de contacto, en cambio, recopilan detalles esenciales de los visitantes para que sus clientes puedan entrar en cada conversación mejor preparados.
Por supuesto, móvil los formularios de contacto son complicados. Con menos espacio en la pantalla para trabajar, ¿cómo se diseña un formulario que capture todos los detalles que requieren sus clientes? El hecho es que es posible que no pueda hacerlo. En cambio, tendrá que buscar formas de hacer más con menos.
Incluso si todo lo que hace un formulario es recopilar un nombre, correo electrónico y número de teléfono de alguien interesado en obtener más información sobre un servicio, la recopilación digital de esos datos garantiza que sus clientes no perderán el rastro de los clientes potenciales o capturarán los detalles incorrectamente al escribirlos por mano. Y cuando los formularios recopilan más que eso (digamos, detalles sobre un problema que están experimentando con el sitio web o el producto), sus clientes pueden prepararse mejor para un encuentro posiblemente estresante.
Pero hay un equilibrio delicado que debe lograr al diseñar formularios para usuarios móviles. Si desea que interactúen con los formularios para evitar que sus clientes se pierdan clientes potenciales y ventas, debe tener en cuenta una serie de cosas.
Columnas
Simple y llanamente: no hay excusa para usar más de una columna en un formulario de contacto móvil. Leadformly tiene un hermoso ejemplo de un formulario de contacto móvil que mantiene todo en una línea vertical.
El mismo principio se aplica a los propios campos. Si está pensando en dividir el campo «Nombre» en «Nombre» y «Apellido», no lo haga. Ya es bastante difícil ingresar información en un formulario de contacto móvil. En su lugar, solo coloque un campo por línea horizontal y siempre combine los campos que pertenecen juntos.
Campos
Al crear un formulario de contacto para el sitio web de sus clientes, pregúntese: ¿Es necesario cada uno de estos campos?
Tomemos, por ejemplo, el Shopify formulario de contacto móvil:
Aunque el campo de dirección de la tienda es opcional, es una buena opción en este contexto, ya que es un apoyo Formulario de contacto. Si alguien solicita asistencia, entonces es un cliente de Shopify con una dirección de tienda correspondiente para compartir.
El campo «Asunto», por otro lado, parece un desperdicio. Este formulario proviene de la mesa de ayuda. El diseñador podría programar fácilmente los envíos de este formulario para incluir una línea de asunto descriptiva para que el representante de soporte sepa lo que está a punto de leer.
Cuando se muestran demasiados campos innecesarios u opcionales, pueden suceder algunas cosas:
- Los visitantes se sentirán frustrados con el tiempo extra que dedican a leer cada etiqueta, decidir si es necesario o no y luego pasar a la siguiente.
- Los visitantes se darán por vencidos antes de empezar porque la longitud del formulario por sí sola es abrumadora.
- Los visitantes se sentirán confundidos por algunos de los campos, se preguntarán para qué sirven y tratarán de encontrar la respuesta.
Con todo, una mala selección de campos de formulario puede conducir a una experiencia de usuario negativa. Pero solo su cliente y el usuario final sabrán cuál de estos campos es absolutamente necesario, así que asegúrese de interactuar con ellos para poder crear la experiencia de formulario móvil óptima.
Paginas
En los casos en que tenga un formulario de contacto extenso que desee poner en el dispositivo móvil, debe pensar en formas de evitar que aparezca abrumadoramente largo.
Una forma de hacerlo es creando un formulario de varias páginas. Si bien puede hacer esto para los formularios de contacto móviles que son legítimamente largos, esto es algo que cualquiera podría usar realmente. Aquí hay un ejemplo de Tipo de formulario:
Con una práctica barra de progreso en la parte inferior del formulario, los usuarios tienen una idea clara de cuánto más queda por completar.
También diría que esta es una experiencia de formulario de contacto móvil más atractiva que un formulario estático pegado a la página.
Si no está muy interesado en crear formularios de varias páginas, también está bien. Hay otras cosas que puede hacer para acortar el espacio sin comprometer la cantidad de campos que se muestran. Por ejemplo, puede utilizar menús plegables para mostrar solo determinadas partes del formulario en un momento dado. También puede convertir las casillas de verificación o las listas de marcación por radio en menús desplegables ocultos.
Etiquetas
En sus intentos por ahorrar espacio en los formularios de contacto móviles, debe tener cuidado con las etiquetas, las sugerencias y los mensajes de error que aparecen dentro de ellos. El hecho de que haga un formulario más rápido para pasar por el espacio no significa que el texto instructivo no cause fricción.
He aquí un buen ejemplo de MailChimp puedes usar:
Dentro de este formulario:
- Cada campo está etiquetado de manera sucinta y clara fuera de en el campo.
- Aparece cualquier texto de sugerencia (es decir, instrucciones sobre qué hacer con el campo) adentro el campo en un color más claro.
- Los mensajes de error aparecen inmediatamente una vez que un usuario no ha completado correctamente un campo.
Además, tenga en cuenta el hecho de que MailChimp no utiliza asteriscos para indicar los campos obligatorios. Esto mantiene las etiquetas libres de desechos innecesarios y es fácil de enfocar. Si la mayoría o todos sus campos son obligatorios, no es necesario marcarlos como tales.
Teclados
¿Quiere reducir el tiempo que les toma a los usuarios completar su formulario de contacto móvil? Prográmelo para que muestre el teclado correcto por campo. Aquí es cómo WPForms Haz esto:
Los campos de texto básicos muestran un teclado alfabético estándar:
Los campos de correo electrónico muestran un teclado alfabético en minúsculas junto con la puntuación que se usa comúnmente en las direcciones de correo electrónico:
Los campos del sitio web ofrecen opciones para «/» y «.com»:
Ahorrarles tiempo a los usuarios buscando puntuación y números, o escribiendo respuestas esperadas o fragmentos, alentará a más de ellos a completar su formulario.
Envolver
Seamos honestos: para la mayoría de las empresas, las posibilidades de que alguien realice una conversión desde un sitio web móvil son bastante bajas, al menos más bajas que en el escritorio. Hasta que los consumidores tengan más confianza en la conversión desde un teléfono inteligente, tenemos que encontrar otras formas de capturar su información para que podamos mantenernos en contacto.
Dicho esto, el hecho de que los visitantes móviles no estén dispuestos a realizar una conversión no significa que no estén dispuestos a rellenar un formulario de contacto móvil. Es una alternativa de bajo riesgo a ingresar sus datos confidenciales en un sitio web y un dispositivo móvil, y pone la responsabilidad en la empresa de dar el siguiente paso. De curso van a preferir esta opción, así que asegúrese de que valga la pena tomarla.
Foto principal vía Unsplash.
