Efeito de Contraste: Por que sua página de preços precisa de uma opção que visitantes não escolherão

Você precificou seu produto em $19/mês. Parece justo. Você coloca a página no ar com um único plano. Ninguém compra.

Então um amigo te diz para adicionar dois planos a mais , um tier gratuito reduzido e um tier profissional de $49. Você nem muda o plano de $19. A conversão salta. O que aconteceu?

Seus visitantes não estão julgando $19 no vácuo. Nunca estiveram. Eles estão comparando, e você não estava dando a eles nada para comparar. Esse é o Efeito de Contraste, e está rodando em cada página de preços, cada lista de recursos, cada antes/depois.

O que o efeito de contraste realmente é

O cérebro não avalia coisas por conta própria. Avalia relativamente. Levante um peso de 10lb, depois um de 5lb , o segundo parece mais leve que 5lb. Veja um produto de $500, depois um de $150 , o $150 parece uma barganha, mesmo quando $150 é objetivamente caro.

"Julgamentos são frequentemente influenciados não por valores absolutos, mas por comparações com outras opções disponíveis." , Richard H. Thaler

Não perguntamos "Isso é bom?" , perguntamos "Isso é melhor que aquilo?" Se você não dá aos visitantes algo para comparar, eles irão procurar um (geralmente seu concorrente).

Por que isso importa em uma página inicial

Você gasta horas escolhendo o número certo para seu preço. Nada funciona sem contexto.

Valor percebido

Coloque seu plano "principal" ao lado de um tier gratuito reduzido e um tier empresa mais rico. O do meio se torna a escolha óbvia , mesmo que você nunca tenha mudado seu preço.

Menos paralisia de escolha

Quando a comparação está incorporada na página, a resposta "certa" parece óbvia em segundos. Sem comparação, sem decisão.

Conversão mais alta

A comparação guiada orienta visitantes para o plano que você realmente quer que escolham. Sem comparação, eles pulam para avaliar você contra três concorrentes em outra aba.

Hierarquia visual

A mesma lógica se aplica fora de preços. Uma CTA brilhante contra uma página calma vence o olho. Uma página onde tudo grita não vence nada.

Como usar isso em sua página

Isso é principalmente sobre apresentação, não mudanças de produto.

1. Coloque opções lado a lado

A aplicação clássica: a tabela de preços. Coloque seu plano "Pro" entre um tier "Gratuito" (parece muito limitado) e um tier "Enterprise" (parece muito caro). Agora Pro é a escolha Goldilocks.

• Dica: Faça benefícios específicos compararem diretamente. "Armazenamento ilimitado" bem ao lado de "10GB" torna "Ilimitado" parecer infinito.
• Relacionado: As Primeiras Impressões Importam sobre ancoragem e O Isca Que Direciona sobre adicionar uma terceira opção que ninguém escolhe.

2. Use contraste visual de propósito

Isso se aplica além de preços.

• Cor: Um botão "Cadastre-se" brilhante contra um fundo calmo puxa o olho.
• Escala: Grande manchete, corpo pequeno , o cérebro instantaneamente sabe o que é primário.
• Espaçamento: Um único elemento com espaço em branco generoso ao redor parece premium. Coloque coisas juntas e parecem baratas.

3. Ordem importa

Em onboarding, uma pequena tarefa inicial (2 segundos) torna a próxima tarefa de 20 segundos factível. Uma tarefa pesada inicial torna a versão fácil parecer alívio. O mesmo se aplica em uma página inicial , começar com um recurso complexo torna o resto parecer mais simples por comparação.

4. Escolha o conjunto de comparação você mesmo

Se você não dá aos visitantes uma comparação, eles escolherão uma , geralmente seu concorrente. Melhor controlar o enquadramento: "Jeito antigo vs. nosso jeito," "Custo de designer vs. custo de UX Scan," "Média da indústria vs. nossos resultados."

Formas comuns que construtores quebram isso

Comparando muitas coisas ao mesmo tempo

• O erro: Uma página de preços com cinco tiers e 30 linhas de recurso.
• A correção: Compare 2 ou 3 coisas. Além disso, visitantes congelam.

"Tudo é o destaque"

• O erro: Cada botão é brilhante. Cada manchete é enorme. Cada seção diz "MAIS IMPORTANTE."
• A correção: Escolha uma ação primária por página. Deixe tudo mais tranquilo para poder se destacar.

Opções inúteis

• O erro: Inventar uma falsa opção ruim apenas para fazer outra parecer boa. Visitantes sentem isso.
• A correção: Faça suas comparações honestas , "este plano vs. aquele plano" com diferenças reais. O objetivo é ajudá-los a escolher o melhor ajuste, não os forçar.

---

Como produtos reais usam isso

Uber

Uber nunca mostra um único preço. Você vê UberX, Comfort e Black lado a lado, com ícones de carro, ETAs e preços em uma coluna limpa. Comfort fica no meio como a escolha "inteligente" , um pouco mais legal que X, bem mais barato que Black. O enquadramento te direciona direto para isso.

Amazon

Preço tachado é efeito de contraste em escala. $79,99 ao lado de um $120 tachado não lê como preço , lê como uma vitória de $40. Se o produto foi realmente vendido a $120 é outra questão.

Princípios relacionados

Contraste se combina bem com estes:

As Primeiras Impressões Importam (Ancoragem)

Como o primeiro número que visitantes veem enquadra cada número depois.

A Isca Que Direciona (Efeito de Decoy)

Como adicionar uma terceira opção que visitantes não escolherão torna uma das outras óbvia.

Recursos e leitura adicional

Como o Efeito de Contraste Molda Suas Decisões

Uma abordagem clara de percepção relativa e como aparece em decisões.

A Psicologia do Contraste: Projetando com Contraste

Um guia profundo sobre o lado visual e psicológico do contraste em design.

Perguntas frequentes