Faire une navigation toute simple mais efficace sur une page

La navigation sur une page est importante pour l’expérience utilisateur. Vous pouvez avoir un beau design mais perdre vos visiteurs parce qu’ils n’ont pas bien été guidés. Sur mon site professionnel (une seule page) j’ai expérimenté une navigation sous la forme d’un slide vertical dans les deux sens et je trouve que le résultat est plutôt sympathique et agréable.

Pour arriver à cet effet, il faut installer le script jquery Better html anchor qui va vous permettre de faire cet effet de glissement entre votre menu et votre contenu sur la page, bien entendu il faut aussi installer la librairie Jquery. Ensuite sur le lien du menu il faut utiliser la classe “anchorLink” comme présenté dans l’exemple ci-dessous :

  • CONTACT
  • Puis insérer une div avec un name et un id qui correspondent au # du lien du menu :

    Et voilà le tour est joué, vous avez une belle navigation glissante sur votre site. Notez que vous pouvez faire remonter le visiteur au menu aussi.

    2803media

    Plus d’information sur le site du développeur du plugin jquery.

    Articles en rapport :