Popup ou pas ?

C’est a mon sens une question fondamentale d’ergonomie pour un site marchand : doit on tout afficher dans la fenêtre du navigateur, ou doit on afficher certaines infos dans des fenêtres « filles », dite popups ?

Dans l’exemple classique ci-dessus (extrait du site BuyDig) , l’utilisateur peut voir l’article, en l’occurence un appareil photo, plus en détail.

Les popups peuvent être utilisés pour plusieurs fonctions :

  • Voir un produit en détail (exemple ci-dessus)
  • Finaliser une commande, voir son panier
  • Afficher de l’aide, plus ou moins contextuelle

Bon, autant le dire tout de suite : je ne suis pas convaincu par cette ergonomie.

  1. Les utilisateurs ont encore bien souvent des écrans de taille moyenne (17 pouces), et sur de tels écrans, on n’a pas beaucoup de place pour afficher plusieurs fenêtres. Les fenêtres sont donc nécessairement superposées.
  2. (j’hésite à le dire mais…) Pour les utilisateurs pas trop expérimentés, pas trop à l’aise, la gestion de plusieurs fenêtres est plus difficile : certains sont rapidement perdus.
  3. Même pour les utilisateurs expérimentés, c’est pas le plus simple, ni le plus convivial, parce que, quand on veut acheter, on veut voir le produit et regarder en même temps les caractéristiques, les réactions d’autres clients, …

Tous les sites n’utilisent pas les popups et les alternatives sont possibles. Ajax ou Flash sont naturellement de la partie
Exemple : endless, la nouvelle boutique d’Amazon pour vendre des sacs à mains et des chaussures :

(merci Fred pour l’info, trouvée ici)

L’image du sac à main de gauche est l’image classique du produit vendu. Quand on balade sa souris dessus, la zone de droite permet de voir un zoom autour de la souris (plus facile de regarder directement ce que ça donne sur le site…).

On est donc bien dans une interface parfaitement « plate », sans popup.

Naturellement, c’est plus cher à développer… On n’a rien sans rien !

2 commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *