Principes de conception des technologies haptiques

Ce document explique les principes du retour haptique sur les appareils Android, en abordant les cas d'utilisation, les classifications des effets haptiques (clairs, riches et bourdonnants) et les consignes de conception essentielles pour les développeurs d'applications. keywords_public: > haptics, vibration, feedback, Android, UI, UX, design, principles, guidelines, HapticFeedbackConstants

En ce qui concerne le retour haptique sur les appareils mobiles, moins, c'est mieux. Trop de vibrations peuvent être gênantes, voire engourdir les mains, car l'utilisateur tient généralement l'appareil en main et y prête toute son attention. Cela peut également distraire l'utilisateur de la tâche qu'il souhaite effectuer, ce qui peut l'inciter à désactiver rapidement tous les retours haptiques. Toutefois, des retours haptiques bien conçus fournissent un retour sensoriel précieux qui permet aux utilisateurs d'interagir plus richement avec leur appareil.

Cette page explique les cas d'utilisation des retours haptiques, présente les classifications des effets haptiques et couvre également les consignes de base pour les applications.

Cas d'utilisation pour ajouter des retours haptiques à votre application

Voici quelques raisons d'intégrer le retour haptique à votre application.

  • Pour informer l'utilisateur d'un événement qui nécessite son attention. Il peut s'agir, par exemple, d'un appel téléphonique ou d'un message entrant, ou d'une réunion à venir dans l'agenda.

  • Pour confirmer un changement d'état de l'appareil suite à une action de l'utilisateur. Il peut s'agir, par exemple, d'un retour haptique lors de l'appui sur un bouton, du déverrouillage d'un téléphone, de l'acceptation ou du refus d'une empreinte digitale, ou de l'activation de l'appareil photo.

  • Pour ravir l'utilisateur avec des effets. Ces effets peuvent améliorer une action utilisateur en cours ou émuler une interaction physique. Par exemple, le retour de défilement, un curseur qui se met en place ou des effets haptiques synchronisés avec des animations, des sons, des vidéos et des jeux.

Classifications des technologies haptiques

Les principes haptiques présentés ici sont conçus autour des retours haptiques clairs, des retours haptiques riches et des retours haptiques vibrants.

Effacer les vibrations

Les retours haptiques clairs font référence à des sensations nettes et précises associées à un événement discret, comme l'appui sur un bouton. Ces effets visent souvent à imiter une action mécanique correspondante dans le monde réel, comme celles ressenties lorsque l'on appuie sur un bouton physique.

Android propose des effets haptiques clairs prédéfinis dans VibrationEffect. Toutefois, en règle générale, les applications doivent utiliser des constantes orientées action à partir de HapticFeedbackConstants pour assurer la cohérence de l'effet et de l'action sur l'appareil.

Un autre avantage des constantes orientées action est que la plate-forme peut fournir un comportement de secours si un effet plus complexe n'est pas pris en charge par l'appareil de l'utilisateur.

À mesure que vous développez les cas d'utilisation du retour haptique, les retours haptiques clairs disponibles peuvent parfois sembler simples et monotones. Dans ce cas, visez des retours haptiques riches et plus expressifs.

Technologies haptiques avancées

Les retours haptiques riches nécessitent généralement des actionneurs haptiques dotés d'une bande passante de fréquence plus large, ce qui permet une plus grande expressivité et une plus grande portée. Des retours haptiques riches peuvent également être produits en séquençant des primitives haptiques claires avec des amplitudes et des intervalles variés.

Voici quelques exemples d'effets haptiques riches :

  • Une sensation de flottement, semblable à un papillon battant des ailes sur le bout de votre doigt
  • Texture d'une surface ressentie par un doigt qui la touche ou la balaye
  • Sensations de vacillement et d'instabilité, ou de lourdeur et de réverbération

Retour haptique animé

Les technologies haptiques bourdonnantes peuvent être caractérisées par des vibrations bruyantes, fortes et pénétrantes qui laissent un effet secondaire tel qu'une sensation de picotement même après la fin de la vibration. Il a également tendance à produire un effet de sonnerie qui ressemble à une réverbération avant que la vibration ne s'arrête complètement.

Voici quelques exemples de sensations haptiques bourdonnantes :

  • Utiliser un marteau-piqueur
  • Faire de la moto
  • Sur les appareils mobiles, une longue vibration retentissante après une pression sur une touche

Depuis les téléavertisseurs et les téléphones classiques, les téléphones mobiles bas de gamme dotés d'actionneurs ou de pilotes haptiques peu performants ont tendance à produire de longues vibrations bourdonnantes pour les notifications.

Consignes de conception haptique

De manière générale, les consignes de conception peuvent être résumées comme suit :

  • Privilégiez les vibrations haptiques riches et claires plutôt que celles qui font du bruit.
  • Soyez cohérent, à la fois avec le système et la conception de l'application.
  • Tenez compte de la fréquence d'utilisation et de l'importance.

Prioriser les constantes et les effets haptiques prédéfinis

Si votre action est couverte par une action prédéfinie présente dans HapticFeedbackConstants, utilisez cette constante. Cela garantit une expérience d'interaction utilisateur cohérente, ce qui est particulièrement utile en termes d'accessibilité.

Si vous créez votre propre effet, pensez à utiliser les effets prédéfinis VibrationEffect et les primitives VibrationEffect.Composition. Ils sont plus susceptibles d'offrir une expérience de qualité homogène sur les appareils compatibles.

Corréler l'importance et la fréquence des événements avec l'intensité

Les effets haptiques ne doivent pas submerger l'utilisateur ni sembler injustifiés.

  • Les effets haptiques appliqués à des événements très fréquents, comme le défilement ou le déplacement d'un curseur de texte, doivent être très subtils pour offrir une expérience globale agréable.

  • Les événements plus importants, comme l'actualisation d'une page ou l'envoi d'un formulaire, doivent être plus forts que le changement d'un bouton bascule ou le défilement d'une liste, par exemple.

  • Combinez les deux concepts pour créer des effets qui deviennent plus forts à mesure que l'interaction atteint une cible. Par exemple, augmentez progressivement l'amplitude d'une séquence de coches avec des actions de glisser-déposer ou d'accrochage.

Soyez cohérent

Soyez cohérent dans l'application des retours haptiques dans votre application. Si une interaction particulière, comme l'envoi d'un formulaire ou la navigation dans l'application, est associée à un retour haptique, assurez-vous que le même effet est appliqué à toutes les interactions similaires. Cela aide les utilisateurs à associer une signification à un retour haptique particulier.

Soyez également cohérent avec le système Android en utilisant le même HapticFeedbackConstants pour les interactions bien définies, comme les sélecteurs d'heure ou les claviers virtuels.

Concevoir des expériences visuelles et audio avec le retour haptique

Considérez les technologies haptiques comme faisant partie de l'expérience utilisateur globale.

Nous vous recommandons vivement de concevoir conjointement les effets visuels, audio et haptiques. Assurez-vous qu'il soit harmonieux ou congruent avec les animations visuelles et les motifs sonores. Les entrées visuelles et auditives peuvent améliorer les sensations haptiques perçues, et un effet haptique bien conçu peut donner une sensation de physicalité aux effets visuels et audio.

À l'inverse, un retour haptique qui n'est pas synchronisé ou qui semble incohérent avec les effets visuels et audio peut être un peu déroutant pour l'utilisateur. Dans certains cas, l'utilisateur peut penser que l'actionneur haptique est cassé.

Éviter les vibrations ponctuelles anciennes pour le retour haptique

Évitez d'utiliser les vibrations ponctuelles héritées, comme celles définies par VibrationEffect.createOneShot ou effectuées avec les API Vibrator.vibrate(long) et Vibrator.vibrate(long[], int).

Ces vibrations peuvent sembler bourdonnantes lorsqu'elles durent longtemps après la fin de la forme d'onde d'entrée, en particulier sur les appareils dotés d'un actionneur ou d'un pilote haptique peu performant.

Un bon retour haptique de clic sur une touche doit durer entre 10 et 20 millisecondes. Toutefois, l'actionneur peut continuer à sonner pendant 20 à 50 millisecondes après la fin d'une entrée de 20 millisecondes. Il est donc préférable d'éviter les vibrations ponctuelles pour ce type de commentaires.