Pasar al contenido principal

Pasos de un formulario

Es un indicador de progreso que muestra visualmente los pasos de las acciones del usuario en un formulario. Los ayuda a comprender la progresión de los formularios largos y reduce la incertidumbre a medida que completan cada pantalla.

Tipos de pasos de un formulario

Pasos de un formulario

Los pasos de un formulario son guías visuales que muestran cuántos pasos llevará un proceso, en qué lugar se encuentra la persona en este proceso y cuánto falta para completar una tarea.

Paso actual

Paso siguiente: Nombre del paso siguiente

Paso 1 de 3

Diseño y estructura (contexto de uso)

Este componente se ubica siempre al principio del formulario, en la parte superior de la página.

completar

Usabilidad

Buenas prácticas

Respetar la progresión lineal. El indicador de paso está diseñado para complementar la navegación estándar Atrás/Siguiente en una secuencia lineal. Debe utilizarse cuando se pueda detectar la tasa de finalización del proceso.
Proporcionar la navegación por separado. En un formulario utilizar botones para avanzar y retroceder.
Usar etiquetas cortas o de una sola palabra. Utilice palabras/frases cortas y descriptivas.
Utilizar este componente a partir de 3 y hasta 5 pasos. De necesitar más pasos pensar en redefinir los formularios en menos pasos.
Utilizar un indicador de pasos para formularios muy breves, sin capítulos o secciones. Debe tener al menos tres secciones.

Malas prácticas

No utilizar el paso a paso en procesos de más de 6 pasos. Considerar simplificar el proceso o dividirlo en varias tareas.
Evitar la cantidad de pasos variables. Considerar otro enfoque si la cantidad de pasos puede cambiar debido a la entrada del usuario.
Logo del sistema de diseño Obelisco
Los contenidos de buenosaires.gob.ar están licenciados bajo Creative Commons Reconocimiento 2.5 Argentina License.