web-dev-qa-db-fra.com

Navigation de style Metro Box

Conception d'informations sur les trains et les métros

Le style Metro fait référence aux informations de boxe afin qu'elles soient faciles à digérer. Windows 8 l'utilise, bien qu'ils n'a pas réussi à le rendre utilisable .


Metro Style sur le Web

J'aime la navigation utilisée pour ACM Digital Library Computing Classification System. ACM Digital Library


ACM: survol de la souris

Lorsque vous survolez à l'intérieur une boîte, une partie devient verte. enter image description here


Question

Dans Jakob Nielsen Alertbox article , il dit que les lignes entourant une boîte sont importantes. Ils signalent où l'utilisateur peut cliquer . Dans l'exemple ACM DL CSS ci-dessus, vous pouvez survoler votre souris à l'intérieur de la boîte et le texte ne deviendra pas vert et cliquable. Vous devez vous rapprocher du texte pour le rendre cliquable. Existe-t-il une raison à cela? L'ajout de cette fonctionnalité au design déroute-t-il certaines personnes , ou améliore-t-il en quelque sorte le design?

Une explication possible est que moins d'effets de survol distraient moins l'utilisateur. J'aimerais entendre votre point de vue à ce sujet.

3
Tyler Langan

Je ne pense pas que quelqu'un d'autre que les concepteurs d'ACM puisse répondre définitivement pourquoi c'est comme ça. Cependant, il me semble que cela résulte davantage de la façon dont ils ont présenté le texte, car la zone de texte est ce qui a un survol.

Personnellement, je pense que c'est un mauvais choix, et comme le suggère Nielsen, ce devrait être toute la zone de la boîte. Je soupçonne que ce n'était pas prévu comme ça et que c'était simplement plus facile à faire de cette façon.

Réponse courte: Utilisez la zone de boîte dans les bordures comme zone active, pas une zone plus petite, car il n'y a pas d'indicateur visuel ou de précédent clair pour montrer à quelqu'un qu'il ne doit cliquer que sur le texte.

3
JohnGB