web-dev-qa-db-fra.com

Quelle doit être la taille du logo pour une cliquabilité facile?

Je parcourais certaines des questions les plus anciennes, à savoir le bouton 'Accueil' est-il toujours un must? et bouton Accueil vs lien Logo? et il semble y avoir une impression générale que le le logo d'accueil sert de lien général pour accéder à la page d'accueil et les gens en sont conscients.

Remarque : J'ai lu ceci article qui sur les tendances UX en 2012 qui a ceci à dire sur les personnes utilisant le lien du logo pour aller à la page d'accueil

Dans les tests d'utilisabilité que nous avons observés, peu d'utilisateurs savent que cliquer sur le logo d'un site les mènera à la page d'accueil. De nombreux utilisateurs reviennent à la maison en utilisant le bouton de retour du navigateur - même si cliquer sur le logo est une norme communément admise et que la grande majorité des sites Web utilisent cette convention

Cela dit, l'utilisation du logo comme lien d'accueil n'est pas rare et je me demandais s'il y avait une taille minimale que le logo devait être pour garantir qu'il peut être facilement cliqué sans nécessiter un positionnement précis de la souris.

Ma question a également été alimentée après avoir trouvé la petite icône facebook utilisée dans la nouvelle mise en page facebook super difficile à cliquer, sauf si j'utilisais une souris

enter image description here

Remarque : Je sais que la taille des logos dépendra de la conception et il n'y aura pas de réponse définitive mais existe-t-il une norme recommandée pour garantir que la cliquabilité est facile pour un lien aussi critique qui dirige la navigation vers la page d'accueil.Une autre question qui est liée à la taille est la notoriété du logo

7
Mervin

Le problème n'est plus la cliquabilité, car vous ne savez plus si quelqu'un accédera à votre site Web/service à partir d'un PC ou d'un appareil tactile. Vous devez donc choisir la taille en fonction de la convivialité de l'appareil tactile, et cela fonctionnera bien pour les deux.

Je suis généralement le Android HIG qui stipule que vous devez viser une taille d'objet cliquable la plus petite (zone cliquable active, pas la zone visuelle) de 48 pixels CSS dans les deux dimensions . En général, pensez au 48x48 comme le plus petit avec lequel vous devriez travailler. Le iOS HIG donne 44 pixels à la place, qui bien qu'ancien, est toujours utilisable.

2
JohnGB

C'est reparti ... :) Mais vraiment - bien que le facteur "agrandir mon logo" existe toujours, il existe des arguments rationnels pour un logo plus grand/plus petit, n'est-ce pas?

À mon avis, il est bon de se concentrer sur plusieurs choses:

  1. En-tête: Je pense que c'est l'endroit pour mettre un "assez gros logo". Assez grand, car dans ce cas, cela dépend principalement de la conception du système.

  2. Menu supérieur collant: En raison de sa petite taille, le logo ne peut pas être très grand et c'est normal. Le menu supérieur collant est surtout utilisé dans la conception de bureau.

  3. À quoi sert le système? Est-ce un outil? Un microsite? Un site corpo? Différents sites Web mettent l'accent sur la taille du logo, par exemple:

    • pour un microsite, un grand visuel est plus important et le logo l'accompagne. Il y a beaucoup d'options pour le placer, non seulement dans le coin supérieur gauche, mais aussi en tant qu'autocollant, sous le visuel, etc. Cliquer sur un logo ne mène pas nécessairement nulle part, donc le problème n'est pas si grand.

    • pour un site corpo, où le logo est comme une signature de propriété, le logo doit être plus grand, mais en même temps, vous pouvez obtenir le même effet en le rendant plus isolé. Si la marque est forte, elle peut être plus petite. Quoi qu'il en soit, dans les deux cas, je pense que ce sera assez grand pour cliquer.

    • pour un outil, cela devient difficile. Certains outils sont des marques en même temps, ils n'ont donc qu'un seul logo. Certains ont des logos construits sur le logo de l'entreprise, comme http://www.creativesandbox.com/work et contiennent principalement la marque d'une manière ou d'une autre, et n'ont pas besoin d'être accompagnés du logo de l'entreprise. Et dans certains cas, il existe deux logos: un pour l'outil lui-même et un pour la marque. Mais à mes yeux, les outils doivent avoir une navigation interne claire, n'utilisant le logo pour rien. La navigation doit être très orientée fonctionnalité. Le logo peut être laissé petit et devrait même fournir la majeure partie de la zone restante pour les données et autres mécanismes d'outils.

  4. Le logo est-il évolutif? Comment est-il construit, est-il horizontal ou carré, ou peut-être vertical? Cela influe sur la cliquabilité, malheureusement, car si vous voulez/devez aller petit dans une dimension, cela vous fait parfois minuscule dans l'autre.

  5. Sur quel appareil doit-il être affiché? Les appareils tactiles ont besoin de logos plus grands pour que les utilisateurs puissent y accéder: http://developer.Apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html # // Apple_ref/doc/uid/TP40006556-CH13-SW41 . Bien que cela puisse être une limitation d'un certain point de vue, au moins elle est définie. Dans ce cas, il est bon de penser à l'isolement des éléments cliquables également, de même pour le logo.

0
Dominik Oslizlo