Princípios de design tátil

Quando se trata de retorno tátil em dispositivos móveis, menos é mais. Vibrações em excesso podem ser irritantes e até mesmo causar dormência nas mãos, já que o dispositivo geralmente fica na mão do usuário e recebe toda a atenção dele. Além disso, pode distrair o usuário da tarefa pretendida, o que pode levar à desativação rápida de todos os recursos hápticos. No entanto, o retorno tátil bem elaborado oferece um feedback sensorial valioso que proporciona aos usuários um engajamento mais rico com o dispositivo.

Esta página explica casos de uso para o uso de retorno tátil, 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.

  • Para notificar o usuário sobre um evento que precisa da atenção dele. Por exemplo, uma ligação ou mensagem de texto recebida ou uma reunião agendada no calendário.

  • Para confirmar uma mudança de estado no dispositivo após uma ação do usuário. Por exemplo, feedback de clique para pressionar um botão, desbloquear um smartphone, aceitação ou rejeição de impressão digital ou ativação da câmera.

  • Para encantar o usuário com efeitos. Esses efeitos podem aprimorar uma ação do usuário em andamento ou emular a interação física. Por exemplo, feedback de rolagem, um controle deslizante encaixando no lugar ou efeitos hápticos sincronizados com animações, sons, vídeos e jogos.

Classificações de retorno tátil

Os princípios de retorno tátil apresentados aqui são projetados em torno de retorno tátil claro, retorno tátil rico e retorno tátil vibratório.

Limpar retorno tátil

O retorno tátil claro se refere a sensações nítidas e limpas associadas a um evento discreto, como pressionamentos de botão. Esses efeitos geralmente imitam uma ação mecânica correspondente do mundo real, como as sentidas ao pressionar um botão físico.

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

Outra vantagem das constantes orientadas a ações é que a plataforma pode fornecer um comportamento de substituição se um efeito mais complexo não for compatível com o dispositivo do usuário.

À medida que você expande os casos de uso do retorno tátil, o retorno tátil claro disponível às vezes parece simples e monótono. Nesse caso, use hápticos avançados que sejam mais expressivos.

Retorno tátil avançado

Os recursos hápticos avançados geralmente exigem atuadores hápticos com uma largura de banda de frequência maior, permitindo mais expressividade e alcance. Hápticos avançados também podem ser produzidos sequenciando primitivos de retorno tátil claros em amplitudes e intervalos variados.

Exemplos de efeitos hápticos avançados:

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

Retorno tátil serelepe

O retorno tátil intenso pode ser caracterizado por vibrações ruidosas, fortes e penetrantes que deixam um efeito posterior, como uma sensação de formigamento, mesmo depois que a vibração termina. Ele também tende a ter um efeito de toque que parece uma reverberação antes de parar completamente.

Exemplos de sensações táteis vibrantes:

  • Operar um martelo demolidor
  • Andar de moto
  • Em dispositivos móveis, uma vibração longa e contínua após pressionar uma tecla

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

Diretrizes de design tátil

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

  • Prefira retornos táteis ricos e claros em vez de retornos táteis vibratórios.
  • Mantenha a consistência 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 ação estiver coberta por uma ação predefinida presente em HapticFeedbackConstants, use essa constante. Isso garante uma experiência de interação do usuário consistente, o que é particularmente valioso como uma consideração de acessibilidade.

Se você estiver criando seu próprio efeito, considere usar os efeitos predefinidos VibrationEffect e as primitivas VibrationEffect.Composition. É mais provável que eles ofereçam uma experiência de qualidade consistente em 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 desnecessários.

  • Os efeitos hápticos aplicados a eventos muito frequentes, como rolar ou mover uma alça de texto, 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, devem ser mais fortes do que mudar uma alternância 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, aumente gradualmente a amplitude de uma sequência de tiques com ações de arrastar, soltar ou ajustar.

Seja consistente

Mantenha a consistência na aplicação de hápticos no app. Se uma interação específica, como envio de formulário ou 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 retorno 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 experiências visuais e de áudio com retorno tátil

Considere o retorno tátil como parte da experiência do usuário total.

Recomendamos fortemente o design conjunto de efeitos visuais, de áudio e táteis. Harmonize ou deixe congruente com animações visuais e padrões de som. As entradas visuais e auditivas podem melhorar o retorno tátil percebido, e um efeito tátil bem projetado pode dar uma sensação de fisicalidade aos efeitos visuais e de áudio.

Por outro lado, um retorno tátil que é reproduzido fora de sincronia ou que parece inconsistente com efeitos visuais e de áudio pode ser um pouco perturbador para o usuário. Em alguns casos, o usuário pode achar que o atuador háptico está quebrado.

Evitar vibrações únicas legadas para retorno tátil

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

Essas vibrações podem parecer um zumbido quando duram muito tempo depois que a forma de onda de entrada termina, especialmente em dispositivos com um atuador ou driver háptico de baixo desempenho.

Um bom sinal de feedback háptico de clique de tecla deve durar entre 10 e 20 milissegundos. No entanto, o atuador pode continuar tocando por mais 20 a 50 milissegundos após o fim de uma entrada de 20 milissegundos. Portanto, é melhor evitar vibrações únicas para esse tipo de feedback.