La cécité du scrollbar
Techcrunch : Site de nouvelles sur les compagnies du web2.0 qui sont financées à coups de millions pour des produits qui ne seront jamais rentables. Des fois, ils passent autre chose comme cet article : Which Superhero Are You? Cet article amène à une page affreuse d’un test pour savoir quel super-héros on est. Jusque là, rien d’anormal.
Jusqu’au moment où je commence à prendre le test.

Vous avez remarqué les Scroll Down avec la flèche pour indiquer qu’il faut scroller la page? Est-ce qu’on en est vraiment rendu au point où les gens ne reconnaissent plus les scrollbars?
Je connais beaucoup de gens non-technologique qui utilise l’autoroute de l’information et je vois parfois qu’ils sont complètement aveugle des scroll bars. Je suis parfois obligé de leur dire “Prends l’ascenceur à droite et descends la page”.
Je suis heureux, on va peut-être enfin pouvoir se débarasser de cet élément d’interface visuelle puant. Je suis d’ailleurs dans une fenêtre d’édition de Wordpress et je me bats avec le scrollbar à toutes les fois. Avec le bouton du milieu de la souris, lorsqu’on scroll et que la fenêtre d’édition est rendue à la fin, c’est toute la page web qui défile.
En passant, je suis Hulk.

Hulk, qu’est-ce que tu voudrais éliminer : les scrollbars ou le texte “Scroll down” dans la page affreuse? Si c’est les scrollbars, je ne suis pas sûr de comprendre… par quoi tu remplacerais ça?
Au fait, j’ai rarement vu un formulaire aussi laid.
Ah, et je suis Superman! (Je me suis pas arrangé pour tomber sur lui, je le jure)
En fait, le moins de scrollbars c’est le mieux. Donc, t’enlèves le scrollbar et tu fais scroller la page complète.
On pense toujours à optimiser les pages pour une largeur de 800px ou 1024px et je pense qu’il faudra aussi commencer à optimiser pour une hauteur de 600px ou 768px afin de ne pas avoir de scrollbar à droite non plus.
C’est clair que c’est franchement plate quand on scroll dans une boite (comme lorsqu’on écrit un article ici) et que quand on arrive à la fin de la boite, c’est la page au complet qui scroll.
Pour ce qui est des scrolls, je pense que c’est correct lorsque la page sert à principalement à faire lire l’utilisateur. Le hic c’est lorsque c’est plus un application Web où on devrait voir en permanence l’ensemble des “boutons”.
J’oubliais, je suis Green Lantern!
[…] Le problème qui empêchait la personne de fonctionner était le suivant : elle était dans la médiathèque (l’endroit où on voit toutes les chansons téléchargées) et le nombre de chansons était tel qu’elle ne pouvait pas tous les voir à l’écran sans avoir à descendre la barre de défilement (scrollbar). Cette personne m’a dit : “Qu’est-ce que je fais pour toutes les voir?”. Je lui ai répondu : “Tu dois faire descendre la barre de défilement qui est à ta droite et les autres chansons vont apparaitre”. Premièrement, je me suis rendu compte qu’il ne la voyait pas, mais vraiment pas. Il me dit alors : “Ok, mais qu’est-ce que je ferai quand il y aura beaucoup plus de chansons? La barre de défilement va être en bas et il va rester des chansons, non?”. Cette phrase m’a complètement déstabilisé. Je lui ai dit : “Eh bien, quand il y aura plus de chansons, la barre verticale va devenir plus petite de façon à ce qu’elle puisse tous te les montrer”. Clairement, il n’était pas confortable avec ce concept. Il m’a alors dit : Je suis sûr qu’il y a moyen d’afficher les chansons sur différentes pages. Et c’est là que, naîf et confiant, il mis sa souris sur le point d’interrogation en haut à droite du programme Limewire et qu’il sélectionna l’item “Utilisation de Limewire”. Je n’ai jamais osé lui dire qu’il ne trouverait jamais ce qu’il chercherait à cet endroit puisque cela l’aurait probablement découragé du monde informatique. Je l’ai laissé cherché quelques secondes et je lui ai finalement dit : “Je ne crois pas que ce soit possible de faire ce que tu cherches”. Bref, avant même que la fenêtre d’aide ouvre, je savais qu’il ne trouverait pas ce qu’il cherchait. […]
Je suis Green Lantern
Green Lantern
80%
Hulk
75%
Superman
70%
Robin
65%
Spider-Man
55%
Iron Man
55%
The Flash
55%
Catwoman
50%
Supergirl
45%
Wonder Woman
40%
Batman
40%
Hot-headed. You have strong will power and a good imagination.
Click here to take the Superhero Personality Quiz
Comme Émile!