Riches infographies en temps réel sur FIFA.com
Publié par Jean-Marc Hardy le 25 juin 2010 | Web design - Bonnes pratiques - Animations Flash | #384 | rss
Je suis séduit par la qualité des infographies sur le site officiel de la FIFA...
Ci-dessous, la fiche d'un joueur. J'aime particulièrement le "heatmap" du terrain. Habituellement, j'ai affaire à ce type de représentation pour comprendre les comportements de lecture des interfaces web. Ici, rien à voir : les zones "chaudes" correspondent aux endroits de la pelouse que le joueur aura le plus piétiné. Efficace pour comprendre les zones couvertes par un joueur, sa tendance à tenir sa place ou à ratisser large.

Chaque but fait l'objet d'une reconstitution en 3D, que l'on peut décider de jouer à plusieurs vitesses et sous différents angles...

Creusez encore un peu et vous aurez accès à des statistiques chirurgicales : pourcentage de réussite des passes courtes, des passes moyennes, des passes longues, des centres, des corners, vitesse de course avec et sans ballon, et bien plus encore.
Et voilà que Monsieur-tout-le-monde se retrouve potentiellement dans la peau d'un coach, avec toutes les données de match imaginables pour éclairer le débat. Les comparaisons de performances sont possibles, entre équipes, entre joueurs individuels.

L'information est proposée sous de nombreux angles : équipe, joueur, match,...
Par exemple, ci-dessous, l'équipe du Brésil dispose de "sa" page d'accueil, avec ses résultats propres, son calendrier, ses analyses, ses commentaires, ses photos, ses vidéos, etc.

Du point de vue technique, la FIFA a fait le choix d'utiliser Flash... démontrant par la même occasion que Flash (en attendant le HTML 5?) est bien plus qu'un outil d'animation. On orchestre ici une véritable base de données de contenus, richement mis en scène sur le plan graphique, reliés les uns aux autres et actualisés en temps réel.
Certains sites d'entreprises pourraient, je trouve, puiser ici quelques bonnes pratiques :
- La production d'un site riche où chaque page est quasiment une page d'accueil, un point d'entrée, une mise en scène propre.
- La mise en valeur visuelle de données chiffrées.
- L'interconnexion des données à travers des passerelles en tous sens.
- Le mélange harmonieux des genres : vidéos, photos, textes, données, commentaires,...

Commentaires
1. Le 26 juin 2010 à 00:37, par Kanban
Ajouter un commentaire