web-dev-qa-db-fra.com

Pourquoi un pied de page de site Web doit-il toujours couvrir toute la largeur de la page?

Je suis en train de terminer un cours de conception en ligne et, tout en regardant l'une des vidéos du cours, l'instructeur a conseillé:

Le pied de page [du site Web] doit toujours couvrir toute la largeur de l'écran.

Cependant, aucune explication n'a été donnée quant à la raison pour laquelle cela pourrait être. Quelqu'un sait-il d'où vient cette idée et quel en est le raisonnement?

C'est un peu oldschool. Nous aimons dire "Ne touchez jamais à un système en cours d'exécution" mais les violations contre cela doctrine sont le carburant du progrès.

Personnellement, j'ai également utilisé un site Web à 2 colonnes où le pied de page n'était affiché que sur le site de gauche (largeur d'environ 40%) et personne n'avait de problème avec cela.

La raison pour laquelle cela est fait semble être la familiarité.

Mais j'ai aussi vu beaucoup de pages avec des pieds de page de 80 à 60% de largeur ou pas de pieds du tout.

Exemples:

http://www.cantilever-chippy.co.uk/

http://www.mecannical.com/

Malheureusement, le site d'origine est en panne: enter image description here

10
pguetschow

Ce n'est pas le cas.

Ils auraient probablement dû dire que c'était le modèle de conception le plus courant. Les modèles de conception aident les gens à naviguer dans du contenu inconnu.Par conséquent, lorsque la plupart des sites utilisent des pieds de page qui s'étendent sur la page pour ancrer le contenu, les utilisateurs s'habituent à l'idée de voir le séparateur horizontal avec un tas de liens, ils ont probablement atteint la fin du page.

La familiarité engendre des sentiments de satisfaction.

N'hésitez pas à rompre la convention, sauf si vous avez besoin d'un pied de page.

7
Clockiebox

Tout d'abord, je suppose qu'ils signifiaient que le style du bloc autour de tout le contenu du pied de page (en particulier, sa couleur d'arrière-plan, ses bordures, etc.) devrait couvrir la largeur de l'écran - pas que les conteneurs de texte dedans le pied de page doit être sur 1 colonne pleine largeur et donc incroyablement large sur les appareils larges. Ce serait une mauvaise conception car la mesure du texte serait mauvaise pour la lisibilité:

Pour une conception à une seule colonne, la mesure devrait idéalement se situer entre 40 et 80 caractères ... si les [lignes] sont trop longues, le contenu perd du rythme lorsque le lecteur recherche le début de chaque ligne


Comme certains l'ont dit, il n'y a pas vraiment de règles de conception absolues, mais il existe des conventions, des modèles et des attentes utiles des utilisateurs.

Ce que je soupçonne que ce professeur voulait dire, c'est que:

  • ... si votre pied de page, comme la plupart des pieds de page, contient des informations standard communes à toutes les pages et non spécifiques à la contenu de cette page, alors il devrait avoir quelque chose qui le sépare visuellement du 'contenu de la page', de sorte que quelqu'un qui lit tout le contenu sait que le contenu spécifique à la page est terminé et ne se demande pas "qu'est-ce que le fait que cette entreprise est enregistrée au Québec a à voir avec une recette de cheesecake au bacon? Oh, c'est vrai, je lis le = footer maintenant ". Un changement de couleur sur toute la largeur est un moyen courant, facile et fiable d'y parvenir.
  • ... si votre pied de page suit les conventions standard et contient du contenu comme contact/à propos de nous info ou liens, boutons sociaux , informations légales, etc., alors il doit se démarquer clairement de tous les autres contenus de page possibles afin que quelqu'un puisse rapidement- faire défiler à la recherche de ce genre de chose ("Ouais, ouais, assez sur les gâteaux au fromage au bacon, dans quelle province canadienne cette société est enregistrée, bon sang? Il y a généralement une barre au bas de la page ...") sait quand ils ont frappé ce qu'ils recherchent. Un changement de couleur sur toute la largeur se distingue de toutes les ruptures que vous pourriez avoir à l'intérieur votre contenu et est un moyen simple, commun et fiable d'y parvenir.

Si vous avez des besoins différents, ou si vous avez des raisons de penser qu'un autre design ne déroutera pas les utilisateurs dans ces deux cas, faites à votre guise. Réfléchissez toujours à la façon dont cela s'applique à votre cas. Par exemple:

  • Si le contenu de votre pied de page n'est pas comme un pied de page standard et est lié au contenu de la page (par exemple, il contient peut-être des liens vers du contenu connexe qui les lecteurs de cette page sont particulièrement susceptibles de s’intéresser), vous feriez peut-être mieux de le rendre sans pied de page pour que les gens qui ont lu tout votre contenu et en veulent encore plus do continuer la lecture.
  • Avez-vous des interruptions dans le contenu, par exemple pour des publicités, des liens croisés de contenu intermédiaire ou des outils sociaux? S'ils peuvent être confondus avec des pieds de page, les lecteurs pourraient arrêter le milieu de l'article en pensant qu'ils ont atteint la fin. Il peut être bon de conserver le changement de largeur de la couleur d'arrière-plan pour que les gens le sachent et seulement cela signifie qu'ils ont atteint la fin.
  • Soyez conscient des modèles de défilement sans fin, comme les articles qui chargent automatiquement un article connexe et les pages de recherche qui chargent automatiquement les nouveaux résultats. Si votre pied de page marque la fin du contenu de la page mais n'est pas suffisamment semblable au pied de page, les gens peuvent le confondre avec une pause avant le chargement du nouveau contenu.