Process

Guidelines

1. When to Use

   • To illustrate the steps in a workflow, task, or service journey.
   • When you need to show users how to complete a process from start to finish.
   • To communicate order, dependencies, or progression in a clear, structured way.
   • For onboarding, instructions, or training materials where sequential guidance is important.

2. What to Avoid

   • Avoid using the process component for non-sequential lists or collections of unrelated items.
   • Don’t overload with too many steps—keep it concise and digestible.
   • Avoid vague step labels; each step should be clear and action-oriented.
   • Don’t rely on color alone to indicate progress, status, or completion.

3. Accessibility Tips

   • Ensure each step has a text label that describes the action or stage.
   • Use more than one visual cue (e.g., labels, shapes, or patterns) to indicate progress.
   • Make sure the process is understandable when read linearly by screen readers.