UX Swipe-to-Action: Tornando os gestos ocultos detectáveis e seguros
Como projetar ações de deslizar em listas: significantes, limites, confirmações de deslizamento completo, desfazer, acessibilidade e por que deslizar nunca deve ser a única maneira.
Ponto principal
As ações de deslizar são um atalho rápido para ações frequentes da lista, como arquivar ou excluir, mas estão ocultas e, portanto, nunca devem ser a única maneira de fazer algo. Use-os para ações esperadas, mostre um limite claro conforme o item se move, deixe um deslizar parcial revelar e um deslizar completo confirmar e ofereça desfazer para ações destrutivas.
Os problemas de usabilidade
Nielsen Norman Group encontrou problemas recorrentes com ações de deslizar para revelar: a falta de significantes não deixa claro onde o deslizar funciona, ações fora do padrão por trás do deslizar surpreendem as pessoas que esperam excluir ou arquivar, ocultar muitas ações por trás de um deslizar torna-as difíceis de descobrir e deslizar pode ser ambíguo quando o mesmo gesto também navega entre as seções.
Como as ações de deslizar devem se comportar
Material Design descreve o padrão comum em Android: os itens da lista podem revelar botões ao deslizar, e a ação principal é a opção final alinhada ao final, que um deslizamento completo aciona diretamente.
- Continue deslizando para ações frequentes e esperadas: arquivar, excluir, marcar como lida.
- Mostre a ação e sua cor conforme o item se move e altere-a visivelmente no limite de confirmação.
- Retorne o item se for liberado antes do limite.
- Ofereça desfazer ou peça confirmação para ações destrutivas.
- Não misture ações de deslizamento horizontal com navegação de deslizamento horizontal na mesma tela.
Nunca é o único caminho
Como o deslizar é invisível, coloque as mesmas ações em um menu visível, menu de toque longo ou tela de detalhes. Isso também abrange a acessibilidade: usuários de leitores de tela e pessoas que não conseguem realizar gestos precisos precisam de uma rota sem gestos, e as plataformas fornecem ações de acessibilidade exatamente para esse fim.
O movimento faz com que o deslizar pareça confiável
O item deve acompanhar exatamente o dedo e, ao ser liberado, uma mola que carrega a velocidade do dedo faz com que o commit ou snap-back pareça físico. Um breve toque tátil na soleira, onde a plataforma o suporta, confirma a ação antes que o dedo se levante.
Princípios-chave para lembrar
- Deslizar está oculto: sempre forneça uma alternativa visível
- Use-o para ações frequentes e esperadas
- Revelações de furto parcial, confirmações de furto completo, lançamento antecipado volta
- Desfazer ou confirmar ações destrutivas
- Evite gestos horizontais conflitantes em uma tela
Perguntas frequentes
Fontes
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3