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 :
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 :
- Proposer de larges zones cliquables ;
- N’utilisez pas le soulignement des liens (recommandation à nuancer) ;
- Identifier de façon évidente la page en cours de lecture ;
- Espacer les liens ;
- Fournir des liens ‘Suivant‘ et ‘Précédent‘ ;
- Fournir des liens ‘Premier‘ et ‘Dernier‘ (si pertinent, c’est à dire en cas de très grosse pagination) ;
- 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 :
Et vous, quels sont vos exemples préférés ?
J’aime bien celle de Digg, par contre celle de Google m’a toujours repoussée.
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.
FlorentG, l’excellent article que tu mentionnes a été traduit par nos soins: http://www.pomdoo.fr/2007/07/16/du-bon-design-de-la-pagination/
Sinon je tiens particulièrement à ce que la règle n°1 soit respectée: large zone cliquable. Car il est très pénible d’essayer de cliquer sur un lien qui se limite qu’à la taille d’un seul caractère.
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 !
Je trouve aussi que la pagination Flickr est au top.
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!
@ Virgiel > Non en fait c’est WordPress qui fait ça tout seul à l’aide de Gravatars.
/Fred