Meubler honnêtement la barre latérale
Je suis en train de développer un autre site Web (non blog, statique), et encore une fois, je tombe sur le même problème avec la conception des pages intérieures (non personnelles). La disposition est conventionnelle:
- Wrapper 960px
- en-tête avec menu horizontal
- colonne de contenu principal + barre latérale
- bas de page
La structure du site est assez simple et le menu horizontal contient tous les éléments de navigation dont j'ai besoin. La colonne de contenu principale contient plusieurs paragraphes de texte. Et puis il y a la zone de la barre latérale. J'ai besoin qu'il soit là pour une raison: le contenu principal ne peut pas être aussi large que le wrapper, car sa lisibilité en souffrirait s'il avait une largeur de 960 px.
Mais il n'y a pas honnête de contenu que je puisse penser mettre dans la barre latérale.
Il n'y a pas de sous-navigation. Je refuse d'encombrer mon site Web avec des widgets comme des nuages de tags, des flux Twitter, des publicités, etc.: ils ne serviraient à rien. De plus, je n'ai pas à promouvoir d'autre contenu sur mon site, car tout est contenu dans le menu horizontal à proximité.
Je ne veux pas rendre le wrapper plus étroit: certains morceaux de contenu du site utilisent pleinement l'espace horizontal (en-tête, page d'accueil, certaines sous-pages).
Je pourrais y mettre quelques illustrations, mais elles ne seraient pas significativement liées au texte principal: il n'a pas été écrit avec des graphiques à l'esprit.
Je pourrais opter pour une disposition en n colonnes pour le texte principal, mais en dehors des difficultés techniques, je ne pense pas que ce soit possible avec des hauteurs de fenêtre imprévisibles: faire défiler vers le bas pour atteindre la fin d'une colonne, puis sauvegarder, et encore une fois ne le fait pas. coupe-le.
(Cela me fait penser cependant: peut-être une application intelligente de
<a href="#nextcolumn">au bas de chaque colonne rendrait une telle disposition utilisable? Mais cela nécessite d'expérimenter sur un échantillon différent, et de préférence synthétique)
Je suis réticent à laisser la barre latérale vide, afin de ne pas créer une énorme bande vide d'espace inutilisé, même si cela semble être la solution la plus raisonnable.
Des pensées? Je ne m'attendrais pas à des réponses définitives, mais peut-être quelques idées?
Retirez la barre latérale de la mise en page. Réduisez votre emballage de 960 px à quelque chose de plus petit si nécessaire.
Vous dites:
J'hésite à laisser la barre latérale vide [...] même si cela semble être la solution la plus raisonnable.
Vous êtes réticent à utiliser la solution la plus raisonnable?
Il semble que cela se soit produit parce que le site Web a été conçu sans savoir quel contenu est nécessaire. Il existe de nombreux articles sur le Web à ce sujet. Beaucoup se rapportent à l'utilisation du texte lèvres, mais les problèmes sont les mêmes que les vôtres:
Arrêtez d'utiliser Lorem Ipsum! :
Les concepteurs Web se moquent d'eux-mêmes s'ils pensent qu'ils peuvent faire de leur mieux sans penser au contenu dès le départ. Ce n'est pas tant que le contenu est roi, mais plus que le contenu est la conception Web. L'un ne fonctionnera pas sans l'autre. Ce que dit votre site est toujours lié à son apparence et à son fonctionnement.
Lorem Ipsum tue vos créations :
On pourrait ajouter du contenu qui n'a tout simplement pas besoin d'être là.
Le vrai problème est un processus global qui traite la conception et le contenu comme des pistes distinctes sans communication, collaboration et points de contrôle appropriés en cours de route.
Dans cette dernière référence, je pense que Karen McGrane a résolu votre problème.
Il est tout à fait acceptable de laisser la barre latérale vide, un espace blanc peut donner un aspect propre à un site Web.
Jetez un oeil à quelques bons exemples de sites Web avec une seule colonne:
Si c'est commercial:
- Créez une liste de diffusion et utilisez la barre latérale pour un formulaire d'inscription.
- Inclure des témoignages sur le produit/service.
- Utilisez-le pour un formulaire de contact ou pour générer des prospects.
- Incluez un texte de présentation sur l'entreprise ou le fondateur plutôt qu'une page dédiée sur.
- Inclure des liens vers des ressources utiles liées au contenu du site Web.
Si c'est non commercial:
- Utilisez-le pour un formulaire de contact.
- Incluez un texte descriptif sur le site Web plutôt qu'une page dédiée à propos.
- Inclure des liens vers des ressources utiles liées au contenu du site Web.
Si c'est dynamique:
- Une liste de publications/pages récentes.
- Une liste de publications/pages populaires.
- Une liste de publications/pages aléatoires.
- Une liste des articles/pages à venir.
S'il y a contenu généré par l'utilisateur:
- Commentaires/contenu les mieux notés.
- Commentaires/contenu les plus récents.
- Top utilisateurs.
Le site ne doit pas nécessairement avoir une largeur de 960 pixels. Bien que la page d'accueil puisse l'être, si le contenu ne conduit pas à autant de largeur, alors ne l'avez pas. Concevez le site autour du contenu, pas le contenu autour du site.
S'il s'agissait d'un site Web personnalisé, je suggérerais de concevoir le contenu pour qu'il corresponde à toute la largeur, mais comme vous l'avez mentionné, cela ne fonctionne pas très bien avec les sites CMS, que le client peut modifier. Donc, je suggère plutôt de concevoir un modèle de page, avec une colonne principale de plus petite largeur à la place.
Conservez la largeur de 960 px, faites de votre contenu la largeur appropriée pour satisfaire votre longueur de ligne lisible, puis ajoutez de grandes marges à gauche et à droite du contenu. Essentiellement, il ressemblera à un livre imprimé.
J'ai vu cela plusieurs fois et, tant que vous équilibrez la taille de votre police, il peut sembler assez élégant.
Par exemple: http://jsbin.com/acuzuh/9
Un mot: AdSense.
Maintenant, vous êtes riche et votre design a l'air bien. Quoi qu'il en soit, ils disent que les gens ne regardent pas les annonces de toute façon. C'est comme un espace à double négatif.