Facilité d'utilisation des pieds de page extensibles sur les sites Web réactifs
Mes collègues et moi discutions de ce qui pourrait être une tendance dans les sites Web de commerce électronique: les pieds de page extensibles.
Voici un exemple de Topshop.com:
Et une fois étendu:
J'ai fouillé pour des recherches ou des études sur les pieds de page extensibles et suis venu vide. Je suis curieux de savoir s'il y a quelque chose là-bas, ou si quelqu'un a personnellement testé ces derniers, autour de l'utilisabilité et de leur utilité.
Mon premier réflexe est que les informations et les liens comme "Contactez-nous" ne doivent pas être cachés aux utilisateurs, donc je suis curieux de savoir quels sont les avantages de cette approche. Je me demande également s'il s'agit plutôt d'une tendance de conception visant à minimiser le pied de page dans l'expérience et pas nécessairement au profit de l'utilisateur.
Merci!
À mon avis, c'est un peu redondant pour masquer les informations de pied de page car elles sont déjà en bas de la page et il n'y a aucune autre information à la surface. Votre instinct a probablement raison, les liens de pied de page servent de raccourci vers d'autres pages, il n'est pas logique de les masquer.
Le pied de page utilisé dans Topshop n'est pas exactement votre pied de page classique. C'est une barre de navigation qui colle au bas de la page et me permet d'accéder aux informations de pied de page sans avoir à faire défiler vers le bas de la page. Je trouve qu'il est facile et pratique d'accéder aux informations du pied de page à tout moment de la page. Bien que les en-têtes extensibles soient plus courants (pour faire apparaître plus de contenu corporel "au-dessus du pli"), cette implémentation du pied de page extensible fonctionne très bien.
En faisant défiler vers le bas de la page, un utilisateur suppose qu'il a atteint la fin du pli. En masquant plus d'informations à la fin de la page, vous créez en fait une charge cognitive plus importante pour que l'utilisateur détermine où trouver des liens de pied de page.
En substance, un pied de page est la fin de la page et cela n'a pas beaucoup de sens de le cacher. Si le contenu se trouve au milieu de la page, il peut être judicieux de masquer les fonctions et les informations derrière les interactions. Avoir une vue d'ensemble, puis pouvoir `` zoomer '' sur les informations que l'utilisateur recherche fonctionne pour le contenu principal, en raison de son placement dans la hiérarchie des informations, mais cela n'a pas de sens pour les pieds de page.
Je pense qu'il est judicieux d'avoir un pied de page qui peut être trouvé facilement sans défiler vers le bas.
De nos jours, j'ai vu de nombreux sites Web (avec https://www.zalando.nl/dames-home/ en étant un exemple) qui ont un défilement infini sur leur page d'accueil. Souvent, le client souhaite trouver un moyen de contacter la boutique en ligne et en raison de ce défilement infini, il ne peut jamais atteindre le pied de page, ce qui est assez frustrant.
Personnellement, je pense que cette solution est bonne pour permettre à l'utilisateur de contrôler le site Web. En outre, un ajout pourrait être que le "Contactez-nous" est plus important dans le pied de page et peut être trouvé sans l'agrandir. Mais je dirais également que si votre site Web n'a pas de défilement infini, il ne sera peut-être pas nécessaire de garder le pied de page visible tout le temps.
En regardant les cartes thermiques, vous vous rendrez compte que moins de% des personnes atteignent le pied de page. Et ceux qui font défiler jusqu'à ce qu'il y ait une fois qui trouvent un lien important ou un raccourci pour atteindre la page souhaitée.
En parcourant la page entière à la recherche d'un lien, je suis sûr que ce serait vraiment méchant. Juste pour rendre votre conception minimale, vous risquez de perdre des utilisateurs.
Vous pouvez attendre encore quelques années lorsque les utilisateurs seront plus sympathiques avec le défilement des pages jusqu'au bas. Alors que les gens s'habituent à l'icône du menu Hamburger avec le temps, nous ne pouvons toujours pas nous attendre à ce que 100% des gens sachent ce que ces 3 lignes représentent dans le coin de la page/de l'application.
De la même manière, nous ne pouvons pas nous attendre à ce que les gens planent ou cliquent sur le pied de page pour le développer. Ajouter une animation supplémentaire et la rendre fantaisiste n'est pas minime!
Compte tenu de l'adaptation à une conception minimaliste, le fait d'avoir un pied de page extensible peut s'avérer peu encombrant et permettre des interactions uniques si bien conçu. Il permet à l'utilisateur de se concentrer sur le contenu principal de la page et de ne pas se laisser distraire par la surcharge d'informations que les pieds de page fournissent en minuscule police .
Dans http://us.topshop.com/?geoip=home avoir un pied de page collant et un signe "+" (extensible) proéminent est un bon design mais pourrait être amélioré par mentionnant tous les sujets dont il contient des informations. Par exemple, les informations de contact sont complètement masquées, sauf si l'utilisateur développe le pied de page.
Une autre approche de conception - pied de page non collant, un symbole de flèche vers le haut au début et éventuellement une palette de couleurs contrastantes. Vérifiez cela - https://moqups.com/[email protected]/yjB41GXd
Principe primordial: ne cachez jamais des informations importantes à votre utilisateur
Deuxième: attentes de l'utilisateur: L'utilisateur pourrait ne pas voir le même signe noir + caché dans le coin le plus à droite et il est probable que ce soit inattendu pour un utilisateur normal, donc évitez cette technique
Le symbole "+" ne signifie pas toujours développer, il peut être ajouté ou l'utilisateur peut penser qu'il affichera une fenêtre contextuelle, évitez donc de tels symboles. Est-ce vraiment cliquable? Que fait-il lorsque je clique dessus? Cette conception est totalement contraire aux attentes des utilisateurs
Pourquoi cachez-vous de l'aide et des informations de contact, je pense que certaines personnes essaient d'appeler directement, alors ne cachez pas le pied de page (Testez quelques scénarios pour les liens de pied de page ou testez certains de vos clients actuels pour voir quel lien ils essaient de cliquer ou de voir dans le pied de page)
Troisième: Le pied de page a parfois des liens moins importants/moins utilisés qui ne sont pas présents dans la navigation supérieure. Et l'utilisateur peut les rechercher dans le pied de page s'il ne les trouve pas dans la navigation supérieure
J'essaie moi-même parfois de trouver des politiques dans le pied de page car c'est 99% du temps allongé quelque part en bas ...