web-dev-qa-db-fra.com

Comment utiliser l'état de survol dans la vue mobile pour afficher les informations

Nous avons un état de survol sur le Web qui affiche une petite info sur le survol. Comment puis-je afficher les petites informations sur le mobile alors que sur la vue mobile, il n'y a pas d'état de survol? enter image description here

5
Harshith
  • Popover: Si les informations sont une sorte de boîte de dialogue, vous pouvez les afficher à la pression .

  • Info-bulle: si l'information est une info-bulle, vous pouvez l'afficher sur Maintenir enfoncé .

Exemple d'infobulles de l'interface utilisateur tactile dans un état de pression et de maintien

Conception matérielle - Info-bulles mobiles

2
Alvaro

L'état de survol sur mobile n'est pas une bonne idée. S'il y a des informations importantes, rendez-les cliquables sur mobile et affichez les informations. Dans votre cas, je suppose que cette petite icône "i" affiche des informations sur le survol sur le bureau et que vous souhaitez conserver cette icône sur le mobile. Je proposerai fortement de le rendre cliquable sur mobile car l'état de survol ne sera pas réussi sur mobile car le doigt de l'utilisateur s'interrompra lors de la lecture des informations.

1
Sudarshan T

Rendez le i statique et le clickacle, si l'élément contient des informations supplémentaires marquées, le survol n'est pas disponible dans un environnement tactile.

1
DarrylGodden