Meilleures pratiques pour les rollovers sur mobile?
J'ai remarqué que la plupart des navigateurs mobiles transforment les survols en actions tactiles/tactiles. C'est bien, mais bien sûr, rien n'indique que l'action est disponible pour l'utilisateur. Je me demandais donc quelle devrait être la meilleure approche lors du développement de sites Web:
Évitez complètement les renversements (mobile et ordinateur)
Rollovers désactivés sur mobile uniquement.
Au lieu d'utiliser des survols sur mobile, affichez le contenu de survol sous ou sur le côté
Ajouter des indices/indicateurs visuels sur mobile indiquant qu'un objet a un état de survol/tactile
Autre?
Je dirais qu'il y a autant de changements d'un utilisateur qui manque un roulement mal signé sur ordinateur que sur mobile.
J'utilise un symbole + pour indiquer plus dans ces cas, et parfois où il y a une série de survols contenant plus d'informations, j'ai le premier ouvert par défaut pour montrer à l'utilisateur ce qu'il y a.
En général, je ne pense vraiment pas que nous devrions cacher des informations derrière les survols - mais les concepteurs continuent de le faire, et nous devons essayer de le faire fonctionner :-)
J'utilise ensuite inspectlet.com pour voir si les utilisateurs trouvent des choses et les changer sinon - rien de mieux qu'une vidéo de sessions utilisateur pour des concepteurs visuels incrédules que les gens ne trouvent pas toujours les choses comme ils le pensent.
Je dois dire que je suis personnellement très sensible aux états de basculement car mon ordinateur personnel principal est un ordinateur portable convertible à écran tactile Windows 8 (similaire à MS Surface), et je me retrouve souvent à interagir plus avec le toucher qu'avec le pavé tactile.
Cela dit, le vol stationnaire est une interaction mourante.
Comme nous l'avons vu avec le menu du tiroir à hamburger, le hors site est hors de propos. L'engagement diminue lorsque vous masquez les interactions derrière les hamburgers/hors écran. Idéalement, vous supprimeriez complètement l'état de vol stationnaire.
Sur les appareils mobiles, l'absence d'un état de survol rend la navigation sur certaines conceptions de sites Web héritées très difficile, en particulier lorsqu'un contrôle a un état de survol et une action de clic distincte.
Lorsque je conçois pour mobile, j'essaie d'éviter autant que possible les listes déroulantes/survol, donc j'irais avec # 1.