BlogUI

Cómo aumentar el compromiso móvil con más simple…

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

Los formularios de contacto son imprescindibles para los sitios web. Sin ellos, sus clientes se verían relegados a lidiar con el sitio web o asuntos comerciales por teléfono o correo electrónico. Peor aún, no tendrían absolutamente ningún contexto para la llamada o el mensaje, lo que aumentaría el tiempo que tendrían que dedicar a responderlo. Los formularios de contacto, por otro lado, recopilan detalles esenciales de los visitantes para que sus clientes puedan participar en cada conversación mejor preparados. Por supuesto, móvil Los formularios de contacto son complicados. Con menos espacio de pantalla para trabajar, ¿cómo diseña un formulario que capture todos los detalles que necesitan sus clientes? La verdad es que es posible que no puedas. En su lugar, deberá 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 para alguien interesado en obtener más información sobre un servicio, la recopilación digital de estos datos garantiza que sus clientes no perderán el rastro de los clientes potenciales o capturarán detalles incorrectamente cuando los escriban. mano. Y cuando los formularios recopilan más que eso (por ejemplo, detalles sobre un problema que tienen con su sitio o producto), sus clientes pueden prepararse mejor para una reunión potencialmente estresante. Pero hay que lograr un delicado equilibrio al diseñar formularios para usuarios móviles. Si desea que interactúen con sus formularios para evitar que sus clientes pierdan clientes potenciales y ventas, hay una serie de cosas que debe tener en cuenta.

columnas

Claro y simple: no hay excusa para usar más de una columna en un formulario de contacto móvil. Leadformly tiene un buen ejemplo de un formulario de contacto móvil que mantiene todo en una línea vertical. Leadformly El mismo principio se aplica a los propios campos. Si estás pensando en romper «Nombre” en el campo «Nombre” y «Nombre”, no lo hace. Ya es bastante difícil ingresar información en un formulario de contacto móvil. En su lugar, coloque solo un campo horizontalmente y siempre combine los campos que deben estar juntos.

Campos

Al crear un formulario de contacto para el sitio web de sus clientes, pregúntese: ¿Cada uno de estos campos es obligatorio? Toma por ejemplo Shopify formulario de contacto móvil: Shopify Aunque el campo de dirección de la tienda es opcional, es una buena opción en este contexto porque es un apoyo Formulario de contacto. Si alguien solicita asistencia, entonces es un cliente de Shopify con una dirección de tienda adecuada para compartir. El «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 en este formulario para incluir una línea de asunto descriptiva para que el representante de soporte sepa qué leer. Cuando se muestran demasiados campos innecesarios u opcionales, pueden suceder algunas cosas:

  1. Los visitantes se sentirán frustrados por el tiempo adicional que dedican a leer cada etiqueta, decidir si es necesaria o no y luego pasar a la siguiente.
  2. Los visitantes se darán por vencidos antes de comenzar porque la longitud del formulario es desalentadora.
  3. Los visitantes se confundirán con algunos de los campos, preguntándose para qué sirven y tratando de encontrar la respuesta.

En general, una mala selección de campos de formulario puede conducir a una experiencia de usuario negativa. Pero solo su cliente y usuario final sabrán cuáles de estos campos son absolutamente necesarios, así que asegúrese de interactuar con ellos para que pueda crear la experiencia de formulario móvil óptima.

página

En los casos en los que tiene un formulario de contacto largo que desea colocar en el dispositivo móvil, debe pensar en formas de evitar que se vea abrumadoramente largo. Una forma de hacerlo es creando un formulario de varias páginas. Si bien puede hacer esto para formularios de contacto móviles que son legítimamente largos, esto es algo que cualquiera podría realmente usar. Aquí hay un ejemplo de tipo de letra: Typeform-1 Con una práctica barra de progreso en la parte inferior del formulario, los usuarios tienen una idea clara de cuánto queda por completar. Typeform-2 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. Typeform-3 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 usar los menús desplegables para mostrar solo ciertas partes del formulario a la vez. También puede convertir casillas de verificación o listas de marcación de radio en listas desplegables ocultas.

Etiquetas

En sus intentos por ahorrar espacio en los formularios de contacto móviles, debe tener cuidado con las etiquetas, sugerencias y mensajes de error que aparecen en ellos. El hecho de que esté creando un formulario más rápido para pasar por el espacio no significa que el texto instructivo no cause fricción. Aquí hay un buen ejemplo de MailChimp puedes usar: MailChimp Dentro de este formulario:

  • Cada campo está etiquetado de manera sucinta y clara. afuera 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 después de que un usuario no haya completado un campo correctamente.

También 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 sus campos son obligatorios, no es necesario que los marque como tales.

Teclados

¿Quiere reducir el tiempo que tardan los usuarios en completar su formulario de contacto móvil? Prográmelo para mostrar el teclado correcto en el campo. Así es cómo WPForms haga esto: Los campos de texto básicos muestran un teclado alfabético estándar: WP-Forms-1 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: WP-Forms-2 Los campos del sitio ofrecen opciones para «/​» y «.com»: WP-Forms-3 Ahorrar tiempo a los usuarios buscando signos de puntuación y números o ingresando respuestas o fragmentos esperados alentará a más de ellos a completar el formulario.

Envolver

Seamos realistas: 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 menos que en una computadora de escritorio. Hasta que los consumidores tengan más confianza en la conversión desde un teléfono inteligente, debemos encontrar otras formas de capturar su información para que podamos mantenernos conectados. Dicho esto, el hecho de que los visitantes móviles no quieran convertir no significa que no estarán dispuestos a completar 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 le da a la empresa la responsabilidad de dar el siguiente paso. De curso preferirán esta opción, así que asegúrate de que valga la pena tomarla. Foto principal a través de Unsplash.

Susana Scacca

Susana Scacca es un escritor independiente de día que se especializa en temas de diseño web, marketing y tecnología. Por la noche, escribe sobre, bueno, más o menos lo mismo, solo que esas historias se desarrollan en circunstancias extrañas y, a veces, horribles.

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba
Cerrar