Buen diseño de formularios en línea
El diseño eficaz de formularios no es universal. Adapta los campos y el flujo al objetivo específico de cada página.
Accesibilidad de los formularios
Haga que su formulario sea accesible con un tamaño de letra adecuado, contraste y un lenguaje fácil de entender.
6 consejos
Adapte los campos, muestre mensajes de error claros, limite los desplegables, utilice etiquetas, estructure el formulario y ordene los campos de forma lógica.
Protección antispam durante la entrada
Un moderno CAPTCHA redondea el diseño de formas. Friendly Captcha es un proveedor accesible y fácil de usar de última generación.
Pruébelo ahora ›
Hoy queremos abordar un elemento importante de un sitio web fácil de usar. Los formularios en línea son de gran ayuda si su objetivo es establecer contacto con los visitantes de su página de inicio. Además, son indispensables cuando se trata de tramitar pedidos.
Como hay muchas trampas potenciales en relación con el diseño de formularios en línea, hemos resumido los consejos más esenciales para usted. Probablemente haya visto algunos ejemplos de formularios que no eran muy fáciles de usar [1]. Para que no caigas en esas trampas, hemos reunido algunos valiosos consejos para un diseño de formularios eficaz y funcional.
¿Cuáles son los criterios para un buen diseño de formulario en línea?
En primer lugar, un formulario en línea debe ser funcional. Debe recoger todos los datos necesarios y tener una estructura clara. El usuario debe ser capaz de entender a primera vista qué entradas son necesarias. Al etiquetar los campos individuales, puede asegurarse de que los usuarios puedan rellenarlos rápidamente.
Lamentablemente, no existe una solución global que se adapte a todos los sitios web. Por eso tiene que diseñar un formulario de contacto individual para su página de inicio. Sin embargo, puedes ganar muchos puntos con los visitantes del sitio si se dan cuenta de que lo has pensado y te has esforzado.
Para diseñar un formulario en línea con éxito, puede seguir nuestros consejos, que hemos recopilado durante nuestros muchos años de experiencia en Internet y que prometen un alto grado de facilidad de uso.
Nuestros 6 consejos para diseñar formularios en línea con éxito
Como ya se ha señalado, el diseño de formularios online es un tema muy individual. Si el tono de su sitio web es muy formal porque quiere proporcionar principalmente hechos e información, esto se reflejará en el diseño de sus formularios de contacto. Si su enfoque hacia los clientes es muy abierto y desenfadado, también puede diseñar un formulario de contacto más divertido e informal.
Sin embargo, independientemente del enfoque y la redacción, pretendemos darle 6 consejos valiosos para el diseño de cualquier formulario en línea.
Adaptar los campos de entrada al contenido
Por ejemplo, un campo de código postal puede ser mucho más pequeño que un campo para el nombre de la ciudad. Esto añadirá inmediatamente claridad al diseño del formulario y el usuario sabrá qué información debe introducir aquí.
Crear mensajes de error
Hemos visto muchos ejemplos de formularios en línea que no indican un error hasta el final. Sin embargo, le aconsejamos que muestre un error directamente en el campo de entrada correspondiente. También es mejor utilizar un color para indicar un error. El rojo se ha convertido en el color preferido para las entradas incorrectas.
Si señalas un error al usuario inmediatamente, podrá corregirlo fácilmente y no perderá tiempo.
Limitar el uso de menús desplegables
Utilice los menús desplegables con moderación. Por regla general, sólo deben utilizarse en preguntas en las que se pueda elegir entre cinco o más respuestas.
Las opciones de un menú desplegable siempre requieren dos clics, lo que supone un trabajo adicional para el usuario. Considere si un campo de texto libre podría funcionar para la pregunta, o simplemente enumere todas las respuestas potenciales una debajo de la otra. Así, el usuario puede marcar la respuesta correcta.
Utilizar etiquetas y marcadores de posición
Para evitar malentendidos, debe elegir una etiqueta concisa para todos los campos. También debe indicar si uno de los campos es obligatorio. Esto es mucho más fácil de usar que señalar al final del formulario que todos los campos marcados con un * deben rellenarse.
Estructura del formulario en línea
Si tiene varios campos que pertenecen juntos temáticamente, debería combinarlos visualmente en un bloque. Esto facilitará mucho la comprensión del formulario por parte del usuario. Normalmente, la introducción de los datos de la dirección constituye el primer bloque, y a continuación el siguiente bloque se ocupa de otras preguntas.
Ordenar los campos uno debajo de otro
Para el ojo humano, los campos dispuestos uno debajo de otro son más fáciles de asimilar. Incluso si dispone de espacio para colocar otro campo en la misma línea para una pregunta corta, como el código postal, debe abstenerse de hacerlo.
Esto distraería al usuario, porque la gente siempre mira consciente o inconscientemente a la derecha para leer la siguiente pregunta. En el peor de los casos, los datos que recoja no serán útiles.
Consejos para diseñar un formulario en línea accesible
Una cuestión importante en el contexto del diseño de formularios de contacto es la accesibilidad de su sitio web. Si quieres diseñar un nuevo formulario de contacto, harías bien en tener en cuenta a las personas con discapacidad.
Puede hacer que su sitio web sea más accesible siguiendo estos sencillos pasos:
- Elija un tamaño de letra adecuado.
- Ofrezca contraste, por ejemplo, letra negra sobre fondo blanco.
- Utilice un lenguaje sencillo y fácil de entender.
Protección antispam durante la entrada - Friendly Captcha
Hay un aspecto más que debes tener en cuenta a la hora de diseñar tus formularios. Para crear una protección eficaz contra el spam, puede recurrir a varios métodos de defensa contra bots y mensajes de spam. Aunque hay poca diferencia en su eficacia, sí la hay en su facilidad de uso y accesibilidad.
Desde la perspectiva del usuario, todos los formularios en línea que funcionan con una prueba captcha son bastante incómodos. La razón es que los usuarios tienen que resolver una tarea sencilla pero molesta, como una pregunta matemática o marcar determinados motivos en una selección de imágenes. Además, estos captchas estándar no pueden considerarse accesibles.
Estas pruebas Captcha se utilizan para distinguir si una solicitud la realiza un humano o un ordenador. Se trata de un importante criterio de diferenciación en la defensa contra los mensajes de spam. Pero si prefiere no incomodar al usuario de su formulario de contacto con semejante tarea, puede recurrir a nuestro totalmente automatizado y accesible Friendly Captcha.
Seguro para usted, cómodo para el usuario
Estas son las buenas noticias. Nuestra solución basada en la nube cumple con la directiva GDPR y también con la normativa Schrems II, por lo que la protección de datos está garantizada. La prueba, para determinar si el contacto lo realiza un humano o un ordenador, se lleva a cabo mediante un enigmático rompecabezas. Éste se resuelve en segundo plano mientras se introducen los datos en el formulario de contacto.
El usuario no lo nota en absoluto. Además de un diseño de formulario en línea atractivo y fácil de entender, puede aumentar la facilidad de uso de su sitio web utilizando Friendly Captcha. Por lo tanto, es importante tener en cuenta que cuando se trata el tema del diseño de formularios en línea, también vale la pena considerar cómo protegerse de los mensajes de spam.
English 
German 
French 
Spanish 
Italian 
Portuguese