Pular para o conteudo principal
Integrare
Web Design

Lei de Fitts

Também conhecido como: Fitts's Law, Lei de Fitts, Modelo de Fitts, Lei do Apontamento

A Lei de Fitts prevê que o tempo para atingir um alvo depende da distância até ele e do seu tamanho: alvos maiores e mais próximos são mais rápidos de alcançar. Foi proposta por Paul Fitts em 1954.

IP

Ivan Prizon

CEO & Estrategista Digital -- Integrare

6 min

O que é a Lei de Fitts?

A Lei de Fitts é um modelo preditivo que descreve o tempo necessário para apontar e atingir um alvo a partir de dois fatores: a distância que o membro (ou o cursor) precisa percorrer até o alvo e o tamanho do alvo na direção do movimento. O enunciado resume-se a uma intuição que qualquer pessoa já experimentou: é mais rápido e mais seguro acertar um botão grande e perto do ponto de partida do que um botão pequeno e distante.

O modelo foi proposto pelo psicólogo norte-americano Paul Morris Fitts em 1954, no artigo em que investigou a capacidade de informação do sistema motor humano. Fitts pediu a participantes que tocassem alternadamente dois alvos com um estilete, variando distância e largura, e mediu o tempo de movimento. A formulação clássica relaciona o tempo de movimento (MT) a uma constante somada ao logaritmo da razão entre o dobro da distância (A) e a largura do alvo (W): MT = a + b · log₂(2A / W). O termo logarítmico é chamado de Índice de Dificuldade (ID): quanto maior a distância em relação ao tamanho do alvo, maior a dificuldade e mais lento o movimento.

O mecanismo por trás da lei

O motivo de a relação ser logarítmica, e não linear, está na forma como o movimento humano é executado. Um gesto de apontar não é um único impulso contínuo: ele combina um movimento balístico inicial, rápido e impreciso, com correções sucessivas de aproximação fina perto do alvo. Quanto menor o alvo, mais correções o sistema motor precisa fazer para não passar do ponto, e cada correção custa tempo. Alvos grandes toleram mais imprecisão e exigem menos ajustes; alvos pequenos punem o erro e forçam a desaceleração. Por isso a lei prevê não só lentidão, mas também maior taxa de erro quando o alvo é apertado.

Vale notar que a Lei de Fitts é unidimensional na sua forma original: ela considera a largura do alvo na direção do movimento. Em interfaces bidimensionais, modelos derivados (como a formulação de MacKenzie e Buxton) ajustam a medição para considerar altura e largura, o que importa, por exemplo, em alvos muito estreitos como uma barra de menu fina.

Por que isso importa no design de interfaces

Em uma interface, cada botão, link, ícone, campo e item de menu é um alvo. A Lei de Fitts oferece um critério objetivo para decidir tamanho e posição de elementos clicáveis, em vez de deixar essas escolhas ao acaso estético. Ela explica por que botões pequenos demais frustram, por que a ação principal de uma tela merece área de clique generosa e por que a localização na tela tem efeito mensurável sobre a velocidade.

Um corolário famoso é o das bordas e cantos. Quando o cursor é arremessado contra a borda da tela, ele para ali, independentemente da força do movimento; o limite físico da tela transforma a borda em um alvo de largura praticamente infinita. O canto é ainda melhor, porque é "infinito" em duas direções. É por isso que sistemas operacionais posicionam o menu principal no topo absoluto da tela ou o botão de iniciar no canto: são posições de aquisição quase instantânea.

Exemplos em UX e interface

  • Menu de contexto junto ao cursor: ao clicar com o botão direito, o menu aparece exatamente onde o ponteiro está, reduzindo a distância a percorrer a quase zero. Comparado a um menu fixo no topo da tela, o ganho de tempo é direto.
  • Área de toque maior que o ícone visível: em formulários e barras de navegação, ampliar a região clicável de uma caixa de seleção para incluir o rótulo ao lado torna o alvo muito maior sem mudar o visual, o que acelera o toque e reduz erros.
  • Botão primário versus secundário: dar ao botão de ação principal um tamanho maior e posicioná-lo no fluxo natural de leitura aplica a lei na prática, enquanto ações destrutivas ou raras ficam menores e mais afastadas para evitar acionamento acidental.

Implicações no mobile

Em telas de toque, o "ponteiro" é o dedo, cuja área de contato é grande e imprecisa. Diretrizes de plataformas recomendam alvos de toque com tamanho mínimo confortável e espaçamento entre eles, justamente para compensar essa imprecisão. Botões minúsculos e colados aumentam erros de toque e prejudicam a acessibilidade, sobretudo para pessoas com tremor, baixa visão ou limitações motoras. No celular, a geografia do alcance também conta: o polegar atinge com facilidade a metade inferior da tela, e ações frequentes posicionadas ali são mais rápidas do que as encostadas no topo.

Aplicação prática

Dimensione áreas clicáveis pela importância e pela frequência de uso, não apenas pela estética. Aumente a área de toque para além do ícone visível, garanta espaçamento entre alvos no mobile e posicione funções críticas em regiões de fácil alcance, como bordas, cantos e a zona do polegar. Reduza a distância entre passos encadeados de um fluxo, mantendo o próximo alvo próximo de onde o anterior terminou. Em UI design, a Lei de Fitts conversa com as microinterações: um alvo bem dimensionado, com estado de foco e feedback claro, reduz erros e acelera a tarefa. Ela também complementa a Lei de Hick, que trata do custo de decidir entre opções, enquanto Fitts trata do custo motor de alcançá-las.

Críticas e limites

A Lei de Fitts é uma das mais robustas e replicadas da interação humano-computador, mas tem fronteiras. Ela modela movimentos de apontar simples e não captura bem gestos complexos, trajetórias com obstáculos ou tarefas que dependem mais de busca visual do que de execução motora. O coeficiente da fórmula varia conforme o dispositivo de entrada (mouse, trackpad, caneta, toque), de modo que os parâmetros não são universais. E o erro de leitura mais comum é o reducionismo: transformar a lei no slogan "faça botões grandes". Isso ignora metade do enunciado, a distância, e leva a interfaces poluídas de elementos enormes. Um botão grande mal posicionado ainda é lento, e empilhar alvos gigantes prejudica a clareza. O bom design equilibra tamanho, distância e o espaço em branco que organiza a tela; espaço em branco estrutura, alvos minúsculos punem, e o excesso de elementos volumosos confunde.

Alerta de Buzzword

Por que esse termo virou moda e o que ele realmente significa

Reduzida ao slogan "faça botões grandes", o que ignora metade da lei. Fitts trata de distância e tamanho juntos: um botão grande mas mal posicionado ainda é lento. Também é citada para justificar interfaces poluídas de elementos enormes, o que contraria o equilíbrio entre alvo e clareza.

Reality Check

O que funciona de verdade na prática do dia a dia

Paul Fitts (1954) modelou a capacidade do sistema motor humano e mostrou que o tempo de movimento cresce com o logaritmo da razão entre distância e largura do alvo. É uma das leis mais replicadas da interação humano-computador e vale tanto para o mouse quanto, com adaptações, para o toque.

Aplicação Prática

Como a Integrare implementa isso no seu negócio

Dimensione áreas clicáveis pela importância e frequência de uso. Aumente a área de toque além do ícone visível, mantenha espaçamento entre alvos no mobile e posicione funções críticas em regiões de fácil alcance, como cantos e bordas. Não reduza botões em nome da estética ao ponto de prejudicar a precisão.

Continue explorando

Continue Aprendendo

Termos Relacionados

Explore conceitos complementares para aprofundar seu conhecimento

Web Design

UI Design

Disciplina responsável pelo design visual das telas com as quais o usuário interage — botões, formulários, navegação, ícones, tipografia e cores — com foco em clareza, consistência e hierarquia visual.

Web Design

Conversion Rate Optimization

Conversion Rate Optimization (CRO) é a disciplina de aumentar o percentual de visitantes que realizam uma ação desejada em um site, extraindo mais resultado do tráfego existente sem aumentar o investimento em mídia.

Web Design

Landing Page

Landing Page é uma página web criada com objetivo único de conversão — transformar o visitante em lead ou cliente por meio de uma oferta específica, CTA claro e eliminação de distrações.

Web Design

Prototipagem

Processo de criação de versoes preliminares é interativas de um produto digital para testar conceitos, validar fluxos com usuarios é refinar a experiência antes do investimento em desenvolvimento completo.

Web Design

Design Centrado no Usuário

Design Centrado no Usuário (DCU) é uma abordagem de design que coloca as necessidades, comportamentos e limitações reais dos usuários no centro de todas as decisões de projeto, utilizando pesquisa, testes e iteração contínua para criar soluções verdadeiramente úteis.

Web Design

Hospedagem Web

Serviço de infraestrutura que armazena os arquivos de um site em servidores conectados à internet, tornando-o acessível a visitantes de qualquer lugar do mundo — e impactando diretamente a velocidade, a disponibilidade e o ranqueamento no Google.

Pronto para aplicar esses conceitos?

Converse com nossos especialistas e descubra como transformar conhecimento em resultados reais

Fale no WhatsApp

Nos respeitamos sua privacidade

Utilizamos cookies para melhorar sua experiencia. Ao clicar em "Aceitar todos", voce concorda com o uso de todos os cookies.

Cookies Essenciais (Obrigatorios)

Necessarios para o funcionamento basico do site.

Cookies de Analise

Ajudam a entender como os visitantes interagem com o site.

Cookies de Marketing

Usados para exibir anuncios relevantes.