Onglets - activer au survol ou au clic? tous les deux!
Aimez-vous les onglets utilisés dans http://www.msn.com ?
Ils peuvent être activés en survolant ou en cliquant. Il y a un court délai au survol pour éviter les activations accidentelles, tandis que le clic fonctionne immédiatement.
Je les aime un peu.
Ils sont soignés, c'est sûr. Cependant, la fonction des contrôles d’interface devrait, à tout le moins, être
- clairement apparente par leur apparence (ou conforme aux attentes des utilisateurs) et
- cohérente dans toute une interface.
Ces onglets de section de survol pour activer sont gênants pour plusieurs raisons.
Tout d'abord, leur apparence les compare à d'autres objets d'interface de clic uniquement sur la page, masquant leur fonction réelle. Ils ont un soulignement, similaire à la navigation supérieure et au schéma de lien hypertexte en général. Ils changent au survol, devenant en gras, pendant cette brève seconde avant que l'onglet ne change, ce qui suggère en outre qu'il s'agit de liens. L'interface change alors sans que l'utilisateur n'ait fait d'interaction. Les liens et les éléments de menu ne "cliquent" pas lorsque vous les survolez, et leur ressemblance facilement confondue sera déroutante ou légèrement alarmante.
Deuxièmement, la fonction de survol n'est pas cohérente avec d'autres liens d'onglet sur le site. Cet article , lié à partir de l'une des boîtes à onglets, a une zone de contenu similaire similaire sous l'article. Cette boîte, cependant, ne change d'onglet que lorsque l'utilisateur clique sur un onglet non sélectionné (pas de survol). Des problèmes similaires existent dans d'autres sections.
Pour résumer, bien qu'ils soient cool d'une manière gimicky Web 2.0, la nouveauté est éclipsée par des problèmes d'utilisabilité, dont le coût peut être supérieur à l'avantage d'avoir des bizarreries d'interface uniques.
Quelques lectures:
Je prédis que la réponse à cette question changera à mesure que les gens s'habitueront au nouveau schéma d'onglets qui répondent à un survol.
Je me souviens avoir demandé à un développeur de ne pas sélectionner automatiquement le texte dans une boîte, juste après que certains navigateurs aient commencé à le faire. Ma raison était "Personne ne s'attend à ce comportement." Depuis lors, c'est devenu courant, alors maintenant je tape le développeur dans le dos, en disant: "Merci d'avoir contribué à cette idée."
Tenez-vous à la norme ou Poussez l'enveloppe avec quelque chose de nouveau ? Voilà une question intéressante. Nous devons nous rappeler que, au fur et à mesure que les technologies de la communication évoluent, les interfaces utilisateur graphiques et graphiques sont très jeunes. Je voudrais signaler une technologie de masse différente pour expliquer mon commentaire. Considérez les indices que nous comprenons dans les livres imprimés, tels que les pieds de page ou les numéros de page, qui visent principalement à orienter l'utilisateur et à trouver/naviguer vers un contenu spécifique. Il a fallu des années pour développer ces signaux. Nous pouvons comparer ces signaux à des contrôles, en ligne et dans l'interface graphique de l'application. Les schémas qui nous aident à naviguer dans un livre imprimé ont mis des générations à se stabiliser sur une norme acceptée; les contrôles qui nous aident à naviguer dans le contenu en ligne prendront également du temps pour se développer et se stabiliser sur une norme. Les livres imprimés ont abandonné certaines solutions de conception (telles que la répétition du dernier mot sur une page de droite en haut de la page de gauche suivante, donc le mot est là lorsque vous retournez la page - un signal qui a aidé les gens à lire les livres à haute voix) . De même, les contrôles en ligne sont appelés à changer au fil du temps. Il est déraisonnable de s'attendre à ce que tous les détails d'interaction soient corrects au cours des premières années de conception de la navigation sur les médias en ligne.
Les onglets qui ne fonctionnent que sur le clic sont arrivés en premier sur le marché, et les gens ont appris que le schéma . La nature des schémas est que notre cerveau les adapte automatiquement à de nouvelles expériences. L'onglet peut-il fonctionner? Cela dépend de son éloignement du schéma des onglets, de son utilité et de la résistance des utilisateurs à modifier leur schéma d'onglets. Les concepteurs peuvent aider les utilisateurs à adopter ce contrôle en suggérant - Matt Lutze le demande indirectement dans sa réponse à cette question - des moyens de faire en sorte que le nouveau contrôle s'adapte plus facilement au schéma existant. Matt a déclaré: "leur apparence les compare à d'autres objets d'interface de clic uniquement sur la page, masquant leur fonction réelle." Ce qui est nécessaire, c'est un moyen pour les utilisateurs de prédire l'action de ces contrôles à onglet.
Je me demande pourquoi MSN a implémenté ces contrôles de manière incohérente sur le site. Est-ce une expérience? Si c'est le cas, je pense que c'est une expérience intéressante, et je réserve mon jugement sur la façon dont ce type de contrôle d'onglet est utilisable jusqu'à ce que le concept/design soit itéré pour répondre aux problèmes que les gens soulèvent ici.
Je ne sais pas si vous y avez pensé, mais navigateurs mobiles ne reconnaîtra pas le vol stationnaire. Étant donné que le Web mobile se développe à un rythme énorme, je pense que vous pourriez probablement plaider pour au moins soutenir le clic, sinon les deux.
Cependant, si cela fait partie de la navigation principale du site (comme il est couramment utilisé), l'ouverture du menu déroulant au clic éliminera la possibilité d'utiliser ce même lien pour la page "section" .
Quelques solutions possibles pourraient être:
Approche hybride , où le lien principal de la navigation renvoie toujours à la page "section", plus un autre lien (flèche vers le bas) qui activera le drop- vers le bas sur le clic. (exemples: LJWorld , Flickr - nav lorsque connecté). Personnellement, j'ai toujours aimé cette approche et je me demande pourquoi plus de sites ne le font pas.
Utilisez une sorte de détection pour servir de survol à ouvrir aux bureaux et de clic à ouvrir pour les utilisateurs mobiles.