Le cauchemar Instagram partie 2 : pour les inscrits

J’évoquais il y a quelques jours les soucis rencontrés par les utilisateurs d’Instagram qui ne sont pas inscrits sur le site. Je me penche aujourd’hui sur le calvaire des inscrits.

Je commence par un problème classique et récurrent sur les réseaux sociaux : l’ordre des publications. Sur Instagram, l’ordre d’affichage des messages sur le flux est totalement anarchique. Sur cet exemple :
• le premier message a été publié il y a 23 heures
• le deuxième il y a 19 minutes
• le troisième il y a 1 jour

Instagram - ordre de publication des images dans le flux

Et la galère ne s’arrête pas là : le flux se réorganise régulièrement, c’est-à-dire que si je ferme mon navigateur et que je le rouvre dans quelques heures, l’ordre des messages aura changé. Même punition si je consulte l’app via mon mobile, d’ailleurs. Un vrai bonheur.

Deuxième gros problème d’interaction, lorsqu’une publication est ouverte cette fois, les flèches de navigation. J’en ai déjà parlé dans ma note précédente, mais les inscrits ont droit à un niveau de complexité supplémentaire.

Instagram - navigation entre les publications

Cette publication contient plusieurs images que l’on peut faire défiler avec l’invisible flèche que j’ai entourée de rouge (il y a aussi de tout petits points blancs en bas, qui ne sont tout simplement pas visibles sur un fond blanc, là on atteint le sommet de la moquerie). Problème, deux autres flèches (entourées de vert) sont présentes à l’écran, des flèches un-peu-moins-invisibles qui permettent de faire défiler les publications. On peut donc affirmer sans prendre beaucoup de risque que de nombreux utilisateurs se tromperont de flèches pour faire défiler les images de la publication.

Cerise sur le gâteau, changer de publication remet l’index à 1, c’est-à-dire que si vous consultiez l’image 12 d’un carrousel et que vous changez de publication par erreur, vous reprendrez à l’image 1. Pour la lecture de certains types de contenus (BD par exemple) ce comportement est particulièrement pénible.

Publier sur Instagram offre également son lot de galère. Premier grand plaisir : il est impossible de publier depuis un ordinateur. Pourquoi profiter du confort d’un grand écran, d’un clavier et d’une souris quand on peut se coller devant un écran minuscule et publier avec ses deux gros pouces ?

Au delà de cet aspect, je vais revenir sur un point qui me touche particulièrement : la qualité des images. Instagram compresse excessivement les images qu’on lui envoie. Parfois c’est peu visible, sur des photos complexes par exemple, mais dans d’autres cas…

Instagram - qualité des images

Sur ce zoom on peut vraiment apprécier la qualité de l’image :

Instagram - qualité des images (zoom)

Pourquoi proposer une bonne qualité d’image sur un réseau social basé sur l’image, après tout ? Et puisque l’on parle du contenu, j’en profite pour rappeler un basique : sur Instagram on publie aux dimensions d’Instagram. Pas question de publier des photos larges ou hautes, Instagram n’accepte que le format carré en page de garde. Ça ne vous plaît pas, allez voir ailleurs.

Il y a aussi des petits bugs, par ci par là. Dans les textes qui accompagnent les publications, on trouve parfois des points à la place des sauts de ligne. C’est vilain, ça doit être désagréable pour les gens qui utilisent un lecteur d’écran, mais c’est la seule solution pour éviter que tout le texte ne soit collé. Parfois Instagram publie les retours à la ligne, parfois non, c’est totalement anarchique. Et c’est comme ça depuis une éternité d’après ce que l’on m’a rapporté.

Instagram - bug

Et puisque je parle de ce minuscule espace réservé au texte, je me dois d’évoquer les commentaires. Je conçois que la conception d’une interface permettant de lire plus de 27000 commentaires soit très complexe, mais n’y a-t-il pas un tout petit peu mieux à faire que ça :

Instagram - gestion des commentaires

Une colonne de 300 x 350 pixels (sur un écran qui en compte 2560 x 1440, quel bel usage de mon matériel), dix commentaires affichés par défaut (dont seuls quatre maximum sont visibles !) et un bouton + pour en afficher dix supplémentaires ? Il n’y a pas grand chose de social, là.

Je termine avec un point qui me gêne plus que tout : sur Instagram, il n’est pas possible de mettre des liens. Autrement dit Instagram redéfinit le concept même de site internet en empêchant les utilisateurs de sortir de son site. Sur Instagram, seules les mentions d’utilisateurs (tu n’es pas utilisateur, tu n’existes pas) et les hashtags (au fonctionnement abscon) sont autorisés.

Allez, je ne suis pas tout à fait honnête : les utilisateurs ont droit à un lien, un seul et unique lien qui devra impérativement être positionné dans leur biographie. Cette restriction folle a permis l’émergence de sites comme linktree ou campsite, des « optimiseurs de biolink » (?!) dont le seul intérêt est de permettre aux utilisateurs d’Instagram de partager quelques liens supplémentaires.

Instagram - un unique lien dans la biographie

Oh, et si vous avez plus de 10000 personnes qui vous suivent, vous pouvez partager des liens via les stories. Mais c’est encore une autre histoire…

Quand de belles photos nuisent à l’expérience utilisateur

Je cherche un cadre pour mettre en valeur un poster que j’ai acheté. Je me rends sur le site de Leroy Merlin, dont j’ai apprécié il y a un moment la navigation à facettes permettant de trier les articles par dimensions. 

Voici la page liste des cadres :

Page liste des cadres sur leroymerlin.fr : haut de page

Je trouve l’énorme image d’illustration en haut de la page un peu déroutante ; c’est joli mais ce n’est pas ce que je viens chercher.

Je scrolle pour afficher la suite.

Le filtre me permettant d’afficher uniquement les articles dont les dimensions m’intéressent est toujours là, malheureusement il ne fonctionne pas correctement. Un bug particulièrement ennuyeux pour moi, qui visitait le site de Leroy Merlin justement pour ça. Mais ce n’est pas ce qui a motivé cette note. 

Si je scrolle un peu plus pour afficher les photos des cadres, je me retrouve devant ceci :

Page liste des cadres sur leroymerlin.fr : de belles images qui gênent la consultation des articles

Une page très élégante, tout à fait dans l’air du temps. On reconnait la présentation façon tuiles ; les amateurs de décoration d’intérieur remarqueront que les cadres sont présentés au milieu d’environnements relativement neutres afin de mettre en valeur le produit. C’est simple : même sur Pinterest la mise en page n’est pas aussi réussie !

Et… C’est un problème. L’ensemble est si joli qu’il en devient difficile de distinguer les articles eux-mêmes. Dit autrement : je ne suis pas en train de chercher des idées pour mon salon, je visite un site e-commerce à la recherche d’un cadre 30 x 40 cm noir à fine bordure. Ce sont deux situations complètement différentes. 

Voici la page liste des cadres du site d’IKEA

Page liste des cadres sur le site d'IKEA

Des photos détourées de cadres vides. Une page beaucoup plus sobre, presque triste, mais parfaitement fonctionnelle : je distingue d’un seul coup d’œil les modèles qui m’intéressent. Et je n’ai pas besoin de passer ma souris sur chaque image pour afficher le prix de base (ou d’appuyer sur le petit ‘+’ sur mobile, un picto inactif sur desktop d’ailleurs).

Et puis… à quoi bon construire une jolie page de ce genre pour la transformer quelques coups de molette plus tard en un ensemble chaotique de photos détourées mélangées à des mises en situation ?

Bouygues Telecom, le test d’éligibilité fantôme

Un proche se rend sur le site de Bouygues afin de tester son éligibilité à la fibre.

Bouygues Telecom - test d'éligibilité

Après avoir saisi un numéro de téléphone, le message suivant apparaît :

Bouygues Telecom - résultat du test d'éligibilité

Les clients Bouygues Telecom doivent apparemment faire le test depuis leur espace client. (Pourquoi ne pas l’avoir précisé plus tôt, mystère.) Mon ami perd un long moment à retrouver ses codes d’accès (c’est aussi ça, l’UX de la vraie vie), ça l’énerve, mais il finit par réussir à se connecter. Voici la page sur laquelle il est redirigé :

Bouygues Telecom - espace client

Il a apparemment été renvoyé sur la page d’accueil de son espace client. Problème : où se trouve le lien vers le test d’éligibilité ? Pourquoi n’est-il pas redirigé automatiquement vers cette page ? Mystère.

Voici l’intégralité des menus du site :

Bouygues Telecom - ensemble des menus de navigation

Il a cherché longtemps, nous avons cherché longtemps, nous n’avons pas trouvé.

Je ne me décourage pas : je me connecte sur une autre machine, je lance un autre navigateur, je me rends sur le site de Bouygues, j’accède à son espace client, et cette fois le miracle se produit :

Bouygues Telecom - menu principal en haute résolution

C’était pourtant simple : le test d’éligibilité n’est pas accessible sur les appareils qui ont une résolution inférieure à 1168px de large. Évident, non ?

Autrement dit : sur un écran basse résolution (un iPad par exemple) le burger menu qui s’affiche ne présente pas de lien « test d’éligibilité », alors que sur un écran haute résolution (une machine de type desktop) le lien est bien présent au sein du menu de la page.

Nous nous rendons ensuite sur la page du test pour en finir.

Bouygues Telecom - boucle infinie

Nous voilà revenus 15 minutes en arrière. Que dire ? Nous sommes coincés dans une boucle. En d’autres termes et pour faire court, il est tout simplement impossible de savoir si le logement de mon ami est éligible à la fibre. Bravo et merci, Bouygues Telecom !

Épilogue

Le lendemain, mon ami reçoit cet e-mail :

Bouygues Telecom - e-mail de prospection

On peut y lire le message suivant : Félicitation, vous êtes éligible à la Fibre !
Problème : pour en savoir plus, le bouton nous invite à retourner… dans notre espace client. Retour dans la boucle !

(Mon ami n’a pas remarqué qu’il s’agit d’un e-mail commercial envoyé par un partenaire marketing, autrement dit que son contenu n’a aucune valeur.)

Fatigué, il finira comme tous les gens qui peinent devant des sites internet mal conçus par contacter le service client par téléphone. Et par obtenir sa réponse. Mais aura-t-il encore envie de souscrire à un abonnement chez Bouygues Telecom après tout ce cirque ?