034 - Ouverture de popup

Si et seulement si je soutiens l’internaute dans sa tâche.

Note 2/5, coût 1/5, accessibilité 3/5 Fortement déconseillées par les ergonomes car elles sont réputées pour confondre et agacer les internautes, les popups peuvent être considérées comme système de navigation adéquat si elles servent à soutenir l’utilisateur dans ses tâches.

Exemple sur www.vueling.comLa popup affiche des informations pour aider l’internaute à passer le processus d’achat. La popup est primordiale car l’internaute garde sa page principale intacte.

Pour qui ?
Les sites de formation, les applications ou logiciels en ligne.

Une popup est une nouvelle fenêtre de navigateur qui apparaît lorsque l’internaute clique sur un lien. Cette nouvelle fenêtre est plus petite que la fenêtre principale. Les popups sont dépourvues des options de navigation habituelles contenues dans le navigateur (boutons « précédent », « suivant », « démarrage »…).

Informez vos internautes que de cliquer sur un lien va ouvrir une popup.

Les popups ont l’avantage de permettre à l’utilisateur de consulter deux pages à la fois. Elles sont donc idéales pour afficher une page d’aide décrivant comment utiliser une fonctionnalité du site.

Attention popups et référencement

Contenu trouvé grâce à un moteur de recherche.
Le lien « retour au site » simule le bouton « retour » du navigateur, ce qui fait que l’internaute retourne au moteur de recherche et non au site. Sur notre exemple, l’internaute doit lire l’adresse du site pour savoir sur quel site il se trouve. C’est dommage.

Les popups sont appelées ainsi, car elles apparaissent soudainement au-dessus de la fenêtre en cours de consultation. Nombre d’applications abusent de l’utilisation des popups, ce qui rend souvent le site hermétique aux moteurs de recherche.
Si l’utilisation de popup s’avère indispensable sur votre site :

laissez les fonctionnalités de base du navigateur à votre popup en insérant un bouton «suivant», «précédent», « retour page d’accueil », « imprimer » et « envoyer à un ami » afin que l’internaute puisse naviguer à l’intérieur de la popup, imprimer le contenu de la popup, et avoir un moyen de garder un lien direct vers ce contenu.

testez que le bouton « imprimer » fonctionne sur MAC et sur PC.

rendez vos popups accessibles aux moteurs de recherche.

erreur type, testez le design de vos popups en pleine page.

pensez à permettre aux internautes de retrouver le site avec sa navigation. Insérez un lien « Retour site » près du logo.

permettez le défilement vertical et le redimensionnement de la page.

gardez l’aspect et le fonctionnement des barres de défilement types afin que l’internaute
repère facilement qu’il doit faire défiler la page pour afficher plus de contenus.

informez vos internautes que de cliquer sur un lien va ouvrir une popup. Insérez un pictogramme représentatif à côté de votre lien. Il affichera pour légende (attributs ALT et TITLE) « nouvelle fenêtre » lorsque l’internaute passera sa souris sur l’image.

indiquez dans le libellé du lien qu’il s’ouvre dans une nouvelle fenêtre ou complétez l’attribut TITLE du lien. Attention : sur certains lecteurs d’écran le contenu du TITLE remplace le libellé du lien. Écrivez : « Voir l’ensemble de nos produits (nouvelle fenêtre) ».

insérez une alternative accessible aux utilisateurs qui n’ont pas accès aux javascripts. Cette alternative pourra, dans la balise « noscript », faire un simple lien dans une nouvelle fenêtre ou non. Une nouvelle fenêtre s’ouvrira grâce à un attribut TARGET dans le lien. Un target empêche l’internaute de choisir d’ouvrir la fenêtre dans un nouvel onglet ou dans une nouvelle fenêtre.

placez le focus sur la popup. Cela signifie que lorsqu’un internaute clique sur un lien la popup apparaît toujours au-dessus des autres fenêtres.

bannissez l’ouverture de popup automatique (navigation 035).

Laisser un commentaire

Les champs marqués * sont obligatoires