Texte vs icône (Ouvre dans une nouvelle fenêtre)
Au cours des derniers mois, j'ai rendu les petits sites Web réactifs et j'ai rencontré PDF liens qui expliquent Ouvre dans une nouvelle fenêtre au lieu d'utiliser une icône. J'ai parlé au client sur l'utilisation d'une icône, mais le client a souligné que les utilisateurs ne comprendraient pas ce que signifie l'icône.
Quelqu'un peut-il donner un aperçu/des informations sur ce qui est préféré à l'autre?
Plusieurs études étudient la capacité des utilisateurs à comprendre les icônes, le texte et les deux. Les résultats de ces études aboutissent toujours à la même conclusion. Le double codage (texte et image) est toujours le plus simple et le plus rapide pour les utilisateurs. Regardez les trois images ci-dessous et décidez laquelle vous procurer une bière plus rapidement être le plus rapide à reconnaître.
Plus sérieusement, Microsoft a constaté que les icônes seules ne faisaient pas l'affaire.
De nombreux chercheurs ont montré que les icônes sont difficiles à mémoriser et sont souvent très inefficaces. La barre d'outils Microsoft Outlook en est un bon exemple: l'ancienne barre d'outils uniquement composée d'icônes était peu utilisable et la modification des icônes et leur positionnement n'a pas beaucoup aidé. Ce qui a aidé, c'est le introduction d'étiquettes de texte à côté des icônes. Il a immédiatement résolu les problèmes d'utilisation et les gens ont commencé à utiliser la barre d'outils. Dans une autre étude, l'équipe de l'IUE a observé que les gens se souviennent de la position d'un bouton au lieu de l'interprétation graphique de la fonction.
Référence: Mythe # 13: les icônes améliorent la convivialité
Mais il y a des endroits où les icônes peuvent réellement aider:
Où les icônes ajoutent de la valeur:
- Les icônes universellement comprises fonctionnent bien (c'est-à-dire imprimer, fermer, lire/mettre en pause, répondre).
- Les icônes peuvent servir de puces, structurer une page Web (c'est-à-dire des icônes de type de fichier pour les fichiers PDF, DOC, etc.).
- De bonnes icônes peuvent rendre l'apparence d'une page Web plus agréable.
On pourrait faire valoir que l'icône ouvrir dans une nouvelle fenêtre est vraiment universellement sous-signée. Cependant, il y a pas mal d'icônes ouvertes dans une nouvelle fenêtre, qui sont spécifiques à la plate-forme, et même des changements entre les versions au sein de la même plate-forme. De plus, l'icône de partage est très similaire à l'icône ouverte. Je ne m'appuierais pas uniquement sur l'icône si je voulais que mes utilisateurs sachent à quoi s'attendre.
Mais si, et seulement si, il s'agit d'un lien PDF, vous pouvez utiliser l'icône PDF et effectuer un test avec le public cible et voir quel résultat vous obtenez Toute réponse positive inférieure à 90% me donnerait des arguments pour utiliser à la fois l'image et le texte.
Tl; dr: utilisez l'icône PDF icon
ou 
et déposez le texte.
Mise à jour:
Compte tenu de votre commentaire (merci!), L'icône indique aux utilisateurs qu'il s'agit d'un fichier PDF et qu'il est pratiquement universellement reconnaissable (n'augmentant pas significativement la dette cognitive).
L'ouverture dans un nouvel onglet est appropriée pour les PDF car:
- La recherche a montré l'action utilisateur standard après avoir terminé un PDF dans une fenêtre de navigateur est de fermer la fenêtre.
- Souvent, le navigateur lance le lecteur par défaut PDF sur la machine et abandonne l'ouverture de la nouvelle fenêtre.
Les deux ressentent la même chose pour l'utilisateur et sont un comportement attendu. "S'ouvre dans une nouvelle fenêtre" sera en fait déroutant pour les utilisateurs si leur navigateur est configuré pour ouvrir automatiquement les fichiers dans une application de bureau.
L'icône prépare l'utilisateur à ce que quelque chose d'inhabituel se produise lorsque vous cliquez sur le lien. Il est à la fois communicatif et discret.
Orig:
La meilleure question peut être de demander pourquoi le lien devrait s'ouvrir dans une nouvelle fenêtre comme interaction par défaut.
UX standard pour les liens du navigateur est de cibler SELF. Les utilisateurs cliquent avec le bouton droit de la souris sur "Ouvrir dans un nouvel onglet" ou "... Fenêtre" lorsqu'ils souhaitent ouvrir un nouvel onglet ou une nouvelle fenêtre. Il s'agit d'une interaction couramment prise en charge sur tous les principaux navigateurs pour de nombreuses versions majeures de chacun.
Pour plus de lecture, voir ceci question SO , Jakob Nielsen (# 9) , et n discours de Jared Spool .
La seule exception que je ferais, que Nielsen observe empiriquement , est que les liens vers des fichiers PDF ou des fichiers non HTML (tout ce qui n'est pas une page Web) devraient s'ouvrira dans une nouvelle fenêtre.
Si nécessaire:
L'adoption de l'icône sera probablement effectuée par la démographie des utilisateurs du site. Les données démographiques du navigateur peuvent aider:
- Si la majorité des utilisateurs accèdent à l'aide de navigateurs modernes de dernière version, les utilisateurs peuvent être plus jeunes ou plus avertis en technologie.
- Si la majorité des utilisateurs accèdent à l'aide de navigateurs plus anciens, la base d'utilisateurs peut être plus ancienne ou non "native numérique".
Cependant, comme indiqué ici , les données démographiques du navigateur ne peuvent pas être la seule mesure par laquelle vous prenez des décisions.
Le juste milieu pour votre client peut être d'ajouter "Ouvre dans une nouvelle fenêtre" comme texte de survol pour ces liens, en plus d'utiliser l'icône.
Et, comme vous n'utilisez ces liens que pour les PDF et autres documents/fichiers, utilisez l'icône de l'application la plus reconnaissable qui ouvrira ce fichier (le logo Word, PDF, etc.) Ce sera instantanément reconnaissable.
J'ai lu une fois un article sur la création de pages Web, qui a averti les concepteurs que leurs icônes pouvaient avoir du sens pour le concepteur mais n'avaient pas de sens pour les utilisateurs. Avec la transition des applications DOS basées sur du texte aux programmes Windows basés sur les graphiques, les développeurs semblent obsédés par le remplacement de mots parfaitement compréhensibles par de petites images amusantes. Ce n'est pas parce qu'un élément peut être représenté par une icône qu'il devrait l'être! Je remarque que le haut du panneau de commentaires a un menu texte. Je comprends ce que ces choix signifient, mais s'ils étaient remplacés par des icônes, je n'aurais aucune idée à moins que je ne déplace le pointeur de ma souris sur eux pour obtenir une explication du texte.
Même si je me suis appris à utiliser un programme CADD basé sur Dos sans aide, je n'ai pas été en mesure d'effectuer les tâches les plus simples avec l'un des programmes CADD basés sur Windows en raison du tableau déroutant d'icônes qui n'ont aucun sens. J'ai eu le même problème avec les programmes de manipulation graphique. Bien que je connaisse la plupart des icônes courantes telles que l'image d'une imprimante, il y en a beaucoup de nouvelles à apprendre. Je n'ai pas à réapprendre à lire pour comprendre les menus ou les options de texte.
J'espère que le monde de l'informatique perd son engouement avec de jolies petites images et revient un jour à des options de texte plus faciles à comprendre.