Mois : novembre 2007

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

 

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

/! Article initialement publié sur FredCavazza.net.

Des zooms automatique sur les photos chez GAP

Aviez-vous remarqué le zoom automatique sur les photos de produits chez GAP ?

GAP_Zoom

 

Lorsque vous êtes sur une page produit, plutôt que de vous proposer le traditionnels ‘Clic for Zoom‘, un survol de la souris sur la photo affiche automatiquement une loupe sur le côté de l’écran (avec un prime un effêt fondu).

C’est très malin car en règle générale, l’oeil suit le mouvement de la souris (et inversement). Partant du principe que si votre souris traîne sur la photo d’un produit alors il y a de fortes chances que vous soyez en train de détailler cette dernière, donc vous avez besoin d’un zoom pour afficher les détails.

Et hop, un clic de gagner !

Nous pourrions dire la même chose des autres vignettes proposées sous la photo principale : un survol affiche la nouvelle photo sans avoir besoin de cliquer dessus.

Décidément je suis réellement admiratif du travail réalisé par les équipes GAP, sont-ils accompagnés par une agence ? Et vous, c’est quoi votre boutique en ligne favorite ? (merci à Isa pour le lien ;-))

Compte-rendu (rapide) de la Journée Mondiale de l’Utilisabilité 2007

Et voilà, la troisième édition de la Journée Mondiale de l’Utilisabilité s’achève. Beaucoup de monde dans la salle de conférence du Business Center de Microsoft :

Conf_DesignersInteractifs

Microsoft nous avait réservé une petite surprise ce matin avec un (court) message vidéo de Bill Gates sur le thème de l’expérience utilisateur, du rôle de l’ergonomie au sein de l’industrie logicielle et des différents chantiers menés par la firme de Redmond (notamment sur Surface).

Je suis très satisfait du déroulement de la matinée avec un timing à peu près respecté et des échanges intéressants entre la public et les orateurs.

Et puisque l’on parle des orateurs, je tiens à remercier nos speakers pour leurs interventions : Frédéric Gaillard d’Axance, Elie Sloim de Temesis, Guillaume Brachon des Designers Interactifs ains qu’Alexis Mons et Laurent Goffin de Groupe Reflect – Emakina.

Quant aux interventions, rassurez-vous, elles seront disponibles en téléchargement et en vidéo sur SimpleWeb.fr dès que nous aurons mis le site à jour avec l’équipe de Synerg’heTiC.

Et en prime vous aurez même droit à une série d’interviews réalisées à la fin de la matinée.

Je suis trop fatigué pour me lancer dans un compte-rendu plus détaillé mais je peux vous proposer à défaut celui du blog-conversion : World Usability Day – Compte rendu (1/2) (c’est un très bon début).