Quando se trata do retorno tátil em dispositivos móveis, menos é mais. Vibração em excesso pode ser irritante e até mesmo dormente para as mãos, já que o dispositivo geralmente está na mão com toda a atenção do usuário. Isso também pode desviar a atenção da tarefa pretendida pelo usuário, o que pode levar o usuário a desativar rapidamente todos os recursos táteis. 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.
Nesta página, explicamos casos de uso do retorno tátil, apresentamos classificações de efeitos táteis e também aborda diretrizes básicas para apps.
Casos de uso para adicionar retorno tátil ao app
Confira algumas razões para incorporar o retorno tátil ao app.
Para notificar o usuário sobre um evento que precisa de atenção. Por exemplo, uma ligação recebida, uma mensagem de texto ou uma próxima reunião 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 pressionamento de um botão, desbloqueio de 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 contínua do usuário ou emular a interação física. Os exemplos incluem feedback de rolagem, um controle deslizante se encaixando no lugar ou efeitos táteis sincronizados com animações, sons, vídeos e jogos.
Classificações táteis
Os princípios táteis apresentados aqui foram projetados com base em retorno tátil claro, retorno tátil de alta qualidade e retorno tátil agitado.
Limpar retorno tátil
O retorno tátil claro refere-se a sensações nítidas e claras associadas a um evento discreto, como o pressionamento de um botão. Esses efeitos geralmente têm como objetivo imitar uma ação mecânica correspondente no mundo real, como as sentidas ao pressionar um botão físico.
O Android tem efeitos táteis claros predefinidos no VibrationEffect. No entanto,
em geral, os apps precisam usar constantes orientadas para a ação de
HapticFeedbackConstants para garantir a consistência de efeito e ação em todo
o dispositivo.
Outra vantagem das constantes orientadas para a ação é que a plataforma pode fornecer um comportamento de substituição caso um efeito mais complexo não tenha suporte do 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 pode parecer simples e monótono. Nesse caso, procure um retorno tátil avançado que seja mais expressivo.
Retorno tátil avançado
O retorno tátil avançado geralmente exige atuadores táteis que tenham uma largura de banda de frequência mais ampla, o que permite maior expressividade e alcance. O retorno tátil avançado também pode ser produzido sequenciando primitivas táteis claras em amplitudes e intervalos variados.
Exemplos de efeitos táteis avançados:
- Uma sensação de "flutuação", semelhante a uma borboleta batendo as asas na ponta do dedo
- Textura de uma superfície que é percebida ao arrastar ou deslizar um dedo
- As sensações de tontura e instabilidade, ou peso e reverberação
Retorno tátil movimentado
O retorno tátil movimentado pode ser caracterizado por vibrações barulhentas, agudas e penetrantes que deixam um efeito colateral, como uma sensação de formigamento, mesmo depois que a vibração acaba. Ela também tende a ter um efeito de toque que parece uma reverberação antes que a vibração seja completamente interrompida.
Confira alguns exemplos de sensações táteis de zumbido:
- Usar uma britaria
- Andar de moto
- Em dispositivos móveis, uma vibração de toque longo após o pressionamento de uma tecla
Antigos de pagers e celulares comuns, os smartphones mais simples com atuadores táteis ou drivers de baixo desempenho tendiam a produzir vibrações longas e agitadas para fins de notificação.
Diretrizes de design tátil
Em um alto nível, as diretrizes de design podem ser resumidas da seguinte forma:
- Dá preferência ao retorno tátil claro e avançado em vez do retorno tátil agitado.
- Ser consistente, tanto com o sistema quanto com o design do aplicativo.
- Esteja atento à frequência de uso e à importância.
Priorizar efeitos e constantes táteis predefinidos
Se a ação for 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 em termos de
acessibilidade.
Se você estiver criando seu próprio efeito, use os efeitos predefinidos
VibrationEffect e os primitivos VibrationEffect.Composition. É
mais provável que eles ofereçam uma experiência de qualidade consistente em todos os dispositivos
com suporte.
Relacionar a importância e a frequência dos eventos com a intensidade
Os efeitos táteis não devem sobrecarregar o usuário nem parecer injustificado.
Efeitos táteis 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, precisam ser mais fortes do que mudar um botão de 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 um objetivo, por exemplo, aumentando gradualmente a amplitude de uma sequência de marcações com ações de arrastar, soltar ou ajustar.
Ser consistente
Seja consistente no app com o retorno tátil. Se uma interação específica, como envio de formulário ou navegação no app, tiver retorno tátil, verifique se o mesmo efeito foi aplicado a todas as interações semelhantes. Isso ajuda os usuários a associar um significado a um retorno tátil específico.
Além disso, seja consistente com o sistema Android usando o mesmo
HapticFeedbackConstants para interações bem definidas, como seletores de horário ou
teclados virtuais.
Crie experiências visuais e de áudio com o retorno tátil
Considere o retorno tátil como parte da experiência total do usuário.
É altamente recomendável criar um design conjunto de efeitos visuais, de áudio e táteis. Ela precisa ser harmoniosa ou congruente com animações visuais e padrões de som. Entradas visuais e auditórias podem melhorar a percepção tátil, e um efeito tátil bem projetado pode dar uma sensação de física aos efeitos visuais e de áudio.
Por outro lado, um feedback tátil tocado fora de sincronia ou que parece 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 tátil está quebrado.
Evitar vibrações únicas para o retorno tátil
Evite usar as vibrações únicas legadas, como as
definidas por VibrationEffect.createOneShot ou executadas com as APIs
Vibrator.vibrate(long) e Vibrator.vibrate(long[], int).
Essas vibrações podem parecer agitadas quando duram por um longo período após o término da forma de onda de entrada, especialmente em dispositivos com um atuador ou driver tátil de baixo desempenho.
Um bom sinal de retorno tátil do clique de tecla precisa durar de 10 a 20 milissegundos. No entanto, o atuador pode continuar tocando por mais 20 a 50 milissegundos após o término de uma entrada de 20 milissegundos. Portanto, é melhor evitar vibrações de disparo único para esse tipo de feedback.