Tout savoir sur la navigation page à page

Comme tout internaute lambda vous devez forcément avoir été confronté un jour ou l’autre à un système de navigation page à page. Mais si enfin, ne serait-ce qu’en bas de page de résultats de Google :

GooglePagination (1)

 

Je vous propose dans ce contexte de découvrir un article très complet sur la navigation page à page : Pagination Gallery: Examples And Good Practices.

Voici les meilleures pratiques identifiées par l’auteur :

  1. Proposer de larges zones cliquables ;
  2. N’utilisez pas le soulignement des liens (recommandation à nuancer) ;
  3. Identifier de façon évidente la page en cours de lecture ;
  4. Espacer les liens ;
  5. Fournir des liens ‘Suivant‘ et ‘Précédent‘ ;
  6. Fournir des liens ‘Premier‘ et ‘Dernier‘ (si pertinent, c’est à dire en cas de très grosse pagination) ;
  7. Positionnez les liens ‘Premier‘ et ‘Dernier‘ aux extrémité.

L’article est en prime illustré avec une galerie très complète de copies d’écrans. Mes deux préférés sont les paginations de Digg et de MSDN :

DiggPagination

MsdnPagination

 

 

Et vous, quels sont vos exemples préférés ?

30 commentaires sur “Tout savoir sur la navigation page à page

  1. Pour tous ceux qui souhaiteraient installer une pagination sur leur blog WordPress, je vous conseille ce super plugin : Pagination http://www.mis-algoritmos.com/2007/03/12/wp-digg-style-pagination-plugin/

    et les CSS possibles dont ceux de Flickr, MSDN, Yahoo, Digg, Technorati, Youtube… il y en a pour tous les gouts : http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/

    Perso j’aime bien celui de Flickr, je l’ai d’ailleurs mis sur mon blog.

  2. Bonjour,

    J’ai lu l’article de Smashing Magazine la semaine dernière : très réussi et enrichissant.
    Excellente idée de le faire remonter jusqu’aux des non-anglophiles !

    Bonne journée !

  3. Bonjour,

    Désolé de te déranger pour quelque chose qui n’a rien avoir avec le sujet en cours

    Mais j’aurais voulus savoir comment mettre en place une zone de commentaire comme celle de ton site

    Bien entendu pour tout ce qui est de la partie formulaire et enregistrement base de donnée c OK.

    J’aurais plutôt voulut savoir comment tu procédais ensuite (après ta validation)
    si tu avais quelque chose de plutôt automatisé, (en rapport avec la bbd) ou si tu mettais en forme chaque nouveaux message à la main, directement dans le code en y insérant un petite icône avatar

    Merci pour ton aide,
    et tant qu’on y est meilleur vœux pour 2009!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.