Qu’est-ce qu’une Sidebar, en avez-vous besoin ?

uand vous pensez à la disposition classique des sites Web, il y a de grandes chances qu’il y ait une colonne avec de nombreux liens et informations à droite ou à gauche de la page principale. Cette colonne est connue comme une barre latérale “sidebar” en anglais. Cet outil est extrêmement connu à travers le monde du web. 

Cependant, pour que cela soit efficace sur votre site, il est essentiel de comprendre comme la sidebar fonctionne.Tous les sites web n’ont pas besoin d’une ‘sidebar’ et certains design seront mieux sans cet élément. Avec cela à l’esprit nous allons approfondir et en apprendre d’avantages sur les buts de cette fonctionnalité, quels sites devraient l’utiliser, et comment elle est prise en compte sur les téléphone mobile. 

Pour faire court, une sidebar est une colonne ( : bar) placée sur la droite ou la gauche de la page principale ( : side). L’outil est souvent utilisé pour afficher des informations supplémentaires variées aux utilisateurs comme : 

Parmi les 10 sites les plus populaires, 8 ont une sidebar. Wikipedia s’en sert de menu de navigation : 

Parfois elle est utilisée pour la biographie d’auteurs, les avertissements etc.

La sidebar rend visible de façon permanente certaines informations. Elles sont lisibles à n’importe quel moment.

C’est pour cela que les sidebars contiennent souvent des boutons ‘call to action’ c’est à dire des boutons d’appels à l’action comme par exemple l’inscription à une newsletter.

Les fonctionnalités de navigation fonctionnent mieux avec l’utilisation d’une sidebar car elles sont faciles à trouver.

Vous pouvez inclure une barre latérale sur à peu près n’importe quel type de site Web. Cependant, elles sont particulièrement utiles dans différentes situations. En voici deux qui, selon nous, méritent d’être mentionnées.

Les blogs, les sites d’actualités, les magazines en ligne et tous autres sites riches en contenu ont tous une chose en commun : ils survivent en publiant toujours plus d’articles. 

Plus vous avez de contenus, plus cela devient compliqué de naviguer sur le site. Vous pouvez utiliser une sidebar pour : 

Une barre latérale peut aider les utilisateurs à trouver des opportunités d’engagement là où elles pourraient être manquées, encourager les abonnements et donc les visiteurs de retour et améliorer la navigation pour garder les lecteurs sur votre site plus longtemps. Tous ces résultats profitent à votre site et peuvent augmenter les revenus que vous en générez.

Les sites Web ne sont pas beaucoup plus complexes que les magasins en ligne. Plus votre site e-commerce propose de produits, plus il contient de pages. Cela rend les barres latérales d’autant plus utiles pour inclure des éléments tels que :

Les sites de e-commerce implique beaucoup ‘d’encombrement visuel’. Si vous jetez un coup d’œil sur Amazon ou eBay, vous remarquerez tout de suite ce que nous voulons dire :

Tous les éléments qui peuvent vous aider à organiser cet encombrement visuel et à rendre vos pages plus conviviales sont les bienvenus, notamment les sidebars.

Même si leur utilité n’est plus à prouver, les barres latérales ont récemment été critiquées notamment parce qu’elles ne sont pas lisibles sur les appareils mobiles. La taille de l’écran étant limitée sur les smartphones et les tablettes, le fait de donner plus d’un tiers de la page à un contenu secondaire n’est pas pratique.

Au lieu de cela, ces informations sont généralement déplacées vers le bas de la page, où elles sont moins susceptibles d’être trouvées. Étant donné que le trafic mobile représente désormais plus de 51% de l’utilisation d’Internet dans le monde, il s’agit d’un problème important pour la conception Web.

En réponse, certains sites ont choisi de ne pas utiliser de sidebar du tout. Bien que cela soit logique, cela signifie également que ces sites ne peuvent pas profiter des avantages de cette mise en page. Si vous gérez un blog riche en contenu ou une boutique de e-commerce, cela pourrait s’avérer être un vrai problème.

Une option consiste à masquer votre barre latérale sur les appareils mobiles. Cela permettra aux utilisateurs de visualiser votre contenu secondaire tout en gardant votre site lisible sur les smartphones et les tablettes.

Une autre solution consiste à masquer une partie de votre contenu supplémentaire sur des appareils plus petits. Par exemple, si vous avez des boutons réseaux sociaux dans votre en-tête, vous pouvez les supprimer de votre barre latérale mobile pour éviter les répétitions.

Il existe également les sidebars pliantes pour votre site mobile. Les utilisateurs peuvent ensuite choisir de l’afficher ou de le masquer selon les besoins.

Bien que vous souhaitiez que votre contenu principal soit mis en avant, il existe également de nombreuses autres informations dont les utilisateurs de votre site ont besoin. Avec une barre latérale, vous pouvez afficher des éléments essentiels tels que des liens vers des domaines clés, des formulaires d’inscription par e-mail etc. 

Les sidebars ont certains inconvénients en ce qui concerne la navigation sur mobile, mais le changement n’est pas pour tout de suite. Au lieu de cela, nous devons repenser la façon dont nous abordons leur conception. Avec les bons outils, vous devriez vous en sortir. 

Des questions sur la meilleure façon de tirer parti de votre sidebar ? Laissez-les dans la section commentaires ci-dessous !