Princípios de design tátil

Quando se trata de feedback tátil em dispositivos móveis, menos é mais. Vibrações em excesso podem ser irritantes e até mesmo entorpecer as mãos, já que o dispositivo geralmente está nas mãos do usuário com toda a atenção. Isso também pode distrair o usuário da tarefa pretendida, o que pode levar o usuário a desativar rapidamente todos os retornos táteis. No entanto, os haptics bem elaborados oferecem um feedback sensorial valioso que proporciona aos usuários um engajamento mais rico com o dispositivo.

Esta página explica os casos de uso de haptics, apresenta classificações para efeitos hápticos e também aborda diretrizes básicas para apps.

Casos de uso para adicionar retorno tátil ao app

Confira alguns motivos para incorporar a resposta tátil ao seu app.

  • Notificar o usuário sobre um evento que precisa da atenção dele. Exemplos incluem uma ligação ou mensagem de texto recebida ou uma reunião futura na agenda.

  • Para confirmar uma mudança de estado no dispositivo após uma ação do usuário. Exemplos incluem feedback de clique para pressionar um botão, desbloquear um smartphone, aceitar ou rejeitar uma impressão digital ou ativar a câmera.

  • Para encantar o usuário com efeitos. Esses efeitos podem melhorar uma ação do usuário em andamento ou emular a interação física. Exemplos incluem feedback de rolagem, um controle deslizante encaixado no lugar ou efeitos táteis sincronizados com animações, sons, vídeos e jogos.

Classificações de retorno tátil

Os princípios táteis apresentados aqui foram criados em torno de interação tátil clara, interação tátil rica e interação tátil ativa.

Limpar retorno tátil

A resposta tátil clara se refere a sensações nítidas e limpas associadas a um evento discreto, como pressionar botões. Esses efeitos geralmente têm como objetivo imitar uma ação mecânica correspondente do mundo real, como aquelas sentidas ao pressionar um botão físico.

O Android tem efeitos hápticos claros predefinidos em VibrationEffect. No entanto, em geral, os apps precisam usar constantes orientadas a ações de HapticFeedbackConstants para garantir a consistência do efeito e da ação em todo o dispositivo.

A outra vantagem das constantes orientadas a ações é que a plataforma pode oferecer comportamento de fallback se um efeito mais complexo não tiver suporte do dispositivo do usuário.

À medida que você expande os casos de uso do feedback tátil, os haptics claros disponíveis às vezes podem parecer simples e monótonos. Nesse caso, busque por haptics ricas que sejam mais expressivas.

Retorno tátil avançado

As hápticas avançadas geralmente exigem atuadores hápticos com uma largura de banda de frequência maior, permitindo maior expressividade e alcance. Hápticas avançadas também podem ser produzidas sequenciando primitivas de hápticas claras em amplitudes e intervalos variados.

Exemplos de efeitos táteis avançados são:

  • Uma sensação de "borboletas", semelhante a uma borboleta batendo as asas na ponta do dedo
  • A textura de uma superfície sentida por um dedo que desliza ou desliza sobre ela
  • Sensações de instabilidade e instabilidade, ou peso e reverberação

Retorno tátil do Buzzy

As reminiscências barulhentas podem ser caracterizadas por vibrações barulhentas, nítidas e penetrantes que deixam um efeito residual, como uma sensação de formigamento, mesmo após a vibração ter terminado. Ela também tende a ter um efeito de som que parece uma reverberação antes que a vibração pare completamente.

Exemplos de sensações tátil-vibratórias são:

  • Como operar uma perfuratriz
  • Andar de moto
  • Em dispositivos móveis, uma vibração longa e sonora após o pressionamento de uma tecla

Desde os pagers e feature phones, os smartphones de baixo custo com atuadores ou drivers hápticos de baixo desempenho tendem a produzir vibrações longas e barulhentas para notificações.

Diretrizes de design tátil

De modo geral, as diretrizes de design podem ser resumidas da seguinte forma:

  • Dê preferência a feedback tátil rico e claro em vez de feedback tátil barulhento.
  • Seja consistente com o sistema e o design do app.
  • Considere a frequência de uso e a importância.

Priorizar constantes e efeitos hápticos predefinidos

Se a sua ação estiver incluída em uma ação predefinida presente em HapticFeedbackConstants, use essa constante. Isso garante uma experiência de interação consistente com o usuário, o que é particularmente valioso como uma consideração de acessibilidade.

Se você estiver criando seu próprio efeito, use os efeitos predefinidos VibrationEffect e as primitivas VibrationEffect.Composition. Eles têm mais probabilidade de oferecer uma experiência de qualidade consistente em todos os dispositivos compatíveis.

Correlacionar a importância e a frequência do evento com a intensidade

Os efeitos hápticos não podem sobrecarregar o usuário nem parecer sem custo financeiro.

  • Os efeitos táteis aplicados a eventos muito frequentes, como rolar ou mover um text handle, precisam ser muito sutis para proporcionar uma experiência geral agradável.

  • Eventos mais importantes, como atualizar uma página ou enviar um formulário, precisam ser mais fortes do que mudar um botão ou rolar uma lista, por exemplo.

  • Combine os dois conceitos para criar efeitos que se tornam mais fortes à medida que a interação atinge uma meta, por exemplo, aumentando gradualmente a amplitude de uma sequência de marcações com ações de arrastar, soltar ou fixar.

Ser consistente

Seja consistente no app com a aplicação de retorno tátil. Se uma interação específica, como o envio de formulários ou a navegação no app, tiver feedback tátil, verifique se o mesmo efeito é aplicado a todas as interações semelhantes. Isso ajuda os usuários a associar um significado a um feedback tátil específico.

Também seja consistente com o sistema Android usando o mesmo HapticFeedbackConstants para interações bem definidas, como seletores de horário ou teclados virtuais.

Projetar a experiência visual e de áudio com a resposta tátil

Considere a resposta tátil como parte da experiência total do usuário.

Recomendamos o co-design de efeitos visuais, sonoros e táteis. Faça com que ele seja harmonioso ou congruente com animações visuais e padrões de som. As entradas visuais e auditivas podem melhorar a sensação tátil percebida, e um efeito tátil bem projetado pode proporcionar uma sensação de materialidade aos efeitos visuais e sonoros.

Por outro lado, um feedback tátil fora de sincronia ou que pareça inconsistente com os efeitos visuais e de áudio pode ser um pouco perturbador para o usuário. Em alguns casos, o usuário pode perceber que o atuador háptico está quebrado.

Evitar vibrações únicas legados para feedback tátil

Evite usar as vibrações únicas legados, como as definidas por VibrationEffect.createOneShot ou realizadas com as APIs Vibrator.vibrate(long) e Vibrator.vibrate(long[], int).

Essas vibrações podem parecer zumbidos quando durarem por um longo período após o termino da forma de onda de entrada, especialmente em dispositivos com um atuador ou driver táteis de baixo desempenho.

Um bom indicador de retorno tátil de clique de tecla precisa durar entre 10 e 20 milissegundos. No entanto, o atuador pode continuar a tocar por mais 20 a 50 milissegundos após o término de uma entrada de 20 milissegundos no atuador. Portanto, é melhor evitar vibrações únicas para esse tipo de feedback.