En poursuivant sur ce site, vous confirmez accepter l'utilisation de cookies (et de Google Analytics ou tout autre module de ce type, au cas par cas)
dans le but d'améliorer votre expérience utilisateur/de récolter des statistiques utilisateurs et/ou tout autre raison pour laquelle on utilise les cookies.

04 72 73 19 08 contact@yumea.fr
Actualités | Contenu du site | Non classifié(e) | Structurer son site

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

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

24 janvier 2020
[seopress_breadcrumbs]
Quand 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. 

Qu’est-ce qu’une sidebar (et pourquoi en avoir une est si utile) ?

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 : 

  • Des liens de navigations vers des pages clefs
  • Des publicités pour des produits ou services
  • Formulaire d’inscription d’email
  • Des posts populaires
  • Le lien vers les réseaux sociaux

 

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.

2 types de sites web pour qui il est bénéfique d’utiliser une sidebar

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.

1/ Les sites Web riches en contenu :

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 : 

  • Inclure les liens vers vos réseaux sociaux ou un bouton de partage
  • Montrer l’inscription à une newsletter là où les utilisateurs ne la manqueront pas
  • Afficher des liens vers les posts ou les pages liés
  • Montrer votre post le plus populaire
  • Ajouter une barre de recherche qui serait facile à trouver

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.

2/ Magasins en ligne :

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 :

  • Produits correspondant et achats antérieurs 
  • Le bouton ‘Ajouter au panier’
  • Les avis et revis des acheteurs
  • Les publicités pour des offres spéciales ou les promotions du moment
  • La vue du panier pour que le client puisse garder un oeil sur ses achats et ses dépenses.

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.

Comment les barres latérales s’intègrent-elles dans les sites sur mobile ?

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.

Conclusion

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 !

Template gratuit Cahier des charges de site e-commerce
Ceci peut vous intéresser
Google Ads : quelles métriques pour optimiser ma campagne ?

Google Ads : quelles métriques pour optimiser ma campagne ?

20 Mai 2021

Lorsque vous créez et avez lancé votre campagne, votre part du job est loin d'être terminé. Comme dit l'adage "on peut toujours faire mieux !" et c'est d'autant plus le cas quand on commence avec Google Ads. Vos campagnes sont peut-être parfaites et connaissent...

Pin It on Pinterest