Todo novo usuário que chega ao seu produto faz, em silêncio, uma única pergunta: quanto trabalho isso vai dar? Quando a resposta é invisível (um dashboard vazio, uma página vaga de "primeiros passos", um número desconhecido de etapas de configuração), uma grande parte deles conclui que a resposta é "trabalho demais" e vai embora. A maioria nem se despede: cerca de 70% dos novos usuários de SaaS param de usar um produto em até três meses, e as primeiras sessões são onde a perda é maior.
Uma barra de progresso de onboarding ataca esse problema com uma eficiência quase constrangedora. Ela pega aquela massa indefinida e angustiante de "configurar tudo" e a transforma em uma meta visível e alcançável: você já fez 40%, faltam três passos, aqui está o próximo. É um único elemento de interface, fica pronto em uma tarde e se apoia em algumas das descobertas mais sólidas da psicologia comportamental. Poucos investimentos em onboarding rendem tanto por pixel.
Este guia cobre o quadro completo: o que é uma barra de progresso de onboarding, a psicologia que faz os indicadores de progresso funcionarem (gradiente de meta, progresso dotado e efeito Zeigarnik), os principais tipos disponíveis, onde as barras de progresso entram no seu fluxo de onboarding de usuários, como elas se combinam com checklists de onboarding, uma configuração passo a passo e o que fazer e evitar para separar uma barra motivadora de uma barra manipuladora.
Principais conclusões
- Uma barra de progresso de onboarding mostra aos novos usuários quanto já avançaram e quão pouco falta, na forma de uma barra que se preenche, de uma porcentagem, de um contador de passos ou da fração de conclusão de um checklist.
- Ela funciona por causa de três efeitos documentados: as pessoas aceleram perto das metas (gradiente de meta), terminam o que parece já ter começado (progresso dotado) e não esquecem tarefas visíveis inacabadas (Zeigarnik).
- Nunca comece a barra em 0%. Dê crédito a um passo realmente concluído, como a criação da conta, para que a jornada abra em 15–25% e o efeito do progresso dotado faça sua parte.
- Barras de progresso motivam; checklists orientam. O padrão de onboarding mais forte é um checklist com uma barra de progresso no topo: a lista fornece a próxima ação, a barra fornece o impulso.
- De 3 a 7 passos-marco é o ponto ideal. Cada passo deve ser um marco real de ativação, e não um preenchimento administrativo.
- Meça como uma funcionalidade, não como uma decoração: taxa de conclusão do onboarding, abandono por passo e taxa de ativação mostram se a barra está realmente levando os usuários ao valor.
O que é uma barra de progresso de onboarding?
Uma barra de progresso de onboarding é um indicador visual que mostra a um novo usuário o quanto ele já avançou na configuração do seu produto e quanto ainda falta. Pode ser literalmente uma barra que se preenche, mas o mesmo papel é cumprido por uma porcentagem ("60% concluído"), um contador de passos ("Passo 2 de 5"), uma fração de tarefas ("3 de 5 tarefas feitas") em um checklist de onboarding ou um anel que se fecha à medida que a configuração termina. Seja qual for o formato, a função é idêntica: tornar o progresso visível e fazer a linha de chegada parecer próxima.
Barra de progresso de onboarding, definição. Uma barra de progresso (ou indicador de progresso) é qualquer elemento visual persistente que comunica a posição de um novo usuário entre "acabei de me cadastrar" e "tudo configurado". Ela converte uma quantidade desconhecida de esforço restante, justamente o que faz os usuários desistirem, em uma quantidade conhecida e decrescente. No momento em que o progresso fica visível, terminar vira uma meta; e os seres humanos são notoriamente ruins em abandonar uma meta que conseguem enxergar.
Veja a mesma jornada de configuração expressa nos três formatos de progresso mais comuns; repare como cada um responde a "quanto já avancei?" em um piscar de olhos:
O motivo pelo qual esse pequeno elemento importa tanto é onde ele fica na jornada do usuário. O onboarding é o trecho mais íngreme da curva de abandono, os dias em que os usuários decidem se o seu produto vira um hábito ou uma aba esquecida. Qualquer coisa que leve um ponto percentual a mais de cada coorte até o fim da configuração se acumula em retenção mais adiante, porque os usuários que concluem o onboarding são os que chegam ao momento aha, e os usuários que chegam ao momento aha são os que ficam.
A psicologia: por que as barras de progresso realmente funcionam
Barras de progresso não são enfeite de designer; são ciência comportamental aplicada. Três descobertas, cada uma replicada ao longo de décadas, explicam quase todo o seu poder:
1. O efeito gradiente de meta: o esforço acelera perto da chegada
Em 1934, o psicólogo Clark Hull observou que ratos em um labirinto corriam mais rápido à medida que se aproximavam da recompensa de comida. Setenta anos depois, Ran Kivetz e colegas encontraram o mesmo padrão em humanos: clientes de cafeteria com cartões de fidelidade do tipo "compre dez, ganhe um" compravam café com frequência cada vez maior à medida que o cartão se completava. Quanto mais perto uma meta parece estar, mais nos esforçamos para alcançá-la, e todo o trabalho de uma barra de progresso é fazer a meta aparecer, e parecer próxima. Cada pixel preenchido é um pequeno aviso de que a recompensa está mais perto do que ontem.
2. O efeito do progresso dotado: uma vantagem inicial dobra a conclusão
Em um estudo clássico de 2006, os pesquisadores Joseph Nunes e Xavier Drèze distribuíram dois tipos de cartão de fidelidade de lava-rápido: um exigia 8 selos para ganhar uma lavagem grátis, e o outro exigia 10 selos, mas já vinha com 2 selos aplicados. Os dois cartões exigiam exatamente 8 compras. O resultado: 34% dos cartões pré-carimbados foram concluídos, contra 19% dos cartões em branco, quase o dobro, e o grupo pré-carimbado terminou mais rápido. Quem sente que uma meta já está em andamento tem muito mais chance de levá-la até o fim do que quem começa do zero, mesmo quando o trabalho restante é idêntico.
O efeito do progresso dotado: esforço restante idêntico, mas o cartão que começa 20% "feito" é concluído quase duas vezes mais. É por isso que uma barra de progresso de onboarding nunca deve abrir em zero.
3. O efeito Zeigarnik: tarefas inacabadas se recusam a ser esquecidas
A psicóloga Bluma Zeigarnik documentou, nos anos 1920, que as pessoas se lembram de tarefas interrompidas e incompletas muito melhor do que das concluídas; o assunto pendente mantém um pequeno processo rodando em segundo plano na mente. Um "80% concluído" visível no canto do seu produto usa isso a seu favor, sem malícia: o usuário que sai no meio da configuração leva a pendência consigo, e fechá-la vira um pequeno motivo para voltar. A aplicação de produto mais famosa é o medidor de completude de perfil do LinkedIn, que transformou "preencher um perfil", uma tarefa que ninguém acorda com vontade de fazer, em uma barra que milhões de profissionais se sentiram compelidos a completar.
Os três efeitos, uma frase cada: o gradiente de meta faz o usuário acelerar à medida que a barra se preenche; o progresso dotado faz ele começar porque a barra não está vazia; o Zeigarnik faz ele voltar porque a barra não está cheia. Uma barra de progresso de onboarding bem desenhada é os três funcionando ao mesmo tempo em uma única faixa de pixels.
Os tipos de indicadores de progresso (e quando usar cada um)
"Barra de progresso" é um nome para uma família de padrões. Eles diferem no que contam, em como exibem isso e na parte do onboarding em que se encaixam melhor:
| Tipo | O que mostra | Ideal para | Atenção a |
|---|---|---|---|
| Contador de passos ("Passo 2 de 5") | Posição em uma sequência fixa | Product tours, assistentes de cadastro, formulários de várias etapas | Só funciona quando a sequência é realmente linear |
| Barra de porcentagem ("60% concluído") | Parcela da configuração total já feita | Jornadas de configuração com muitas tarefas pequenas de peso parecido | Porcentagens geram desconfiança se avançam de forma desonesta |
| Fração do checklist ("3 de 5 tarefas") | Tarefas concretas concluídas versus restantes | Checklists de onboarding, o padrão de uso geral mais forte | As tarefas precisam ser marcos reais, não enchimento |
| Medidor de completude | Qualidade/completude de um perfil ou workspace | Configuração de perfil, configuração do workspace (o padrão do LinkedIn) | Exige uma definição crível de "100%" |
| Trilha de marcos / mapa da jornada | Etapas nomeadas ("Configuração → Convidar a equipe → Primeiro relatório") | Onboardings B2B mais longos, que se estendem por dias ou semanas | Exagero para produtos com configuração de 10 minutos |
Escolher entre eles é, em grande parte, uma questão de como o seu onboarding realmente é. Um assistente linear de cinco telas pede um contador de passos. Uma configuração flexível, do tipo "faça na ordem que quiser", pede uma fração de checklist. Uma implantação B2B longa, em várias sessões, pede marcos nomeados. E se você realmente não conseguir decidir, a fração de checklist com uma barra no topo é o padrão mais seguro: é orientadora, honesta e flexível ao mesmo tempo.
Os indicadores de progresso não são um elemento único, e sim um revezamento: o contador de passos do tour passa o bastão para a barra de progresso do checklist, que passa o bastão para um medidor de completude de longo prazo.
Checklists e barras de progresso: a combinação mais forte nos fluxos de onboarding
A pergunta mais comum que as equipes fazem (como usar checklists e barras de progresso nos fluxos de onboarding?) tem uma resposta satisfatória: juntos, porque cada um corrige a fraqueza do outro.
Uma barra de progresso sozinha motiva, mas é muda. Ela diz ao usuário que ele está em 40% e não diz nada sobre o que fazer em seguida; o usuário fica puxando uma porta sem maçaneta. Um checklist de onboarding sozinho orienta, mas é sem graça: uma pilha de caixas desmarcadas parece lição de casa, e lição de casa é exatamente a sensação que faz novos usuários fecharem a aba. Junte os dois e a psicologia se encaixa: o checklist fornece a próxima ação, a barra fornece o impulso para realizá-la, e cada item marcado recompensa o usuário na hora com progresso visível.
-
A barra responde "quanto falta?", a lista responde "e agora?"
Motivação e direção são trabalhos diferentes. Os usuários abandonam o onboarding ou porque não sabem o que fazer, ou porque não estão com vontade de fazer; a combinação resolve os dois modos de falha de uma vez.
-
Cada item marcado é uma recompensa instantânea
Marcar um item e ver a barra dar um salto oferece uma pequena recompensa de conclusão várias vezes por sessão. Esse ritmo de esforço → progresso visível é o que transforma a configuração de uma obrigação em algo estranhamente satisfatório de terminar.
-
Os itens do checklist devem ser marcos de ativação
As tarefas por trás da barra decidem se concluí-la significa alguma coisa. Preencha a lista com as ações que seus usuários retidos têm em comum, o caminho até o momento aha, e não com tarefas burocráticas como "confirme seu e-mail". Nossa seleção de exemplos de checklist de onboarding mostra como são, na prática, boas listas de marcos.
-
Marque automaticamente os passos concluídos
Nada destrói a confiança em uma barra de progresso mais rápido do que fazer o trabalho e não receber o crédito. Detecte a ação dentro do produto e marque o item automaticamente. O usuário nunca deveria precisar contar à barra o que fez.
-
Comemore os 100%
O momento em que a barra se completa é uma pequena formatura. Marque essa ocasião (uma chuva de confete, um modal de parabéns, um próximo passo desbloqueado) e use-a para entregar ao usuário sua primeira conquista real, não apenas um "concluído" vazio.
Como adicionar uma barra de progresso ao seu onboarding (passo a passo)
A mecânica é simples; é nas decisões de design que as barras de progresso dão certo ou errado. Esta é a sequência que funciona:
1. Defina os marcos que a barra vai medir
Parta dos seus dados de ativação, não da sua lista de funcionalidades: quais 3–7 ações separam os usuários que ficam dos que somem? Esses são os passos. Se você ainda não os identificou, essa análise (encontrar seus marcos de ativação e seu momento aha) vem primeiro, porque uma barra de progresso sobre os passos errados só acelera os usuários rumo ao destino errado.
2. Escolha o formato que combina com a jornada
Assistente linear ou tour → contador de passos. Conjunto flexível de tarefas → checklist com fração e barra. Implantação B2B de várias semanas → trilha de marcos nomeados. Operações longas e únicas (importações, sincronizações) → uma barra em tempo real com estimativa de tempo. Não force um único formato a fazer todos os trabalhos; use o padrão de revezamento, contador do tour → barra do checklist → medidor de completude, à medida que os usuários avançam.
3. Comece acima de zero
Dê crédito a algo que o usuário realmente concluiu, "Criar sua conta ✅", para que a barra abra em 15–25%. Esse é o efeito do progresso dotado aplicado com honestidade: a vantagem inicial é real, e ela quase dobra a chance de a jornada ser concluída. Uma barra vazia no primeiro login é um bug de design.
4. Conecte o progresso ao comportamento real
Cada passo deve ser concluído automaticamente quando o usuário realiza a ação de fato no seu produto: importou dados, convidou um colega, criou o primeiro projeto. Caixas manuais de "marcar como feito" medem cliques, não adoção, e permitem que os usuários esvaziem o significado da barra.
5. Torne-a visível, dispensável e finita
A barra deve ficar onde o usuário trabalha (um widget no canto ou um card persistente, não uma página de configurações escondida), poder ser minimizada por quem quer explorar livremente e terminar. Quando a configuração estiver concluída, comemore e aposente a barra; uma barra de progresso que fica em 100% para sempre vira parte da mobília, e uma que nunca chega a 100% vira uma acusação.
6. Meça se ela move os números que importam
Compare a taxa de conclusão do onboarding, o abandono por passo e a taxa de ativação antes e depois. Um passo que todo mundo pula está fora de ordem ou mal escolhido; uma barra que aumenta a conclusão, mas não a ativação, está medindo os passos errados. A barra funciona quando uma parte maior de cada coorte chega ao primeiro valor; todo o resto é decoração.
Nada disso exige mais tempo de engenharia. Com o Kompassify, você monta o checklist em um editor visual, adiciona uma barra de progresso que se preenche conforme as tarefas são concluídas, marca os passos automaticamente a partir de ações reais no app e publica tudo com um único snippet de script, e depois acompanha a resposta da conclusão e da ativação no product analytics. É compatível com o GDPR, hospedado na UE e gratuito para menos de 100 usuários ativos mensais.
Boas práticas para barras de progresso de onboarding: o que fazer e o que evitar
A diferença entre uma barra que os usuários adoram e uma barra que eles detestam está em um punhado de decisões de design:
✅ Faça
- Comece a barra em 15–25% dando crédito a passos realmente concluídos
- Limite-a a 3–7 marcos significativos
- Conclua os passos automaticamente a partir do comportamento real no app
- Mostre a próxima ação logo ao lado da barra
- Deixe claro o ganho de cada passo ("Importar dados → ver seu primeiro relatório")
- Comemore a chegada aos 100% e depois aposente a barra
- Permita que os usuários a minimizem e voltem depois
- Faça testes A/B da ordem e do texto dos passos em relação à ativação
❌ Não faça
- Abrir o onboarding com uma barra em 0% e 12 tarefas desmarcadas
- Encher a lista de tarefas burocráticas para o produto parecer robusto
- Simular progresso ou fazer a porcentagem saltar sem motivo
- Deixar a barra estagnar; um passo que ninguém conclui é um bug seu
- Bloquear o produto inteiro até a barra ficar cheia
- Insistir com pop-ups toda vez que o progresso não avançou
- Deixar uma barra em 100% na tela por semanas
- Medir o sucesso pelas barras concluídas em vez da ativação
A regra da honestidade. Todo efeito psicológico que uma barra de progresso usa depende de confiança, e a confiança se perde na primeira vez que a barra mente: uma porcentagem que salta sem motivo, uma "configuração rápida" que ganha novos passos aos 90%, um selo pré-carimbado por algo que o usuário nunca fez. O progresso dotado funciona porque o crédito é real. No momento em que os usuários suspeitam que a barra os está manipulando em vez de informá-los, ela deixa de ser motivação e passa a ser atrito com uma camada de tinta.
Medindo o impacto: os três números que importam
Uma barra de progresso é uma funcionalidade com uma tarefa, e essa tarefa é mensurável. Acompanhe estas três métricas, nesta ordem:
- Taxa de conclusão do onboarding. A parcela de novos usuários que conclui todos os passos definidos. É o resultado direto da barra; se ela não subir depois do lançamento, os passos, a ordem ou o posicionamento precisam de ajustes.
- Abandono por passo. Onde exatamente os usuários travam. Um penhasco em um passo é um presente: ele aponta o momento preciso em que o onboarding pede demais, cedo demais ou de forma vaga demais. Reordene, simplifique ou apoie esse passo com um tooltip ou um micro-tour, e veja o penhasco se deslocar.
- Taxa de ativação. A parcela de cadastros que chega ao primeiro valor, a métrica que todo esse aparato existe para mover. Conclusão sem ativação significa que o checklist recompensa as ações erradas; ativação subindo junto com a conclusão significa que a barra está levando os usuários a um lugar que vale a pena.
A cadeia virtuosa é assim: a barra aumenta a conclusão, a conclusão conduz os usuários por marcos reais, os marcos geram ativação, e a ativação alimenta o engajamento e a retenção de longo prazo. Qualquer elo pode se romper de forma independente, e é exatamente por isso que você mede os três em vez de declarar vitória quando a barra é lançada.
Pronto para colocar uma barra de progresso no seu onboarding?
O Kompassify permite criar checklists de onboarding com barras de progresso, product tours, tooltips e anúncios de funcionalidades: sem código, sem sprint de engenharia. Conclua os passos automaticamente a partir de ações reais dos usuários e acompanhe a resposta da conclusão e da ativação nas análises integradas. Compatível com o GDPR, hospedado na UE e gratuito para menos de 100 usuários ativos mensais.
Comece grátis →Perguntas frequentes
O que é uma barra de progresso de onboarding?
Uma barra de progresso de onboarding é um indicador visual que mostra aos novos usuários o quanto já avançaram na configuração do seu produto e quanto ainda falta, na forma de uma barra que se preenche, de uma porcentagem, de um contador de passos (Passo 2 de 5) ou de uma fração de tarefas concluídas em um checklist de onboarding. Sua função é transformar uma configuração sem fim aparente em uma meta visível e alcançável: usuários que enxergam a linha de chegada têm muito mais chance de alcançá-la do que usuários diante de uma quantidade desconhecida de trabalho pela frente.
Por que as barras de progresso funcionam no onboarding?
Três efeitos psicológicos bem documentados fazem o trabalho pesado. O efeito gradiente de meta: as pessoas aceleram o esforço à medida que se aproximam de um objetivo, então uma barra que avança visivelmente continua puxando o usuário para frente. O efeito do progresso dotado: quem sente que uma meta já está parcialmente cumprida tem muito mais chance de concluí-la. No clássico estudo de Nunes e Drèze com cartões de fidelidade, os clientes que receberam uma vantagem inicial concluíram o cartão em uma taxa quase duas vezes maior (34% contra 19%). E o efeito Zeigarnik: tarefas visíveis e inacabadas ocupam a mente, então uma barra em 80% chama o usuário de volta, discretamente, para terminar. Uma barra de progresso reúne os três em um único elemento de interface.
Uma barra de progresso de onboarding deve começar em 0%?
Não. Começar acima de zero é o truque de maior alavancagem no design de progresso, por causa do efeito do progresso dotado. Dê crédito a algo que o usuário realmente já fez ("Criar sua conta" marcado como concluído, ou "Assistir ao vídeo de boas-vindas" concluído depois que a introdução é exibida) para que a barra abra em 15–25% em vez de 0%. Uma barra vazia comunica "todo o trabalho está pela frente"; uma barra parcialmente preenchida comunica "você já começou, não desperdice isso". O crédito precisa ser honesto: pré-preencha com ações realmente concluídas, nunca com enchimento falso.
Qual é a diferença entre uma barra de progresso e um checklist de onboarding?
Eles respondem a perguntas diferentes e funcionam melhor juntos. A barra de progresso responde a "quanto já avancei?"; ela motiva, mas sozinha não diz o que fazer em seguida. O checklist de onboarding responde a "o que exatamente devo fazer agora?"; ele orienta, mas uma lista de caixas desmarcadas pode parecer lição de casa. O padrão mais forte no onboarding de SaaS é o checklist com uma barra de progresso no topo: o checklist fornece a próxima ação, a barra fornece o impulso para realizá-la, e cada item marcado faz a barra avançar visivelmente.
Quantos passos uma barra de progresso de onboarding deve ter?
Entre 3 e 7 para a maioria dos produtos SaaS. Com menos de 3, não há jornada para visualizar; com mais de 7, a meta parece exaustiva antes mesmo de o usuário começar, o que provoca abandono em vez de impulso. Cada passo deve ser um marco real de ativação, uma ação correlacionada com a permanência dos usuários, e não um preenchimento administrativo. Se a sua configuração realmente tem 15 tarefas, agrupe-as em 4–6 blocos de marcos e deixe cada bloco preencher uma fatia visível da barra.
Como medir se uma barra de progresso de onboarding está funcionando?
Acompanhe três números antes e depois de lançá-la. Taxa de conclusão do onboarding: a parcela de novos usuários que conclui todos os passos definidos. Abandono por passo: onde os usuários travam. Um passo que ninguém conclui está mal desenhado ou fora de ordem, e não é prova de que os usuários são preguiçosos. E taxa de ativação: a parcela de novos cadastros que chega ao momento de primeiro valor do seu produto, que é a métrica que a barra de progresso existe, em última instância, para mover. Se a conclusão sobe mas a ativação não, seus passos são os passos errados.
Como adicionar uma barra de progresso ao seu onboarding sem programar?
Plataformas de onboarding no-code permitem lançar uma sem tempo de engenharia. Com o Kompassify, você monta um checklist de onboarding em um editor visual, adiciona uma barra de progresso que se preenche conforme as tarefas são concluídas, marca os passos automaticamente quando os usuários realmente os executam no seu app e publica tudo com um único snippet de script. É compatível com o GDPR, hospedado na UE, gratuito para menos de 100 usuários ativos mensais, e os planos pagos começam em $129/mês.