web-dev-qa-db-fra.com

info-bulles au toucher

Existe-t-il un moyen de faire des info-bulles sur un bouton dans les appareils tactiles? Sur un grand écran, si j'ai un bouton et du contenu supplémentaire sur ce que fait ce bouton, j'utiliserais une info-bulle.

Supposons que je fasse une conception Web réactive et que je souhaite utiliser la même info-bulle en bas, comment cela est-il réalisé?

Je pourrais fournir un cercle avec un point d'interrogation à côté du bouton. En tapant dessus, vous basculez TOUTES les info-bulles de la page.

Je ne veux pas ajouter l'info-bulle à un bouton/élément au toucher car, je veux que l'action de l'élément se déclenche. Appuyez une fois pour l'infobulle, appuyez une deuxième fois pour que l'action ne fonctionne pas.

Je sais qu'il y a déjà une question mais cela ne répond pas clairement à mes attentes

Comment fournir un conseil de type info-bulle sur un écran tactile et l'utilisateur pour le déplacer vers un autre élément (info-bulle viiew pour les autres éléments de l'écran)

J'espère que ma question est claire

3
Vinay Raghu

La force des info-bulles traditionnelles est qu'elles sont très contextualisées et ne sont visibles que lorsque l'utilisateur se concentre sur cette tâche particulière.

C'est l'avantage que vous essayez vraiment de reproduire pour le toucher - pas les info-bulles elles-mêmes. Cet avantage peut être reproduit de plusieurs façons, dont certaines tournent autour du principe de conception de la divulgation progressive:

  1. S'il s'agit d'un formulaire, affichez des informations supplémentaires lorsque l'entrée est mise au point.
  2. Créez des événements de glissement ou ajoutez des boutons "info" pour révéler le contenu d'assistance sur demande.
  3. Fournir un flux d'intégration ou de tutoriel robuste pour enseigner à l'utilisateur la fonctionnalité (s'il est fait efficacement, il se souviendra des choses une fois qu'il aura été enseigné)
  4. Laissez le contenu supplémentaire visible à tout moment. Si vous faites cela, vous voudrez peut-être envisager d'augmenter le focus des étapes de votre flux (c'est-à-dire, si vous remplissez un formulaire, n'affichez que ce formulaire et rien d'autre)

J'espère que cela t'aides.

3
ewittke