60 ans de prénoms en France, une infographie interactive de qualité

Je tombe via le Scoopit de Journalisme graphique sur cette data-visualisation (je préfère l’expression « infographie interactive ») intitulée 60 ans de prénoms en France.

60 ans de prénoms en France

En abscisse les années, en ordonnée la quantité. J’entre un prénom dans le champ texte de gauche (ou je le sélectionne dans la liste), je le valide et le résultat s’affiche.

60 ans de prénoms en France - Charles

Je veux comparer avec un autre prénom, même démarche : j’entre le second prénom, je valide, le résultat s’affiche et l’axe des ordonnées se met à jour dynamiquement.

60 ans de prénoms en France - Charles, Hélène

Et ainsi de suite. Il est également possible de passer son curseur sur le graphe afin d’obtenir des informations plus précises, de zoomer sur une décade en particulier via plusieurs boutons ou de partager un résultat très facilement (l’url se met à jour en fonction des prénoms choisis.)

60 ans de prénoms en France - informations, zoom, partage

C’est simple, rapide, et clair. Utiliser cette infographie interactive est un vrai plaisir.

Quelques petites remarques toutefois :
• aucun indice ne permet à l’utilisateur de savoir comment effacer une courbe (il faut cliquer sur le prénom à supprimer). Une petite croix à côté du prénom aurait représenté un indice intéressant.
• Il aurait été pratique de pouvoir supprimer toutes les courbes affichées en un seul clic.
• Il aurait été intéressant de pouvoir cumuler les décades.

Rien de bien méchant donc, pas de quoi me faire changer d’avis !

Blog « the e-commerce academy », comment rater sa première impression

Je découvre via Twitter un article traitant des « mythes et légendes de l’ergonomie web ». 18000 vues, 30 commentaires, apparemment beaucoup de gens ont consulté cette page.

Sans surprise, il s’agit d’une liste. (Manuel du blogueur, chapitre IV paragraphe 3 : « les lecteurs aiment les listes. ») Et sans surprise, cette liste n’est pas vraiment originale. Pour être plus précis, cette liste reprend tous les points abordés dans le chapitre 1 du livre d’Amélie Boucher « Ergonomie web : Pour des sites web efficaces ». Et dans le même ordre (allez, il y a un point supplémentaire et un point scindé en deux).

Comparaison blog e-commerce academy / livre d'Amélie Boucher

S’il est bien question de l’auteure dans l’article, la source de la liste (d’une « grande partie » de l’article donc) n’est pas indiquée. Le livre est simplement évoqué dans la partie « les internautes ne scrollent pas », en ces termes : « Ce point est extrêmement bien présenté dans le livre d’Amélie Boucher : “Ergonomie Web – Pour des sites web efficaces“, que je vous recommande chaudement. » Sans blague ?

Au delà de l’inspiration (je suis gentil), une chose m’a particulièrement ennuyée : il s’agit du blog de la e-commerce academy, un blog promotionnel (manuel du SEO, chapitre II paragraphe 7 : « maximisez les liens menant à votre contenu pour augmenter sa visibilité ») permettant de mettre en valeur les formations dispensées par l’auteur. Auteur qui se présente en fin de page comme un « expert ergonomie — titulaire d’un master en e-commerce ».

Personnellement, je n’aurais pas particulièrement envie de me faire former par une personne qui se comporte de cette façon.

Pour finir, j’ajoute que cela m’attriste un peu de lire sans arrêt les mêmes choses. Doit-on continuer à ressasser les mêmes mythes, les mêmes règles, les mêmes listes à propos d’ergonomie ? Bien sûr, ça fait plein de jolis mots-clés, mais n’y a-t-il pas mieux à faire, mieux à dire ? Ne serait-il pas plus intéressant de publier sur ce blog des rapports de tests utilisateurs, des expériences détaillées ? Ça me rappelle ces nombreux blogs qui repompent intégralement des articles écrits en anglais en les traduisant librement. C’est assez pauvre, non ?

Oh et plus constructif : je conseille à ceux qui souhaitent une formation professionnelle de s’adresser à Yuseo (par exemple).

Expérience utilisateur : Readability, une extension qui facilite la lecture

Lire sur internet demande un certain investissement. Les conditions de lecture (entre autres), rarement idéales, poussent de plus en plus d’utilisateurs à scanner les textes plutôt qu’à les parcourir en détail.

Je l’évoque souvent sur ce blog, la lisibilité des textes est un point trop souvent mis de côté par les concepteurs de sites. Trop petits, peu contrastés, trop denses… Les paramètres à prendre en compte lors de la mise en page de contenus web sont nombreux et malheureusement souvent négligés.

Readability est une extension multi navigateurs (Firefox, Chrome, Safari) et multi plate-formes (ordinateur, tablette, smartphone) qui transforme le contenu texte d’une page web afin de le rendre plus lisible. Elle permet au lecteur de s’affranchir du bruit visuel entourant un document afin de se concentrer sur son contenu, lui même retravaillé pour plus de clarté.

Quelques réglages permettent de personnaliser l’apparence du texte modifié. En voici quelques exemples.

Vous souhaitez consulter un reportage de Zataz mais vous n’avez pas 12/10 à chaque œil ?

Readability - article de zataz.com sans (à gauche) et avec (à droite) l'extension

Vous êtes lassés des publicités collées en plein milieu des articles du Monde ?

Readability - article du Monde sans (à gauche) et avec (à droite) l'extension

Les 3 (!) animations Flash de cette actualité de Clubic, qui bougent en permanence (mention spéciale à la vidéo de droite), vous perturbent ?

Readability - article de Clubic sans (à gauche) et avec (à droite) l'extension

Readability n’est pas une nouveauté : conçu il y a quelques années, il ne s’agissait au départ que d’un simple script à glisser dans ses favoris. Il a beaucoup évolué depuis et offre aujourd’hui quelques fonctionnalités supplémentaires que je n’évoque pas ici (je ne les ai pas testées.) Sa récupération par Apple dans Safari 5 est sans doute une preuve de son indéniable utilité.