Who's the Art Director?

Au mois de février, j’ai passé une semaine à New York City pour mon anniversaire. Je ne vous cache pas que j’avais aussi le secret espoir de gagner quelques nouveaux badges sur Foursquare en usant et abusant de l’application iPhone.

Un cauchemar. Je suis partie avant le relooking et la mise à jour de l’application. Bugs, plantages, impossibilité la plupart du temps de faire le checkin, enfin bref, que du malheur (surtout au prix du pack méga Swisscom depuis l’étranger – même avec l’option World Option Flex).

Vu le froid à cette période de l’année et les problèmes de connection, nous avons passé pas mal de temps dans les quatre Apple Store (wonderful) de la ville. Wifi gratuit, accès illimité aux ordinateurs, accueil de qualité, toilettes, formations gratuites… et possibilité de mettre à jour les tips et tags des lieux où nous avions réussi à foursquarer. Pour pouvoir gagner certains badges, et surtout pouvoir partager mes tips sans devoir passer par l’application (et dépenser encore des centaines de francs en roaming), je suis passée par le site Foursquare, le tout au chaud, les fesses posées sur un confortable tabouret devant un Mac rutilant.
C’est quand vous devez sérieusement utiliser un outil, qu’il arrive que l’on passe de l’enthousiasme total au plus grand désespoir. Je ne sais pas si vous avez passé un peu de temps sur le site Foursquare avant son petit relooking de début mars, mais je l’ai fait et j’en suis encore au bord de la crise de nerfs. Liens mal placés, informations peu claires, arborescence sans grande logique, login-logout en footer, etc… tout pour vous coller une migraine carabinée. Et malgré le « relooking », il y a encore des incohérences qui peuvent dérouter une bonne partie des utilisateurs.

Je ne prétends pas révolutionner le site Foursquare, mais il y a une chose qui est évidente dans une interface: on ne peut pas multiplier les points d’entrée à une même information sans causer la confusion dans l’esprit d’un utilisateur.
Le site a encore actuellement une navigation de 2e niveau (?? je l’ai du moins indentifiée comme telle ??) qui n’en est en réalité pas une (ME, HISTORY, STATS, FRIENDS). En top de site à droite, nous avons des liens qui peuvent être confondus avec une navigation de 1er niveau, mais qui est plutôt vraisemblablement une toolbar. Cette toolbar contient sur un même niveau hiérarchique:

• votre buddy icon et votre nom (non cliquable !)
• un lien « find friends » qui devrait logiquement se trouver sous la rubrique FRIENDS
• un « add things » qui devrait plutôt être dans votre espace personnel
• un « help » (qui devrait être en footer)
• les « settings » qui sont bien sûr liés au ME et le logout (qui est probablement le seul à être correctement placé dans l’interface…).

LESS IS MORE (et ce n’est pas moi qui le dit)
Vous connaissez le fameux « Less is more »? Plus vous donnez de choix à votre utilisateur, plus vous avez de risques de le voir se perdre dans vos pages. Plus vous multipliez les noms des liens (Add things = Add a tip) qui pointent vers une même page, plus votre utilisateur perdra de temps et fera des erreurs. N’oubliez pas le but d’une interface user centered: less time for choice, less mental effort, less frequency of mistakes. Si vous arrivez à remplir ces trois points, vous avez réussi votre interface. Le reste c’est de la déco.

Voici donc ma version du site Foursquare, et je dis bien ma version, car je ne prétends pas qu’elle puisse être définitive ou parfaite. Pour ce faire, j’aurais dû vous présenter une version fonctionnelle de tout le site, sans design. Le but de cet exercise était juste de pouvoir mettre en avant des erreurs pour le moins faciles à éviter sur un site populaire et dont la vocation est d’être facile d’utilisation à l’image de la refonte de leur application.

…

Catégorie: Ergonomie