Leis de UX: Fitts, Hick, Gestalt e Padrão em F no Marketing

# Leis de UX: Fitts, Hick, Gestalt e Padrão em F no MarketingAs **leis de [UX](https://clubmartech.com.br/blog/ux-ui-design-digitais/)** são regularidades observadas em pesquisa sobre percepção e comportamento que descrevem, de forma previsível, quanto esforço mental uma [interface](https://clubmartech.com.br/blog/interface-usuario-conectar-negocio/) exige do usuário. Elas não dizem o que é bonito. Elas dizem o que custa caro para o cérebro processar.Pense em orçamento de atenção. Cada visitante chega com uma quantidade limitada de energia mental e gasta ela em duas coisas: entender a interface e avaliar a oferta. Cada real gasto entendendo onde clicar é um real que não sobra para decidir comprar. As leis de UX são a lista de preços desse orçamento.Este artigo cobre as cinco leis com mais impacto direto em [conversão](https://clubmartech.com.br/blog/conversao-clientes-extrair-trafego/) em

, o exemplo concreto de cada uma, e por que aplicá-las isoladamente costuma piorar a página em vez de melhorar.## As cinco leis que mais afetam conversãoExistem dezenas de leis catalogadas. Estas cinco cobrem a maior parte do que acontece de errado em uma página de [marketing](https://comecandonaweb.com.br/marketing-digital/).### Lei de Fitts: tamanho e distância definem o tempo até o cliqueA Lei de Fitts prevê que o tempo para atingir um alvo cresce conforme ele fica menor ou mais distante. Nasceu em pesquisa de movimento motor e virou a base do desenho de botões.O exemplo mais claro é o tamanho da tela do iPhone. Com o aparelho pequeno, o polegar alcançava tudo. Conforme as telas cresceram, a zona confortável deixou de cobrir o topo — e por isso as ações principais migraram para a parte inferior em praticamente todo aplicativo moderno. O alvo não mudou de tamanho; a distância mudou.**Aplicação em página de marketing:** o CTA precisa ser grande o suficiente para o dedo, não para o mouse. Isso vale inclusive para as páginas que o time monta sozinho em [ferramentas](https://clubmartech.com.br/blog/ferramentas-heatmap-converter-receita/) como

— o layout gerado quase nunca respeita a zona do polegar. E o botão que fecha um formulário longo deve estar onde o olho termina de ler, não a três roladas de distância.### Lei de Hick-Hyman: cada opção adicional cobra tempo de decisãoA Lei de Hick-Hyman diz que o tempo de decisão cresce conforme o número de alternativas aumenta. Não é linear: o custo cresce de forma logarítmica, o que significa que ir de duas para quatro opções dói mais do que ir de dez para doze.A comparação que ilustra isso é entre um controle remoto genérico e o da Amazon Fire TV. O genérico tem cinquenta botões do mesmo tamanho, quase todos irrelevantes. O da Fire TV tem meia dúzia. Ninguém usava os cinquenta — a diferença é que o segundo assume isso em vez de empurrar a triagem para o usuário.**Aplicação em página de marketing:** uma página de preços com doze planos não é generosa, é preguiçosa. Ela transfere para o visitante o trabalho de decidir que a empresa não quis fazer. Três opções resolvem quase todo caso de SaaS. É o mesmo raciocínio do

: se você sabe qual progresso o cliente contratou, não precisa oferecer doze caminhos até ele. Vale para formulário também — cada campo é uma decisão, e campo que você não vai usar só custa.### Efeito Von Restorff: o que destoa é o que se lembraO Efeito Von Restorff, ou efeito de isolamento, descreve que em um conjunto de elementos semelhantes o item que quebra o padrão é lembrado de forma desproporcional. Destaque não é propriedade do elemento — é relação entre ele e o resto.A tabela de preços de SaaS com o selo "Most Popular" é a aplicação mais reconhecível. O plano marcado não é objetivamente melhor: é o único diferente, e por isso vira o padrão de comparação e o mais escolhido.**Aplicação em página de marketing:** se todos os botões usam a cor da marca, nenhum botão se destaca. O CTA principal precisa ser a única coisa naquela cor. Isso costuma incomodar o time de identidade visual, e é exatamente aí que vale lembrar que a lei é sobre contraste relativo, não sobre paleta.### Psicologia da forma (Gestalt): proximidade cria significadoOs princípios de Gestalt descrevem como o cérebro agrupa estímulos automaticamente. O mais operacional é a proximidade: elementos próximos são lidos como relacionados, mesmo quando não são. Espaço em branco não é sobra de layout — é o que separa um grupo do outro.**Aplicação em página de marketing:** o clássico é colar o checkbox de newsletter no aceite dos termos de uso. Visualmente viraram um grupo, e o usuário assina os dois achando que assinou um — violação de Gestalt e um dos

mais comuns. Rótulo colado no campo errado e nota de rodapé longe da condição que qualifica são variações do mesmo problema.### Padrão em F: onde os olhos realmente vãoEstudos de eye-tracking mostram que, em páginas com muito texto corrido, o olhar desenha algo parecido com a letra F: a primeira linha é lida quase inteira, a segunda pela metade, e daí em diante o olho desce pela margem esquerda pegando os primeiros termos de cada bloco.O heatmap dessas sessões é brutal. O canto inferior direito de um parágrafo longo é praticamente território morto.**Aplicação em página de marketing:** coloque a informação decisiva no início do bloco e à esquerda. Comece frases pela palavra que carrega o significado, não pelo conector. Use subtítulos honestos, listas e negrito com parcimônia — o negrito só funciona enquanto for raro. Isso importa duas vezes hoje, porque a mesma estrutura que ajuda o olho humano ajuda quem trabalha com

— resposta antes do rodeio é boa para leitor e para modelo. Vale notar que o padrão em F é sintoma de conteúdo denso demais: quando a página é bem estruturada, o olhar tende a percorrer caminhos mais organizados.## Tabela resumo: o que cada lei prevê e o que fazer

## Por que isso é custo cognitivo, e não estéticaA confusão mais cara é tratar as leis de UX como preferência de design. Nenhuma delas fala sobre gosto — todas falam sobre quanto processamento o cérebro precisa gastar antes de agir.Isso muda a conversa interna. "Achei o botão feio" é opinião e empata com qualquer outra. "Esse botão exige comparar seis elementos idênticos antes de achar a ação" é uma afirmação sobre esforço — e esforço aparece em métrica.Uma interface bonita que exige atenção é pior do que uma interface comum que não exige. Vale lembrar também que carregamento lento é custo cognitivo antes de ser problema de

: os

medem exatamente a espera e a instabilidade visual que consomem a paciência do visitante. O objetivo não é encantar: é **não cobrar**. Quando o visitante não percebe a interface, ela funcionou. É a mesma lógica que sustenta os

— familiaridade custa menos do que originalidade.## O erro de aplicar as leis isoladamenteCada lei, levada ao extremo sozinha, produz uma página pior — elas competem entre si.Fitts no limite entrega botões enormes, e botões enormes sem hierarquia destroem Von Restorff: quando tudo grita, nada é destaque. Hick-Hyman no limite esconde opções que o usuário precisava para confiar, e a página fica simples e pouco convincente. Gestalt sem critério cria tanto espaço em branco que o conteúdo relacionado se separa.Os três erros mais recorrentes:

• **Aplicar a lei sem entender o objetivo da tela.** Reduzir opções é ótimo numa página de conversão e péssimo num catálogo, onde a variedade é o produto. Uma tela de operação interna de CRM tem regras diferentes de uma home.
• **Confundir a lei com sua implementação mais famosa.** “Botão laranja converte mais” não é Von Restorff. Von Restorff é “o botão diferente converte mais” — e num site laranja, o botão diferente não é laranja.
• **Ignorar a persona e o contexto.** Um especialista que abre a ferramenta todo dia tolera densidade que destruiria a conversão de um visitante de primeira vez.

As leis são restrições que orientam a decisão, não receita. Dizem qual direção tem custo menor, não qual é a página certa para o seu negócio.## Conexão com CRO e com testesO papel prático das leis em um programa de otimização é gerar hipóteses boas — teste ruim é quase sempre teste sem hipótese.Um teste A/B que troca a cor do botão sem explicação é chute com aparência de método. Pode ganhar, e você não vai saber por quê — ou seja, não vai replicar em outra página. Um teste desenhado a partir de uma lei tem outra forma: "a página de planos tem sete opções; Hick-Hyman prevê que reduzir para três diminui o tempo de decisão e aumenta a escolha; vamos medir escolha e não só clique".Três recomendações para o ciclo:

• **Priorize por custo cognitivo, não por opinião.** Faça uma varredura pelas cinco leis nas telas críticas e liste onde a interface cobra mais. Essa lista já é seu backlog de CRO. Ler o processo inteiro com pensamento sistêmico evita otimizar uma tela e empurrar o problema para a seguinte.
• **Meça o comportamento, não a estética.** Tempo até a ação, taxa de erro no formulário, abandono por etapa. Essas métricas respondem ao custo cognitivo de forma direta.
• **Teste uma lei por vez.** Se você aplica Fitts e Von Restorff na mesma variação, o resultado não ensina nada sobre nenhuma das duas.

Vale também usar

com cuidado nesse ponto. Modelos de

geram variações rapidamente, mas otimizam pelo que performou, não pelo que reduziu esforço. Sem hipótese ancorada, você acelera a produção de testes sem acelerar o aprendizado.## Próximos passos para aplicar as leis de UXA primeira ação concreta: abra sua página de maior tráfego no celular e faça o teste dos cinco segundos com alguém que nunca a viu. Depois de cinco segundos, pergunte o que a página oferece e onde a pessoa clicaria. Se ela não souber responder, você tem um problema de custo cognitivo — e agora sabe em qual das cinco leis ele mora.Em seguida, corrija a violação mais barata primeiro. Quase sempre é Von Restorff: reduzir a paleta até que o CTA seja o único elemento naquela cor. É uma mudança de meia hora que costuma aparecer na métrica, e ela sozinha vale mais do que muita

ligada em cima de uma página que ninguém entende.Depois disso, transforme a varredura em rotina. Uma passada pelas cinco leis antes de publicar qualquer página nova custa vinte minutos e evita o teste A/B que você faria três meses depois para descobrir a mesma coisa.