Finger food e a lei de Fitts

Opa, Felipe Kamimura se apresentando! E para aquecer vamos de quitutes (e leis de psicologia aplicada a UX).

Finger food, de conceito simples são comidinhas para se comer com os dedos, para isso devem ser pequenas o suficiente para ser um aperitivo mas não minúsculas ao ponto de você ter dificuldade de pegá-las, caso contrário, já pensou o tempo que você levaria para acertar o alvo?

O mesmo acontece com interfaces e inclusive é um princípio, a lei de Fitts. Jon Yablonski comenta em seu livro Leis da psicologia aplicadas a UX que existem 3 considerações principais sobre o alvo de toque:

• Que devem ser grandes o suficiente para que as pessoas consigam identificar e acioná-los com precisão;
• Que os alvos precisam ter um bom espaço entre eles para evitar acidentes;
• Devem estar localizados de modo que permitam o seu fácil acesso.

As guidelines mais usuais para interface de toque determinam que o tamanho mínimo aceitável para a hitbox de um ícone é uma caixa quadrada de lado 44pt no Human interface guidelines ou 48dp para o Material design. Isso significa que além do ícone, existe uma área “invisível” ao seu redor que deve permitir o seu acesso.

E isso não se aplica somente a ícones que servem como botão, é também uma ótima prática aplicar em input de texto, um checkbox, um radio button, um seletor, um botão em um formulário…a interação não precisa se limitar somente sobre o texto ou caixa de seleção e sim em seu corpo inteiro.

O fingerfood deve trazer essa facilidade de ser rápido e fácil de pegar. Para você designer ou desenvolvedor lembre-se que quanto maior a área de toque, mais fácil e rápido será para a pessoa usuária atingir o seu objetivo, mas tenha o cuidado que ela não quer esbarrar por acidente em outra opção.

Então ao projetar suas interfaces lembre-se desse principio: Lei de Fitts! É só lembrar de fit de caber, encaixar, 44, 48, finger food…não que esse nome lhe será cobrado de alguma forma, o importante é saber aplicá-la e o quanto isso facilita e muito a vida de nossos clientes, então coloca esse ícone dentro de uma caixa invisível para funcionar como botão!

O estudo da lei de Fitts é mais aprofundado  que esse post foi apenas um aperitivo #fingerfood ;)