¿Está satisfecho con los formularios de contacto de su sitio web?
¿Los encuentra fáciles de completar y contribuyen a la experiencia general del usuario (UX) de su sitio?
Si al menos una respuesta a esta pregunta es «No», sigue leyendo.
UX y el diseño de sitios web son dos componentes esenciales que se complementan entre sí. Sin embargo, los diseñadores y propietarios de sitios web a menudo pasan por alto la UX, ya que es un área compleja que abarca una amplia gama de características y funciones de diseño web que deben adquirirse para maximizar el beneficio para los visitantes. Por lo tanto, es importante investigar detenidamente para asegurarse de elegir uno de estos las mejores empresas de diseño web que satisfará tus necesidades.
La omisión de UX es un defecto fatal. Piénselo: ¿por qué Google daría prioridad a los sitios web de carga rápida con una estructura intuitiva y una interfaz fácil de usar? Aparentemente, intenta brindar la mejor experiencia de navegación para sus usuarios, por lo que coloca los sitios optimizados más arriba que aquellos que no brindan una excelente experiencia de usuario.
El contacto y otros tipos de formularios de contacto en línea son a menudo la razón por la cual un sitio web no brinda esta experiencia. Por ejemplo, pueden interrumpir su sesión de navegación o dificultar su contacto con la empresa. Esta es la razón por la que a muchas personas no les gusta completar formularios y abandonar el sitio web cuando se les pide que completen un formulario largo.
En este artículo, hablemos sobre cómo diseñar formularios compatibles con UX en su sitio de WordPress y obtener más datos de clientes para hacer crecer su negocio.
¿Cómo afectan los formularios en línea a la experiencia de usuario?
Si usa mucho Internet, sabe lo aburrido y molesto que es completar formularios en línea. Desafortunadamente, están en todas partes: ya sea que desee suscribirse al boletín, comprar un boleto para un concierto o reservar una habitación de hotel, debe ingresar sus datos, como su nombre y dirección de correo electrónico, en el formulario web.
Cada vez es más molesto completar todos los formularios con el tiempo, especialmente si son complicados, por lo que se han convertido en una de las razones más comunes por las que los visitantes abandonan su sitio y nunca regresan. Ahora hablemos rápidamente sobre las razones principales por las que la actitud de completar formularios en su sitio web puede convertirse en un problema para UX:
- La forma es complicada. Por ejemplo, puede contener muchos campos que requieren que el usuario escriba mucho.
- Rellenar el formulario lleva tiempo. Esto sucede cuando el formulario tiene muchos campos obligatorios y puede llevar mucho más tiempo del que debería completarlos.
- El formulario solicita información confidencial o irrelevante. Algunos formularios requieren que proporcione información personal, como un número de teléfono móvil o la dirección de su casa, que puede percibirse como no relacionada o inapropiada para el propósito del formulario.
Todas estas razones contribuyen a la alta tasa de abandono y degradan la calidad de UX de su sitio web, por lo que debe eliminarlas. Una forma de lograr esto es siguiendo las mejores prácticas de diseño de formularios web.
Mejores prácticas para crear formularios web
Adopta un diseño minimalista
Es una solución al problema de la complejidad y los requisitos de tiempo. Un diseño de formulario de contacto duro asustará mucho más a la gente, por lo que un diseño minimalista es el camino correcto.
No solo da la impresión de que el formulario tarda unos minutos en completarse, sino que también permite envíos rápidos, lo que es perfecto para la experiencia de usuario de su sitio web. Este es un ejemplo de un formulario de suscripción que cumple con estos dos requisitos, cortesía del Content Management Institute.
No abruma al usuario con una gran cantidad de campos y solo requiere una dirección de correo electrónico (seleccione el país de la lista desplegable). Por lo tanto, debería tomar alrededor de 20 segundos completar el formulario, lo cual es una buena noticia para UX.
Un diseño limpio y minimalista como este es una buena manera de hacer que la transferencia de datos sea lo más fácil posible.
No pidas detalles que realmente no necesitas
Como ya sabemos, una de las razones más comunes por las que las personas optan por no participar en un formulario de contacto en línea es porque requieren información confidencial o inapropiada.
Por ejemplo, suponga que desea suscribirse a un boletín de blog pero el formulario de suscripción requiere un número de teléfono.
Estos datos claramente no están relacionados con la solicitud de suscripción al boletín. Necesitan su dirección de correo electrónico, no su número de teléfono, para enviarle actualizaciones, por lo que este requisito puede, y debe, eliminarse.
Recuerde, cuanto más corto sea el formulario, menor será la tasa de abandono. Por lo tanto, los formularios en su sitio de WordPress nunca deben pedir a los visitantes que sean irrelevantes o confidenciales (a menos que el propósito del formulario lo requiera). El siguiente ejemplo de un blog llamado Cuchara y Tamago así es como debería verse un formulario de suscripción ideal para el boletín.
Cuanta menos información solicite, mayor será la posibilidad de que los visitantes completen el formulario y no solo se suscriban al boletín. ¿Venden un libro electrónico? Entonces no le pidas a la gente su dirección física o número de teléfono celular. Necesita su nombre completo, dirección de correo electrónico y número de tarjeta de crédito. Nada mas.
Apéguese a un diseño de una sola columna
Los formularios pueden tener múltiples columnas para datos, pero la evidencia muestra que cuantas más columnas, menos probabilidades hay de que se llenen. Si bien muchos blogs usan un diseño de dos columnas, la investigación ha demostrado que pueden ser un poco confusos para los visitantes.
Por ejemplo, este estudio del Instituto Baymard encontró que los diseños de formularios de varias columnas son propensos a malas interpretaciones. En particular, la fuente sugiere que este formulario a menudo lleva a los usuarios a:
- Por favor, rellene los campos no relacionados o incorrectos ya que los consideran obligatorios
- Omita las casillas porque malinterpretan su significado o no las notan en absoluto.
Estas son todas las formas en que un visitante del sitio web podría malinterpretar cómo completar un formulario de varias columnas, según Baymard.
La conclusión es que si sus formularios tienen una columna, la probabilidad de que alguien se confunda acerca de cómo completarlos será muy pequeña. Además, este diseño limita el movimiento de los ojos ya que el visitante no tiene que desplazarse por la página o saltar a otras secciones. Solo podrán mirar en una dirección: hacia abajo.
Agregue texto de apoyo para que sea más fácil completar los formularios
«Si sus formularios contienen muchos campos, sería una buena idea agregar texto de apoyo, ya que les permite saber qué información o datos deben proporcionar», recomienda Jenna Brown, diseñadora de UX. «Esto hace que el proceso de llenado de formularios sea mucho más fácil y rápido, y es muy recomendable cuando la solicitud es compleja y requiere muchos detalles por parte del visitante».
Para ser lo más efectivo posible, el texto de apoyo debe ser simple y conciso (ver la imagen de arriba, por ejemplo). Simplemente informe al usuario lo que debe hacer para enviar la solicitud con una palabra, una frase corta o una oración.
Haz un CTA que se destaque
Uno de los principios fundamentales del marketing digital y el diseño web es resaltar un botón de llamada a la acción (CTA) en un sitio web para captar la atención del espectador y alentarlo a hacer clic. Puede hacer esto convirtiéndolo en un color que sea diferente de los colores de otros elementos en esta página.
Este formulario en el sitio web del minorista de salud británico Holland & Barrett lo ilustra perfectamente. El botón de CTA, Enviar, tiene un color contrastante que lo resalta para que los visitantes no tengan problemas para enviar la información en el formulario.
El color que elija depende de sus preferencias (puede usar el color de su marca, por ejemplo), pero el principio clave es hacerlo visible.
resumen
Los formularios son una parte importante de cualquier sitio web que juega un papel clave en la recopilación de información de los visitantes. Por lo tanto, debe hacer todo lo posible para que el trabajo con formularios en su sitio web sea fácil y sin complicaciones.
Si bien no existe una fórmula única para diseñar un formulario web de alta conversión, implementar las mejores prácticas anteriores mejorará la experiencia del usuario al abordar los tres problemas mencionados anteriormente: complejidad, requisitos de tiempo significativos y solicitudes de información irrelevante o información confidencial.
¡Esto debería ser una gran ventaja para mejorar la UX general de su sitio de WordPress y ayudarlo a clasificarse más alto en los resultados de Google!
Autor:
diana nadim es escritora y editora con una maestría en marketing. Combina su pasión por escribir con intereses de investigación y crea contenido inspirador de varios campos. Además de trabajar como coguionista de TrustMyPaper y mejoreducaciónDiana también se reúne en WoWGrade. Lo que más la inspira al escribir es viajar y conocer gente nueva. Síguela en Gorjeo.
