Colección de citas famosas - Frases motivadoras - ¿Ocho técnicas de diseño de formularios para mejorar la experiencia del usuario?

¿Ocho técnicas de diseño de formularios para mejorar la experiencia del usuario?

La función de formulario se ha utilizado ampliamente tanto en el diseño web como en el desarrollo de software de aplicaciones. Hoy, Tiantongyuan Beida Jade Bird aprenderán juntos qué condiciones deben cumplirse para un diseño de formulario que satisfaga la experiencia del usuario.

1. Las etiquetas de los formularios deben adoptar formatos de visualización adecuados. Según el escenario de aplicación del formulario, las etiquetas deben adoptar los formatos de visualización correspondientes. Hay tres formatos de visualización comunes: etiqueta izquierda, etiqueta superior y etiqueta en línea.

A. Etiqueta izquierda En algunos formularios web, la etiqueta izquierda es una forma común. El formulario de visualización de la etiqueta izquierda da una sensación de orden y facilita a los usuarios identificar rápidamente el contenido de la etiqueta al completar el formulario. Esta forma de etiqueta izquierda se usa generalmente en páginas web y no es adecuada para teléfonos móviles o terminales móviles con pantallas pequeñas. Debido a que el tamaño de las pantallas pequeñas es limitado, la etiqueta de la izquierda ocupará un espacio mayor y el cuadro de entrada será. limitado.

B. Etiqueta superior La etiqueta superior se refiere a la etiqueta ubicada encima del cuadro de entrada. Este formulario aparece generalmente en algunos terminales móviles. La etiqueta superior puede aumentar el ancho del cuadro de entrada, de modo que los usuarios puedan obtener una visualización más completa al completar la información. Sin embargo, este método de diseño también tiene una desventaja, es decir, es posible que sea necesario desplazarse por el formulario antes de que el usuario pueda finalizarlo.

C. Etiquetas en línea Las etiquetas en línea suelen aparecer en la interfaz de registro de los teléfonos móviles. Este diseño puede ahorrar espacio en la página, por lo que la mayoría de los diseños de interfaz de aplicaciones adoptan este diseño. Por supuesto, este diseño también se utilizará en el diseño de formularios en el lado de PC de algunos sitios web.

2. Evite todas las letras mayúsculas en las etiquetas en inglés. En algunos diseños de formularios de interfaz en inglés, debemos evitar todas las letras mayúsculas en las etiquetas. Las etiquetas en mayúsculas pueden dificultar la lectura y la navegación.

3. Las etiquetas especiales deben utilizar longitudes de cuadro de entrada adecuadas. Para etiquetas específicas, como códigos de verificación y códigos postales, se deben utilizar longitudes de cuadro de entrada adecuadas al diseñar. Después de todo, dicho cuadro de entrada es predecible para el usuario, por lo que no es necesario que la longitud del cuadro de entrada sea demasiado larga.

4. Al organizar las casillas de verificación, se debe prestar atención al diseño de las casillas de verificación que a menudo aparecen en los formularios. Por ejemplo, durante el proceso de registro, habrá una selección de género, por lo que al diseñar el formulario, generalmente alineamos a hombres y mujeres en fila. Pero cuando hay mucho contenido, se recomienda utilizar la clasificación vertical.

5. El botón principal y el botón auxiliar deben distinguirse claramente al enviar un formulario, si aparecen varios botones, se debe hacer una distinción clara para ayudar a los usuarios a identificar fácilmente los pasos de la operación. la operación.