Asistente de pasos

Contenido

Definición

Cuando las tareas dentro de un proceso se presentan en un solo paso por páginas es lo que se denomina asistentes o wizards. Al dividir una tarea compleja en una secuencia de fragmentos, puede simplificar la tarea de manera efectiva. Se utilizan en los siguientes casos: 

  • Cuando cada paso del proceso requiere un resultado o validación de una tarea. Al ser lineales obligan a que los usuarios sigan el camino a través de todos los pasos. 
  • Procesos con muchos pasos: los asistentes reducen el riesgo de que los usuarios puedan saltarse alguno de los pasos del proceso. 
  • Cuando la tarea o proceso no es frecuente: son lentos y al guiar limitan la acción de los usuarios, por lo que es aconsejable no emplearlos en procesos o tareas frecuentes. 
  • Es una buena opción cuando el público es principiante y necesita asistencia en sus primeros pasos. 

Pautas de uso

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

  • Mantener el número de pasos al mínimo: se recomienda entre 3 y 5. Menos no requeriría de un asistente y más podría ser abrumador para el usuario. 
  • Se debe comprender claramente lo que se requiere en cada apartado, etiquetar de forma clara y concisa cada paso. 
  • Indicar claramente dónde está el usuario en el proceso 

Debe incluir las siguientes características: 

  • Los pasos deben estar enumerados 
  • La dirección del movimiento se representará de izquierda a derecha. 
  • Indicar todos los pasos y diferenciar la ubicación actual. 
  • Incorporar un indicador que muestre que el usuario ha realizado un paso correctamente. 
  • Mensaje final que indique el resultado. 

Boceto

Asistente de pasos

Especificaciones de diseño

Elemento Propiedades Fuente
Paso completado Relleno #087021 Fontawesome 20x20px
Paso activo Borde 2px #087021  Source Sans Pro Bold 16px
Paso inactivo Relleno #C4DDCA Source Sans Pro Bold 16px
Línea entre pasos 2px -
Títulos pasos #111111 Source Sans Pro Bold 14px
Índice