Indicador de progresso

O elemento visual que mostra onde a pessoa está num processo de vários passos.

Hard

O que é

Indicador de progresso é o componente que mostra, ali na tela, em que etapa de uma tarefa a pessoa está: o que ela já passou, onde está agora e o que ainda falta. Ele aparece bastante em checkout, cadastro, onboarding e formulário longo.

Ele funciona porque quebra um processo grande em pedaços visíveis. Quando a pessoa enxerga que falta pouco, ela tende a terminar. Sem essa pista, fica aquela sensação de tarefa sem fim, e a desistência sobe junto.

O indicador pode tomar formas diferentes: um passo a passo numerado, uma porcentagem ou um checklist. O passo a passo serve bem a fluxos com etapas definidas, enquanto a porcentagem combina mais com tarefas abertas, como completar o perfil aos poucos.

Em uma frase

Vamos colocar um indicador de progresso no cadastro pra a pessoa enxergar que falta pouco.

A pergunta que ele responde

Como mostro pra pessoa onde ela está num fluxo longo pra ela não desistir no meio?

Quando usar

Ajuda em qualquer fluxo de vários passos onde a pessoa precisa saber onde está e quanto ainda falta pra terminar.

Como não usar

O cuidado é não inflar o progresso nem pular etapa só pra parecer mais curto. No momento em que o indicador mente uma vez, ele perde a confiança de quem usa.

Na prática

Imagine um checkout que ganha um stepper de três passos. A desistência na última tela tende a cair, justamente porque a pessoa vê que está quase lá e decide seguir.

Não confunda com

Vale separar indicador de progresso de loading. O loading mostra que o sistema está processando algo naquele instante, ou seja, é sobre a máquina trabalhando. O indicador de progresso é sobre a pessoa: mostra em que etapa do fluxo ela está e quanto falta pra chegar ao fim. Um fala do sistema, o outro fala do caminho de quem usa.

D

Em inglês

Progress Trackers

Pronúncia

prô-gres tré-kers

Também chamado de

barra de progresso, stepper, indicador de etapa

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre progress indicators