web-dev-qa-db-fra.com

Pourquoi la plupart des pieds de page ont une couleur d'arrière-plan comme séparateur de section?

Pourquoi la plupart des pieds de page ont une couleur d'arrière-plan en tant que division de l'autre contenu de la page? Ne serait-ce pas suffisant s'ils utilisaient juste assez d'espace pour se séparer? Par exemple groupe normand nielsen: enter image description here Il a un fond gris pour séparer le pied de page du contenu ci-dessus. Mais la différence d'espaces (en utilisant le principe de proximité) des éléments du pied de page du contenu ci-dessus ne serait-elle pas suffisante pour séparer ces deux sections sans utiliser une couleur d'arrière-plan différente?

12
Carla Graça

Si vous ajoutez trop d'espace, en plus de gaspiller de l'espace à l'écran (que je n'irai pas plus loin car je ne veux pas râler), de nombreux utilisateurs arrêteront de faire défiler trop tôt pour le voir s'ils ne recherchent pas réellement il.

Il est donc préférable de le garder raisonnablement proche et de le déclencher d'une autre manière - la couleur, les règles horizontales à l'ancienne ou une rangée de titres évidents comme vous le verrez au bas de cette page (sur le bureau): la couleur, la police et le texte réel indique tous une rupture par rapport à ce qui est au-dessus (bien que la 4ème colonne sans en-tête ne soit pas tout à fait correcte à l'OMI).

18
Chris H

Lorsque vous entrez dans un magasin physique, vous avez généralement un tapis ou une porte ou quelque chose pour vous ralentir et faites attention à tout après ce point. Sur les sites Web, c'est assez similaire. Vous devriez avoir une section différente pour ne pas être ennuyeux, pour rendre l'utilisateur curieux, pour attirer l'attention de l'utilisateur. Le pied de page n'est pas différent.

Il est important de montrer à l'utilisateur que c'est la fin. Pour ce faire, vous devez briser le modèle. Vous pouvez trouver une façon créative et alternative de le faire différemment.

Normalement, le pied de page contient les informations requises, ce qui est ennuyeux. Ainsi, les concepteurs n'aiment probablement pas perdre de temps avec cela ou n'ont pas beaucoup de façons de le faire différemment.

Je vous recommande de lire Paco Underhill qui écrivent sur le comportement des clients. C'est une très bonne lecture.

Et vous devriez jeter un coup d'œil à cette discussion intéressante sur pourquoi le pied de page est sombre .

24
Rafael Perozin

Il n'y a rien de mal et certains sites n'utilisent que des espaces blancs pour séparer le contenu du pied de page.
Cependant, il est plus précis dans la conception de le communiquer également avec la couleur.
Le pied de page étant alors séparé du contenu plus clair, vous augmentez la lisibilité. Et aussi la séparation sur des sections de en-tête, conten, et pied de page est l'une des premières et l'une des choses sémantiques de base sur le Web, qui se sont également reflétés en html5 où il méritait et a obtenu ses propres balises html.

3
xul

Une zone de pied de page claire et distincte offre un point commun de conception qui est utile dans notre ère actuelle où le contenu à défilement continu est courant: il permet de communiquer clairement et directement à l'utilisateur "Hé, cette page est terminée, vous pouvez arrêter d'essayer de faire défiler maintenant .. . "

En tant que concepteurs, nous pouvons casser assez facilement des tendances communes comme celle-ci, mais nous devons avoir de très bonnes raisons d'aller contre une tendance aussi simple et utile si nous voulons éviter d'augmenter le risque qu'un utilisateur puisse percevoir son interaction comme ayant rencontré un bogue. . [Et si un utilisateur pense qu'il a rencontré un bug, les chances sont bonnes que vous ayez un bug ...]


Le simple fait de diviser par un espace blanc apporte un peu moins d'informations à l'utilisateur.

  • Est-il vide parce qu'il est simplement formaté de cette façon?
  • Ou est-ce vide parce que quelque chose n'a pas été chargé?

La structure visuelle claire et le langage de conception commun que les utilisateurs connaissent bien leur en disent beaucoup plus sur la conception, même s'ils ne réalisent pas activement ce qu'on leur dit, sans exiger que l'utilisateur explore autant avant de pouvoir gagner compréhension.


Le changement peut être bon dans la conception, mais ne l'atteignez que lorsque vous trouvez une bonne raison.

1
TheLuckless

Salut :) Je pense que ce n'est pas seulement la couleur qui donne la sensation de terminer la page, c'est aussi le mouvement. Lorsque vous faites défiler vers le bas, le mouvement de haut en bas s'arrêtera avant que le pied de page ne se place au milieu de l'écran (sauf si vous êtes dans un écran à fenêtre très particulaire).

Ainsi, pour que les utilisateurs comprennent qu'ils ont atteint le pied de page, nous avons:

· Arrêt du défilement dans la limite de la page "signe physique" · Information expliquée de manière listée. "Signe visuel" · Habituellement un plan du site et des options de contact. "Signe de contenu"

Avec cela, je parie que vous pouvez faire sentir à l'utilisateur qu'il a atteint le fond. Mais visuellement, vous pouvez renforcer cela en changeant la couleur.

La couleur doit être différente de celle du noyau du contenu. Est-ce à dire que l'utilisateur ne comprendra pas qu'il a atteint le fond? Non, mais ça aide. Alors serait-ce suffisant d'ajouter de l'espace blanc? Oui. Mais ce n'est peut-être pas la meilleure solution, car vous n'utilisez pas tous les outils que vous offre une bonne convivialité.