¿Cómo se deben diseñar los formularios en la producción de páginas web?
1. Intenta que el formulario sea lo más claro posible
Cuando los usuarios navegan por el sitio web, suelen escanear rápidamente para obtener información y ver si el contenido y el diseño del sitio web son de su agrado. o satisfacer sus necesidades, y luego decidir cómo responder e interactuar. Lo mismo ocurre con los formularios. Los formularios autoexplicativos permiten a los usuarios saber inmediatamente cuánta información necesitan completar y cómo enviar el formulario.
Para obtener más conocimientos sobre diseño gráfico, consulte la Escuela de Diseño Gráfico del Sur de China.
2. Considere el uso de texto de aviso flotante
Hay muchos debates sobre si agregar texto de aviso al cuadro de entrada del formulario. El debate principal gira en torno a un punto: cuándo el usuario. clics En el cuadro de entrada, cuando el cursor aparece y está listo para ingresar, el texto del mensaje no desaparece automáticamente y debe eliminarse manualmente antes de poder ingresar. Esto es muy vergonzoso.
3. Utilice máscaras de formato de formulario
Las máscaras de formato pueden recordar a los usuarios el formato del contenido de entrada y la longitud y el tamaño de los campos, lo que puede mejorar significativamente la usabilidad del formulario. Cuando el usuario activa el cuadro de entrada, aparecerá la máscara de formato, que ayudará al usuario a formatear la información de entrada y evitar errores al enviarla. Las máscaras de formato se utilizan comúnmente al ingresar números.
4. Diseñe el formulario para que sea fácil de ingresar
No puede saber si el usuario está usando un teléfono móvil o una computadora para navegar por su página web e ingresar su formulario, pero debe ser fácil de usar para todo tipo de usuarios. Los dispositivos de entrada deben ser lo suficientemente amigables. Teniendo en cuenta que su formulario puede ingresarse mediante diferentes tipos de teclados, debe adaptarlo de acuerdo con las propiedades del campo del formulario y el tipo de teclado detectado.
5. Elija el diseño vertical de una sola columna
Para los usuarios, el diseño vertical de una sola columna es más fácil de usar que el diseño de varias columnas. Cuando los usuarios navegan, solo necesitan navegar hacia abajo, sin voltear hacia adelante y hacia atrás, y también pueden evitar omisiones durante el proceso de llenado.
6. Controle el contenido de entrada
Intente utilizar la función de memoria del navegador y las cookies para llamar datos para completar previamente los campos comunes en el formulario. No hay nada más emocionante que abrir un formulario y que la mayoría de los campos se completen automáticamente.
7. Haga que el formulario sea breve y atractivo.
Cuando diseña un formulario, siempre desea obtener la mayor cantidad de información posible del usuario, ¡así que asegúrese de resistir este impulso!
Presente sólo información importante en el formulario, permitiendo a los usuarios completar la menor cantidad posible. Si se requiere más información más adelante, la información se puede obtener del usuario en otro lugar, como en un correo electrónico. Una vez que el usuario haya completado el registro, tendrán más oportunidades para enviar información, comunicarse entre sí y obtener información.
Intente mantener solo los campos necesarios para que los completen los usuarios, no proporcione opciones redundantes y mantenga el formulario pequeño y hermoso.