Le cauchemar Instagram partie 1 : pour les non-inscrits

Instagram compte plus d’un milliard d’utilisateurs. Un chiffre énorme… mais qui reste largement inférieur aux six milliards et demi de personnes qui ne l’utilisent pas.

Voici à quoi ressemble une page Instagram vue sur smartphone pour tous les gens qui n’ont pas de compte.

Instagram vu par un non-inscrit sur un smartphone

Un avertissement relatif à la collecte d’informations et aux cookies qu’il est impossible de refuser (ce n’est pas conforme au RGPD, mais quand on s’appelle Facebook – propriétaire d’Instagram, trop de gens l’ignorent encore – on s’en fiche probablement pas mal), et un second bandeau Passez sur l’app.

Une fois qu’on a masqué tout ça, on obtient ceci (je passe sur desktop pour améliorer la lisibilité) :

Instagram - page de garde du compte un_bon_chien

Je remarque plusieurs points problématiques plus ou moins importants. Le contraste du moteur de recherche est trop faible, par exemple. Mais le plus gênant ne se voit pas sur la copie d’écran : tous les contenus cliquables sont bloqués. Un clic sur
• le nombre de publications
• le nombre d’abonnés
• le nombre d’abonnements
• l’image de profil
• l’image en dessous
• le lien IDENTIFIÉ(E)
• … ou une publication (les photos en bas, probablement l’objet de la visite) fera apparaître la fenêtre suivante :

Instagram - modale d'inscription

Circulez, il n’y a rien à voir. Ou plutôt « Abonnez-vous, vous n’êtes pas sur internet ici, vous êtes chez nous et seuls les membres sont autorisés à en savoir plus ». (Cette idée de « ne pas être sur internet » est très importante, j’y reviendrai plus tard.)

Si je scrolle un peu pour voir le contenu de la page, une fenêtre quasiment identique apparait :

Instagram - modale d'inscription bloquante
Cette modale représente probablement ce que l’on peut faire de pire sur internet : une fois qu’elle est apparue, le site est littéralement figé. Il n’est pas possible de fermer cette fenêtre (contrairement à la précédente : la croix en haut à droite a disparu), il n’est plus possible de scroller, bref je me trouve devant un mur. Le bouton page précédente me fait quitter le site ; la seule possibilité pour revenir sur la page que je consultais est donc de rafraîchir la page.

Cela étant dit, il est tout de même possible de consulter le détail d’une publication si vous avez son lien direct. Comme ici par exemple :

Instagram - détail d'une publication

Là les choses deviennent plus complexes. Par exemple, seul un œil exercé verra que cette publication est une succession de sept images grâce aux microscopiques points en bas de l’image, et que l’on peut passer de l’une à l’autre via la minuscule flèche gris clair sur fond blanc. Mais si, c’est là :

Instagram - détail d'une publication (légendé)

J’apprécie également les pictos non légendés. Je veux bien admettre que le cœur et le phylactère soient compréhensibles ; le fanion, à la limite ; mais l’avion en papier pose problème : ici il permet de partager le contenu avec un tiers (via Facebook, Twitter etc.), alors qu’en haut de la page d’un utilisateur connecté le même picto renvoie vers les messages privés ! De toute façon, à quoi bon afficher tous ces pictos puisqu’ici encore, tous les clics (sauf l’avion en papier, bizarrement) renvoient vers la modale d’inscription au site…

Note : cliquer sur le nombre de J’aime fera s’afficher la modale bloquante. Impossible de savoir pourquoi celle-ci plutôt que l’autre.

Cela étant dit, je pense que ce sont les publications sous forme de vidéo qui me plaisent le plus. Là, on atteint vraiment le sommet de l’enfer.

Instagram - détail d'une publication en vidéo

Cette vidéo a un bouton lecture… et c’est tout. Pas de barre de temps (donc  impossible de se déplacer dans la vidéo… où même simplement de connaître sa durée totale), pas de contrôle du volume sonore, pas d’agrandissement de la fenêtre, rien qu’un bouton lecture.

Pire : si je consulte un autre onglet du navigateur pendant la lecture de la vidéo, cette dernière s’arrête et reprendra au début lorsque je retournerai sur l’onglet.

Bizarrement, certaines vidéos ont des commandes de lecture, comme ici par exemple :

Instagram - détail d'une publication en vidéo avec lecteur

Ça ne résout pas le problème du bloquage lorsque l’on va sur un autre onglet, mais au moins on a des commandes de lecture et l’affichage de la durée de la vidéo.

Je m’arrête là pour Instagram vu par un non-inscrit. Malheureusement il reste encore tant à dire… Je ne vous ai pas parlé des commentaires ? De la qualité des images ? De l’impossibilité de mettre des liens (la *base* d’internet en somme) ? Ce sera pour plus tard.

Foutez la paix à mon viewport !

Edit du 24 octobre : à tous ceux qui aiment les menus cachés (voir la fin de cette note), je suggère de jeter un œil au site journal-facebook.fr. Après avoir fermé l’insupportable modale « Votez pour ce blog », vous pourrez admirer non pas un, mais deux menus masqués… qui en plus sont cachés derrière deux pictos identiques !

Site internet de journal-facebook : deux menus cachés derrière deux pictos identiques

Note du 30 septembre 2013

Je passe beaucoup de temps sur internet. Ces derniers temps, je tombe de plus en plus souvent sur des sites qui utilisent des menus persistants (ie qui restent affichés en permanence à l’écran.) Sur les sites en une page ils ont beaucoup de sens : remonter « manuellement » en haut de la page pour naviguer n’est pas très logique. Sur des sites plus traditionnels en revanche, ils m’ennuient particulièrement.

À peu près tous les utilisateurs aujourd’hui ont un moyen simple de faire défiler les pages : roulette, touchpad, doigt… Et je ne pense pas me tromper de beaucoup en ajoutant que tous les utilisateurs aujourd’hui savent s’en servir. Alors quel intérêt ?

01 - Le menu persistant de sceneario

Sur l’exemple ci-dessus, le menu supérieur occupe 15% de la surface de l’écran (en 1024 x 768). En tant qu’utilisateur, je préfère que ces 15% reviennent au contenu du site plutôt qu’à un élément que je peux retrouver facilement (le menu de navigation en haut de page n’est pas un élément particulièrement rare sur internet) et d’un seul coup de molette.

02 - Le menu persistant de 01net

Plus amusant : sur le site de 01net, le menu persistant est situé en bas… et donne parfois l’impression que le site se termine. Chers décideurs, ça, ce sont des clics en moins sur les bannières de pub qui se trouvent en dessous !

03 - Le double menu persistant de lesnumeriques

Double dose sur cette page d’actu du site lesnumeriques : deux menus persistants viennent encadrer le contenu du site. La bande inférieure me rappelle les chaines d’information en continu : si l’actualité principale ne m’intéresse pas, le message déroulant en bas pourra peut-être m’attirer. Sauf que sur internet ça n’a pas tellement de sens : si l’actualité principale ne m’intéresse pas je vais voir ailleurs, je n’ai pas besoin d’attendre passivement la suite des informations.

04 - Le double menu persistant de dailygeekshow

Double dose sur ce site, avec deux menus qui se superposent en haut. Le second est dédié au partage de l’article (et bugge avec Safari, cf. texte « 298 partages ») : et si vous me laissiez lire l’article, avant de me proposer de le partager ?

05 - le menu persistant semi opaque de Cocones

Autre brillante idée chez Cocones : le menu persistant semi-opaque. Le menu est moins lisible, le contenu est moins lisible. Bien joué.

06 - le menu persistant sans background de Hardgraft

Chez Hardgraft, on a estimé qu’un menu persistant occupant 40% de l’espace était une mauvaise idée, alors on a choisi de l’afficher en permanence sans aucun background. Record du monde de lisibilité. (via @hteumeuleu)

Mon poste de travail dispose d’un grand écran. Ces menus persistants ne me posent donc pas trop de problème – ils m’énervent, c’est déjà beaucoup. Mais quid des netbook (ce n’est pas parce qu’il ne s’en vend plus beaucoup qu’il n’y en a plus), des tablettes en 1024 x 768, des mobiles (hors site adapté), des autres terminaux qui sont chaque jour plus nombreux ?

Chers décideurs, voici mon message : je viens voir le contenu de votre site. Pas le menu, le contenu. Et si vous me laissiez le consulter tranquillement ?

Bonus

Les menus persistants diminuent l’espace dédié au contenu, et c’est souvent une mauvaise idée. Cela ne veut pas dire qu’il faut supprimer totalement le menu de navigation !

07 - le menu caché de bienvillecapital

08 - le menu caché de modafamilia

Dans les deux cas ci-dessus je suis contraint d’ouvrir le menu à chaque fois que je change de page ! Très pratique, vraiment. Oh, et le menu principal n’est pas qu’un élément de navigation, il aide également le visiteur à comprendre de quoi traite le site. Dans ces deux cas, bon courage.

Je suppose que toutes ces histoires de menus persistants ou cachés sont des modes. J’espère qu’on passera rapidement à autre chose.