Design de gesto mobile

Mapear movimentos naturais de dedo, como toque, swipe e pinça, pra ações no app de um jeito intuitivo.

Hard

O que é

Design de gesto mobile é a decisão de quais interações por toque o app vai usar, como toque, swipe, pinça e gesto de vários dedos. O alvo é que esses gestos pareçam naturais, descobríveis e eficientes, mapeando o movimento da mão pra uma ação que faça sentido.

Muito app erra ao implementar gesto pelo que é tecnicamente possível, e não pelo movimento que a mão faz por instinto. Aí a pessoa toca, arrasta e a interface quebra ou dispara uma ação que ela nem queria, o que gera frustração rápido.

Gesto bom mapeia ação física que a pessoa já conhece, porque duplo toque pra curtir e pinça pra dar zoom funcionam já que viraram padrão, então a pessoa descobre e lembra sem precisar de tutorial. Gesto escondido demais, porém, vira função que ninguém acha.

Em uma frase

Esconder essa ação só no swipe é furada, sem affordance ninguém vai descobrir o gesto.

A pergunta que ele responde

Como eu escolho gestos de toque que a pessoa descobre e lembra sem tutorial?

Quando usar

Use ao desenhar interação por toque em app mobile, escolhendo gestos que a mão já conhece.

Como não usar

O cuidado é não sobrecarregar a tela de gestos inventados e escondidos, sem pista nenhuma, exigindo que a pessoa adivinhe.

Na prática

Pense num time que esconde uma ação central só no swipe lateral, sem nenhuma dica na tela. O resultado costuma ser previsível: quase ninguém descobre que ela existe.

Não confunda com

Vale separar gesto de affordance. O gesto é o movimento que executa a ação, o que a mão faz, enquanto a affordance é a pista visual que sinaliza que aquela ação existe. Quando há gesto sem pista, a função fica praticamente invisível.

D

Em inglês

Mobile Gesture Design

Pronúncia

n/a

Também chamado de

gesto mobile, design de gestos

Origem

n/a

Fonte

Saiba mais

Apple, Human Interface Guidelines, seção sobre gestures e interação por toque