Tendance du webdesign : barres latérales

Tendance du webdesign - Barre latérale

Après l’explosion massive des menus horizontaux dans le header des sites web, les webdesigners se tournent petit à petit vers de nouvelles barres verticales pour porter le menu de navigation principal et le logo. Une nouvelle tendance ? Dans tout les cas elles sont de plus en plus présentes

Les caractéristiques

En général les barres de navigation latérales sont alignées à gauche, contiennent le logo du site et la navigation principale. Le contenu principal, souvent aligné à gauche lui aussi, permet de laisser de l’air à droite. Cet espace permet aux webdesigners d’exploiter un vide pour appuyer le site à l’aide d’un visuel impactant.

C’est aussi une bonne manière de structurer une interface élastique ou liquide. Le menu reste ainsi figé (à gauche ou à droite), étant toujours accessible quelque soit la résolution de l’utilisateur.

Sur le portfolio de Dropndot, ci-dessous, constitue une exemple type. Le logo placé typiquement en haut à gauche (typique dans notre culture occidentale), succédé du menu principal. Petit bémol tout de même, un menu fixe aurai été plus plaisant et plus pratique.

Tendance du webdesign - Barre latérale

C’est ce que fait le site de Squidface & The Meddler et cela fonctionne très bien. Les deux menus sont fixes, ce qui permet d’accéder à la navigation quelque soit la position de l’utilisateur sur le site.

Tendance du webdesign - Barre latérale

Autre exemple avec We Are Tennis, site à navigation horizontale, qui possède tout de même une sidebar latérale fixe avec logo.

Tendance du webdesign - Barre latérale

Le même layout est utilisé sur la boutique en ligne Cufflink Suite. La barre latérale permet de « porter » la navigation principale avec classe, mais permet aussi d’offrir une bonne visibilité au logo tout au long de la visite de l’internaute sur le site.

Tendance du webdesign - Barre latérale

Quelques autres exemples :

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Tendance du webdesign - Barre latérale

Véritable « tendance  » ?

Comme nous avons pu le constater, de nombreux sites se basent sur ce type de mise en page, mais peut-on réellement parler d’une tendance ? Le concept est suffisamment utilisé pour qu’il prenne place dans les tendances du moment. Et vous, quel est votre avis sur la question ?

Vous aimerez aussi :

Cette entrée a été publiée dans Webdesign, avec comme mot(s)-clef(s) , , . Vous pouvez la mettre en favoris avec ce permalien.

4 commentaires sur Tendance du webdesign : barres latérales

  1. Bart Jaillet dit :

    Excellent article ! Effectivement c’est une tendance, mais pas une nouveautés. De très bon exemples dans l’article ! Thx ! Je ReTwitte !

    Bart

  2. rs459 dit :

    Très jolis design pour la plupart, mais la plupart avec des menus fixes sont très probablement inutilisables sur des netbook (ultra-portable) ou les tablettes avec des résolutions limitées en hauteur.

  3. WDTrends dit :

    Hum certes, mais la hauteur est tout de même assez limitée en général, ce qui laisse assez de marge pour les petits écrans.

  4. nazimuddaula dit :

    feeling very good to see one of my designs is here in the discussion. thanks WDT. i am honored :)

Laissez votre impression, réagissez à l'article !

L'adresse de contact ne sera pas publiée.

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>