Asistente de pasos

Contenido

Definición

Los asistentes de pasos muestran de forma gráfica el avance del usuario a lo largo de un proceso dividido en distintas pantallas.

Anatomía

Anatomía del componente Asistente de pasos

Las partes del asistente de pasos son las siguientes:

  1. Número de paso: Se sustituye por un indicador de éxito cada vez que se completa un párrafo.
  2. Etiqueta: Resume el objetivo del paso
  3. Línea de paso: Relaciona los pasos entre sí. Las líneas que llevan desde el inicio al paso actual se marcan con un color activo

Tipos

Por defecto

Pautas de uso

Para garantizar su efectividad, se debe tener en cuenta las siguientes recomendaciones:

Define entre 3 y 6 pasos

Define un número de pasos adecuado, idealmente entre 3 y 6. Menos no requeriría de un asistente y más podría ser abrumador para el usuario. Agrupa las tareas de forma lógica y etiqueta cada paso de forma clara y concisa.

Incorpora como último paso un mensaje informativo

Define como último paso un mensaje informativo, que aclare el resultado del proceso (utilizando los códigos de estado, como éxito o error). Incluye información sobre qué sucederá a continuación.

Componentes relacionados

Similar a:

Forma parte de:

Recursos asociados al componente

Implementación:

Storybook (solo accesible desde la RCJA)