Utilize a análise de cliques mortos para encontrar affordances quebradas

Na análise de produtos, a análise de cliques mortos é a prática de encontrar cliques que não produzem nenhum resultado visível ou técnico e decidir quais deles revelam um problema real.

Um clique morto acontece quando um usuário clica em algo e nada responde. Nenhuma navegação, nenhuma mudança de estado, nenhuma chamada de rede, nenhum feedback de qualquer tipo. O elemento parecia acionável, então o usuário tentou, e a interface não fez nada.

A maioria das ferramentas deteta cliques mortos com uma regra simples: um clique atinge um elemento e nenhuma mudança mensurável ocorre dentro de uma pequena janela. O sinal é barato de calcular e muitas vezes útil. Também é barulhento, porque "nada mudou" e "nada mudou que pudéssemos observar" não são a mesma coisa.

Por que os cliques mortos importam

Um clique morto é geralmente um sintoma de uma entre algumas causas subjacentes.

• Uma affordance quebrada, em que um texto, um ícone ou um cartão parece clicável mas nunca foi ligado a nada.
• Uma lacuna de latência, em que existe um manipulador mas a resposta é lenta o suficiente para o clique parecer morto.
• Um erro de JavaScript, em que uma exceção interrompeu o manipulador antes de ele poder ser executado.
• Um alvo coberto ou desativado, em que uma sobreposição, um estado obsoleto ou um carregamento com falha bloqueou o controlo real.

Cada um destes casos corrói a confiança na interface. Quando um usuário clica e não obtém resposta, a suposição mais segura que ele faz é que o produto está quebrado, e muitos deles vão embora.

Comece pelo que deveria ter acontecido

A pergunta mais útil é o que a interface deveria fazer após o clique.

• Um elemento que nunca foi interativo sugere uma affordance enganosa ou um problema de design.
• Um manipulador que existe mas falhou sugere um erro de script ou um pedido bloqueado.
• Uma resposta que acabou por chegar sugere latência em vez de um verdadeiro beco sem saída.
• Um controlo que é corretamente inerte, como um texto do corpo em que o usuário clicou por acidente, não sugere problema algum.

A repetição fornece o estado circundante. Erros de console e telemetria de rede podem fornecer uma causa. Os dados de funil e de meta mostram se o clique morto alterou o resultado.

Uma classificação útil

Manipulador em falta

O elemento parece acionável mas nunca foi vinculado a nenhum comportamento. Um div estilizado, um ícone decorativo ou um rótulo que se lê como um link. Isto costuma ser um problema de design ou de marcação.

Falha silenciosa

Existe um manipulador, mas ele lançou um erro ou atingiu um pedido com falha, então o clique não fez nada que o usuário pudesse ver. O contexto de console e de rede geralmente revela a causa.

Latência confundida com morte

O clique funcionou, mas a resposta foi lenta o suficiente para o usuário não perceber nenhum resultado. Feedback de carregamento ou estado otimista muitas vezes resolve o comportamento sem alterar a lógica.

Alvo bloqueado

Uma sobreposição, um resíduo de modal, um componente obsoleto ou uma página parcialmente carregada cobriu o controlo pretendido. O usuário clicou no lugar certo, mas o clique nunca o alcançou.

Disparo inofensivo

O usuário clicou por acidente em conteúdo não interativo, como espaço em branco, uma imagem ou um parágrafo. Nada deveria acontecer. Exclua ou reduza o peso dessas superfícies.

Agrupe antes de priorizar

Um painel com 1.200 eventos individuais de cliques mortos não é uma lista de trabalho. Agrupe os sinais por rota, elemento, estado da interface, versão, dispositivo e resultado observado.

Em seguida, classifique os clusters utilizando:

• Usuários e sessões afetados únicos.
• Alteração da linha de base normal.
• Funil ou proximidade do objetivo.
• Abandono após o clique morto.
• Importância da receita ou da conta.
• Nova concentração após uma versão.
• Erros de suporte, pedidos com falha ou atrasos no desempenho.

Um pequeno cluster num elemento de checkout que não leva a lado nenhum pode merecer muito mais atenção do que um grande cluster num gráfico decorativo do rodapé.

Cliques mortos versus cliques de raiva

Os dois sinais estão relacionados mas descrevem comportamentos diferentes, e confundi-los leva à correção errada.

• Um clique morto é um único clique que não produz resultado. Ele frequentemente reflete um usuário que tentou uma vez e desistiu.
• Um clique de raiva é uma explosão rápida de cliques no mesmo ponto, refletindo um usuário que tentou repetidamente por frustração.

Eles frequentemente aparecem juntos. Um alvo morto que um usuário determinado martela torna-se um cluster de cliques de raiva no mesmo elemento, enquanto um usuário resignado deixa apenas um clique morto. A análise de cliques mortos tende a captar as falhas silenciosas que os cliques de raiva não detetam, porque nem todos clicam duas vezes. Trate ambos como entradas e deixe que a causa subjacente, e não a contagem de cliques, oriente a prioridade.

Como a IA ajuda

A detecção baseada em regras encontra o candidato. A IA pode inspecionar o resultado visual, confirmar se algo realmente mudou, ler o contexto de console e de rede, comparar gravações semelhantes e separar clusters que partilham um seletor mas têm causas diferentes.

Ela não deve simplesmente rotular todos os cliques mortos como "quebrados". Uma descoberta útil diz no que o usuário tentou clicar, o que o produto deixou de fazer, com que frequência isso aconteceu, perto de qual funil ou meta se situa e onde está a evidência de repetição.

O Flowsery agrupa os cliques mortos em problemas priorizados ligados a funis e metas, para que os clusters que bloqueiam a conversão se destaquem acima dos disparos inofensivos, em vez de ficarem numa única lista plana.

Lista de verificação de investigação

Abra três a cinco gravações representativas do mesmo cluster e pergunte:

1. O mesmo elemento e estado estão envolvidos?
2. O elemento algum dia deveria ser interativo?
3. Um manipulador foi executado e ele deu erro?
4. Um pedido falhou ou chegou lento demais para parecer responsivo?
5. O alvo real estava coberto ou desativado no momento do clique?
6. O usuário recuperou, converteu ou saiu?
7. O comportamento está limitado a um browser, dispositivo, variante de página ou versão?

Crie um problema apenas quando o cluster estiver coerente. Inclua um carimbo de data/hora de reprodução direta, contagem afetada, divisão do ambiente, causa provável e resultado esperado.

Evitando a detecção de ruído

Exclua superfícies não interativas conhecidas para que cliques acidentais em imagens e texto do corpo não inundem o relatório. Considere a latência ampliando a janela de observação antes de um clique ser considerado morto. Suprima sinais duplicados numa mesma sessão. Mantenha as linhas de base por rota e componente, em vez de aplicar um único limite a todo o produto.

Reveja os falsos positivos semanalmente durante a implementação. Uma equipe que descarta o mesmo elemento decorativo todos os dias deve corrigir a regra, e não continuar a treinar pessoas para ignorar os alertas.

Perguntas frequentes

O que é exatamente um clique morto?

Um clique num elemento que não produz nenhuma resposta visível ou técnica, como nenhuma navegação, nenhuma mudança de estado e nenhuma atividade de rede. O elemento geralmente parecia clicável, e é por isso que o usuário tentou.

O que causa cliques mortos?

As causas comuns são manipuladores de clique em falta, affordances enganosas, erros de JavaScript, pedidos com falha, alvos cobertos ou desativados, e latência grave o suficiente para a resposta parecer ausente.

Como os cliques mortos se diferenciam dos cliques de raiva?

Um clique morto é um único clique que não leva a lado nenhum. Um clique de raiva é uma explosão rápida de cliques motivada por frustração. Os cliques mortos captam usuários que desistem após uma tentativa, então eles revelam falhas silenciosas que os cliques de raiva podem não detetar.

Todos os cliques mortos valem a pena corrigir?

Não. Muitos são cliques inofensivos em conteúdo não interativo. Priorize os clusters que se situam perto de um funil ou meta, afetam muitos usuários ou cresceram após uma versão.

O que deve conter um problema de clique morto?

Inclua o elemento e o estado afetados, o que o usuário esperava, a causa provável como um manipulador em falta ou um erro de script, a frequência, o segmento impactado, a evidência de reprodução direta e qualquer erro de console próximo ou pedido com falha.

Transforme provas de sessão em problemas prioritários com o Flowsery - comece gratuitamente e analise as sessões relevantes.