Los formularios web pueden no significar nada para una persona promedio, pero cuando usted está diseñando un sitio web, es uno de los elementos importantes de un sitio web. Un formulario bien diseñado hace que sea fácil para la gente hacer prácticamente todo en un sitio web. Ya sea para registrarse, comprar un producto, suscribirse a un blog, dejar una reseña de un producto, los formularios web son importantes para completar su acción, señala la agencia de marketing digital Leovel.
En este post, aprenderás sobre los formularios web y cómo diseñarlos mejor sin causar confusión:
Campo de entrada. Aquí es donde los usuarios introducen su información. Puede ser un cuadro de texto, una casilla de verificación, una lista de botones, etc.
Etiqueta del campo. Esta etiqueta indica el nombre de los campos de entrada. Así, los usuarios sabrán que un nombre debe introducirse aquí y una dirección debe ir allí.
Estructura del formulario. Se refiere al orden y la apariencia de los campos.
Botón de acción. Realiza la acción. Si un usuario hace clic en comprar, debe poder pasar al formulario de pago. Si un usuario hace clic en siguiente, debe ser capaz de ir a la página siguiente.
Respuesta. Verifica la acción realizada. Una vez que el usuario finaliza su compra, debe aparecer un mensaje de agradecimiento junto con los detalles de su pedido.
Al diseñar un formulario web, hay que determinar el orden de los campos.
Los campos deben seguir una estructura.
Como en cualquier conversación, primero se dice el nombre. Lo mismo ocurre con los formularios. En el registro, no preguntas primero la fecha de nacimiento o la ubicación, obviamente preguntas primero el nombre.
Pregunta sólo lo necesario.
En Internet, la gente tiene prisa. Quieren comprar algo, hacen clic y ¡viola! Asegúrate de preguntar sólo lo necesario. Un campo extra de preguntas aumentará las posibilidades de abandono de la página. Esto es muy crucial cuando usted está vendiendo en línea porque esto afecta a su tasa de conversión.
Segrega los campos.
No sólo es importante el orden. También hay que agrupar las preguntas relacionadas de forma lógica. Los datos personales deben ir primero, la dirección de envío después, la dirección de facturación y la forma de pago. No se pregunta el cumpleaños en la sección de forma de pago. La correlación entre campos debe tener sentido.
Haz una sola columna.
Los formularios deben ser una sola línea recta porque así es más fácil. Múltiples columnas confundirán a los usuarios y es probable que respondan incorrectamente. Nunca diseñes un formulario con dos o más columnas.
Tanto si se trata de la etiqueta del campo como de la etiqueta de entrada, los textos deben ser siempre claros.
Limite el número.
Las etiquetas de campo NO son etiquetas de ayuda. Deben ir directas al grano y limitarse a una o dos palabras. Esto hace que su formulario sea más fácil de escanear para los usuarios. Por ejemplo, cuando se pide el nombre de alguien, basta con etiquetar el campo: Nombre o Nombre completo. No se dice: MI NOMBRE ES.
Evite las mayúsculas.
Las mayúsculas y minúsculas ofrecen más ventajas que indicar las etiquetas en TODAS MAYÚSCULAS. Las mayúsculas son más difíciles de leer. Por lo tanto, sus usuarios tendrán dificultades para escanear el formulario.
Elija la alineación superior.
Los usuarios -especialmente los usuarios móviles- pueden escanear y responder los formularios con facilidad. Si las etiquetas alineadas en la parte superior se completan más rápido, las alineadas a la izquierda son las que tienen un tiempo de finalización más lento.
Debe haber una diferencia obvia entre todos los botones del sitio web.
Los botones principales deben ser más grandes y más llamativos.
El botón de envío debe ser más claro que el botón de retroceso. El botón de envío es más importante que el botón de retroceso. Si los botones tienen el mismo aspecto, los usuarios pueden hacer clic fácilmente en el otro botón pensando que es el de enviar. Para reducir errores, deberías elegir un color más claro para los botones secundarios como ATRÁS, ANTERIOR, CANCELAR.
Piense en la ubicación de los botones.
Múltiples formularios necesitan un botón atrás o anterior. Si el botón de atrás está situado al lado del botón siguiente, entonces, lo más probable es que los usuarios puedan hacer clic en él accidentalmente. Por favor, no ponga un botón secundario al lado de botones importantes como PAGAR Y ENVIAR, o PROCEDER A LA COMPRA.