Un petit rappel. Branchez-vous demeure le premier et le plus populaire portail d’information et de technologies indépendant au Québec (il est en ligne depuis septembre 1995). Il est visité chaque mois par plus de 700 000 personnes selon comScore. Le capital de sympathie pour ce site est élevé chez les pionniers du Web québécois comme moi qui l’ont vu grandir. C’est vrai qu’il est parfois critiqué, mais il demeure quand même un des sites les plus visités au Québec, ce qui rendait le défi particulièrement intéressant pour nous.

La problématique la plus délicate : faire évoluer, sans trop bousculer.

• Peu de médias en ligne au Québec, ou même de sites Web en général, peuvent se targuer d’exister depuis 15 ans. Il y avait donc à la base de ce redesign un souci de continuité pour ne pas dérouter les fidèles de la première heure (et ils sont nombreux!). Une grande partie des «habitués» ont dit apprécier la page et ne voulaient pas nécessairement la voir changer radicalement. Comment faire évoluer la page (design, présentation, structure) sans trop bousculer les habitudes? «If it ain’t broken, don’t fix it» diront certains. Comment distiller l’essentiel? Comment discerner ce qui est «intouchable» de ce qui peut être modifié?
• Un site web comme celui de Branchez-vous est une entité organique qui vit dans un écosystème, qui a son histoire, son vécu, ses habitués, ses nouveaux utilisateurs/participants et aussi ses annonceurs. Comment faire pour améliorer le goût sans trop changer la recette? Et comment convaincre l’éditeur et le fondateur du site (Patrick Pierra, que tout le monde connaît et admire) qu’on ne fera pas trop mal à son «bébé»?
• Comment faire découvrir la diversité des contenus du portail à de nouveaux utilisateurs ou des occasionnels, et les «convertir»?

L’accueil du portail Branchez-vous avant la refonte (février 2009)

Notre intervention en bref
Nous avons dans un premier temps analysé les données Google Analytics les plus pertinentes afin de comprendre le comportement des utilisateurs sur les pages clés.  Nous avons ensuite évalué les principaux facteurs qui touchent l’expérience utilisateur de ces pages et identifié ce qui pourrait être amélioré. Nous avons défini chacune des composantes de la page d’accueil en spécifiant leur cote de priorité, pour aider l’équipe à créer un consensus sur les composantes à retenir et à prioriser, avant de débuter la conception formelle (taille, emplacement, design visuel, etc.). Après discussion autour des pistes de solution avec les membres clés de l’équipe, nous avons « briefé » le designer graphique pour qu’il s’aligne en continuité avec les orientations de redesign préconisées. Ensuite, nous avons validé et commenté quelques versions de maquettes.

Nos recommandations convergeaient sommairement vers 6 axes principaux :

• Améliorer la performance du téléchargement (voir à ce sujet un billet de mon collègue sur l’importance pour l’expérience utilisateur de la vitesse de téléchargement)
• Réduire la surcharge cognitive, l’impression de densité informationnelle élevée (passer du concept «Présenter le maximum d’infos et de photos» à une approche «Présenter l’essentiel des actualités et orienter sur l’offre principale)
• Rendre la structure plus facile à décoder rapidement (scannabilité / balayage de la structure)
• Corriger le manque d’uniformité, d’homogénétié, de constance (titres de section à double vocation, photos, tailles de la typo)
• Mieux différencier/distinguer les contenus. Beaucoup de contenants à gérer pour l’utilisateur
• Mettre davantage en valeur les éléments que les utilisateurs influencent (pour accroître leur perception d’influencer le contenu et les inciter à participer)

L’accueil du portail Branchez-vous après la refonte (février 2010)

Qu’aurait-on pu faire de plus ou mieux?

Un site qui rejoint un si grand nombre de personnes aurait gagné à être mis à l’épreuve avant la mise en ligne, à mon avis. J’aurais bien aimé évaluer un prototype auprès d’utilisateurs durant le processus (tests de l’expérience utilisateur) ou faire un test A/B, aucun expert n’ayant la vérité infuse, surtout lorsqu’il s’agit de satisfaire autant de personnes différentes en même temps. Cela met en lumière la difficulté qu’on a au Québec d’inclure systématiquement la mesure (qualitative et quantitative) dans l’évolution et l’optimisation des sites Web. Nous avons encore du travail pour convaincre les responsables de sites de mesurer en continu leurs actions le plus objectivement possible et à l’aide d’une méthodologie rigoureuse. C’est aux professionnels du domaine à se questionner sur cet état de fait et à innover dans notre façon de démontrer les bénéfices de mesurer efficacement et les risques de ne pas le faire.

Ceci dit, il s’agit tout de même d’une opération notable de rajeunissement et de simplification, qui contribuera certainement à rendre le site plus facile et agréable à utiliser, tout en rehaussant l’image de ce pionnier des médias en ligne. Bravo à toute l’équipe. Un autre 15 ans à BV? ;-)

Pour plus d’informations sur la conception de cette nouvelle page d’accueil, consultez le blogue de l’éditeur sur le site de Branchez-vous.

Les ingrédients clés de la démarche ont été dévoilés et illustrés lors de cette présentation du making-of de la création du plus récent site Web de l’ONF portant sur la diversité culturelle au Canada. Un site qui retrace une histoire étonnante à travers des documents d’archives vidéos, audios et photos des années 40 à aujourd’hui, ainsi que des entrevues et vox populi spécialement conçus pour ce site.

Utilisabilité, accessibilité, standards Web, respect des normes et standards ouverts, SEO, et mesure sont au rendez-vous.

Vous pouvez consulter ci-dessous le fichier powerpoint de ma présentation. Il ne rend compte évidemment que d’une partie de ma communication, mais ça donne tout de même un aperçu.

| View | Upload your own

NOTE: Il n’y a pas de projet Web plus parfait que celui qu’on n’a pas réalisé, qui reste à l’état «idéal» de projet. Dès qu’on concrétise un projet, il y a de l’imperfection au rendez-vous avec laquelle on doit composer le mieux possible. L’essentiel est d’avoir une orientation claire et de faire tout en son possible pour s’appuyer sur des assises solides et une approche holistique, tout au long de la mise en place du projet. C’est encore plus vrai lorsqu’il s’agit de créer un site de contenu dans un contexte multiculturel. Cela exige une véritable vision multi-facettes, une écoute multi-culturelle, et des actions tangibles tout en souplesse.

Nous vous présentons donc une étude de cas qui tend vers la concrétisation de la qualité de l’expérience utilisateur (incluant celle des producteurs de contenus), à l’aide d’un processus de développement centré utilisateur et d’un ensemble de méthodes spécialisées du domaine de l’XU. Et ce, dans toute son imperfection… et à la fois sa perfection du moment.

À partir de là, le Web étant organique (et un projet jamais fini), il sera possible d’ajuster le tir en cours de route grâce à la mise en place d’outils et de moyens de mesurer, d’analyser et d’évoluer en continu.