Skip to content

Cómo aumentar la participación móvil con formularios de contacto más sencillos

Los formularios de contacto son una necesidad para los sitios web. Sin ellos, sus clientes se verían relegados a manejar asuntos relacionados con sitios web o negocios por teléfono o correo electrónico. Peor aún, no tendrían absolutamente ningún contexto para la llamada o mensaje, lo que aumentaría la cantidad de tiempo que tendrían que dedicar a responder a ella.

Los formularios de contacto, en cambio, recogen los detalles esenciales de los visitantes para que sus clientes puedan entrar en cada conversación mejor preparados.

Por supuesto, los formularios de contacto móvil son complicados. Con menos espacio en pantalla para trabajar, ¿cómo diseñar un formulario que capture todos los detalles que sus clientes necesitan? El hecho es que tal vez no puedas hacerlo. En cambio, tendrá que buscar maneras de hacer más con menos.

Incluso si todo lo que hace un formulario es recopilar un nombre, un correo electrónico y un número de teléfono para 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 ni capturarán los detalles de forma incorrecta cuando los escriban a mano. Y cuando los formularios recogen más que eso (por ejemplo, detalles sobre un problema que están experimentando con el sitio web o el producto), sus clientes pueden prepararse mejor para un posible encuentro estresante.

Pero hay un delicado equilibrio que debe encontrar cuando diseñe formularios para usuarios móviles. Si quiere que se involucren con los formularios para que pueda evitar que sus clientes pierdan clientes potenciales, además de las 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 introducir información en un formulario de contacto móvil. En su lugar, sólo coloque un campo por línea horizontal y siempre fusione los campos que pertenezcan juntos.

Campos

Al crear un formulario de contacto para el sitio web de sus clientes, pregúntese a sí mismo: ¿Es necesario cada uno de estos campos?

Por ejemplo, el formulario de contacto móvil de Shopify:

Aunque el campo de dirección de la tienda es opcional, es una buena opción en este contexto ya que es un formulario de contacto de soporte . Si alguien está pidiendo ayuda, 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 viene de la mesa de ayuda. El diseñador podría programar fácilmente las presentaciones desde 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 ocurrir algunas cosas:

  1. Los visitantes se sentirán frustrados por el tiempo extra que pasan leyendo cada etiqueta, decidiendo si es necesario o no, y luego saltando a la siguiente.
  2. Los visitantes se darán por vencidos antes de empezar porque la longitud del formulario por sí solo es desalentadora.
  3. Los visitantes se sentirán confundidos por algunos de los campos, preguntándose para qué sirven y tratando de averiguar la respuesta a ellos.

En general, una mala selección de campos de formulario puede conducir a una experiencia de usuario negativa. Pero sólo su cliente y el usuario final sabrán cuál de estos campos es absolutamente necesario, así que asegúrese de comprometerse con ellos para que pueda crear una experiencia de formulario móvil óptima.

Páginas

En los casos en los que tienes un largo formulario de contacto que quieres poner en el móvil, tienes que pensar en formas de evitar que aparezca abrumadoramente largo.

Una manera de hacerlo es creando un formulario de varias páginas. Si bien puede hacerlo para formularios de contacto móviles que son legítimamente largos, esto es algo que cualquiera podría usar realmente. He aquí un ejemplo de Typeform:

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 rellenar.

También diría que se trata de 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 el número de campos que se muestran. Por ejemplo, puede utilizar menús plegables para visualizar únicamente 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 desplegables ocultos.

Etiquetas

En sus intentos por conservar espacio en los formularios de contacto móvil, debe tener cuidado con las etiquetas, consejos y mensajes de error que aparecen en ellos. El hecho de que usted haga un formulario más rápido para atravesar el espacio no significa que el texto instructivo no cause fricción.

Aquí tienes un buen ejemplo de MailChimp que puedes usar:

Dentro de este formulario:

  • Cada campo se etiqueta de forma sucinta y clara fuera del campo.
  • Cualquier texto de sugerencia (es decir, instrucciones sobre qué hacer con el campo) aparece dentro del campo en un color más claro.
  • Los mensajes de error aparecen inmediatamente cuando un usuario no ha rellenado correctamente un campo.

Además, tenga en cuenta que MailChimp no utiliza asteriscos para indicar campos obligatorios. Esto mantiene las etiquetas libres de desechos innecesarios y fáciles de enfocar. Si la mayoría o todos los campos son obligatorios, no es necesario marcarlos como tales.

Teclados

¿Quieres reducir el tiempo que tardan los usuarios en rellenar tu formulario de contacto móvil? Programe para que muestre el teclado correcto por campo. Así es como WPForms hace esto:

Los campos de texto básico muestran un teclado alfanumérico estándar:

Los campos de correo electrónico muestran un teclado alfanumérico en minúsculas junto con la puntuación comúnmente utilizada en las direcciones de correo electrónico:

Los campos del sitio web ofrecen opciones tanto para “/” como para “.com”:

Ahorrar tiempo a los usuarios buscando puntuación y números, o escribiendo las respuestas o fragmentos esperados, animará a más de ellos a completar su formulario.

Conclusión

Seamos honestos: para la mayoría de las empresas, las posibilidades de que alguien se convierta de 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 de un smartphone, 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 convertirse no significa que no estén dispuestos a rellenar un formulario de contacto móvil. Es una alternativa de bajo riesgo a la introducción de sus datos confidenciales en un sitio web y un dispositivo móvil, y hace recaer en la empresa la responsabilidad de dar el siguiente paso. Por supuesto que van a preferir esta opción, así que asegúrese de que valga la pena tomarla.