Le blogue d'Idéactif

9 février 2010

Comment optimiser un site web et plaire à 700 000 personnes en même temps?

Nathalie Berger @ 15:38

Le site Branchez-vous vient de mettre en ligne une version optimisée de sa page d’accueil. Celui-ci n’avait pas été rafraîchi depuis belle lurette. Je profite de l’occasion pour parler brièvement de mon expérience dans ce projet de refonte auquel j’ai pris part récemment, avec mon collègue Jean-François.

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)

Accueil Branchez-vous après la refonte 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.

  • Share/Bookmark
Classé dans : Projets Idéactif — Nathalie Berger @ 15:38

14 décembre 2009

Utilisabilité et développement durable : une évidence?

Nathalie Berger @ 13:57

Il est possible de visualiser et télécharger les présentations et vidéos des conférenciers de la Journée mondiale de l’utilisabilité, qui s’est tenue à Montréal et Québec en simultanée.

Des sujets variés — incluant les «design patterns», l’ergonomie, le marketing, l’ingénierie, l’adaptabilité des sites internationaux en contextes locaux — célèbrent l’apport de l’utilisabilité et de l’expérience utilisateur dans le développement de produits faciles à apprendre et à utiliser, efficients et efficaces.

Au programme également, une recherche exploratoire réalisée en partenariat par le HEC Montréal, l’Université de Montréal et Bell Canada. Celle-ci combine l’oculométrie aux mesures psychologiques et émotionnelles, afin d’évaluer la qualité d’un site Web. Comme dirait Sandrine, «toute une triangulation méthodologique (ou casse-tête de données selon certains…;-))». Bien sûr, l’oculométrie (ou la poursuite oculaire) a une application plutôt restreinte en réalité. En effet, avec les budgets restreints de la plupart des sites au Québec, on a en général bien d’autres facteurs à évaluer avant celui-là, qui auront plus d’impact sur le produit final. Mais c’est intéressant d’avoir l’occasion de se voir relater un cas de recherche appliquée, avec un protocole d’expérimentation formel, qui inclut cette dimension supplémentaire.

Cette belle soirée sur l’utilisabilité a permis à près de 90 membres de la communauté – spécialistes ou non – d’apprendre et d’échanger sur les bonnes pratiques du métier, dans un optique de développement durable.

  • Share/Bookmark

9 novembre 2009

Journée mondiale de l’utilisabilité le 12 novembre : développement durable

Nathalie Berger @ 16:30

logo_WUD_JMU

Utilisabilité et développement durable. Telle sera la thématique de la 5e Journée mondiale de l’utilisabilité (World Usability Day) qui se tiendra ce jeudi 12 novembre. Utilisabilité Québec se joint une fois de plus aux initiatives locales organisées un peu partout dans le monde, à la suite de l’association «mère» américaine, la Usability Professionals’ Association (UPA).

À Montréal et Québec, nous nous intéresserons tout particulièrement au thème suivant : Utilisabilité et développement durable : une évidence? À travers une série de conférences sur divers sujets — allant des «design patterns»,  aux mesures psychologiques et émotionnelles, en passant par l’adaptabilité des sites internationaux en contextes locaux — nous célébrerons l’apport de l’utilisabilité et de l’expérience utilisateur dans le développement de produits faciles à apprendre et à utiliser, efficients et efficaces. Et ce, partout dans le monde.

Pour ma part, l’angle qui m’interpelle particulièrement en lien avec cette thématique générale est le suivant : À l’ère du «budget-temps limité», comment développer des sites Web viables? J’en parlerai davantage dans un prochain blogue et j’introduirai d’ailleurs succintement la soirée de la JMU avec cet optique. Au plaisir de vous rencontrer jeudi soir! Ça débute à 18h au CRIM de Montréal et au Cégep de Ste-Foy pour Québec (diffusion simultanée entre les 2 villes). Également, un clin d’oeil sera fait à une de nos associations cousines, la FLUPA (section France-Luxembourg d’UPA), sous forme d’entrevues pré-enregistrées (décalage horaire obligeant). Une pause réseautage est prévue accompagnée d’un cocktail. Tous les détails sur le site d’Utilisabilité Québec.

logo-utilisabilite-quebec_2008

  • Share/Bookmark

22 septembre 2009

La rédaction Web : un facteur important de l’expérience utilisateur

Nathalie Berger @ 10:47

Pour ceux qui croient comme nous chez Idéactif que le contenu et la rédaction sont un facteur incontournable de succès d’un site Web, je vous invite à lire cet article intéressant de Boxes and Arrow The Content Conundrum – Bridging the gap between design and content.

«The more we separate our design activities from content development, the greater the risk of design failure» souligne bien l’importance de travailler ensemble et non en silo. Ça rejoint bien l’esprit de mon collègue Jean-François Petit qui est une fois de plus confronté à cette réalité dans l’un de ses projets en cours. Je trouve d’ailleurs qu’il accompagne très bien son client dans la démarche pour faciliter ce rapprochement contenu-design.

«It’s impossible to fully evaluate the effectiveness of a web experience without having the content represented and under the same microscope as the design.» Ça me parle aussi beaucoup car je répète à mes clients l’importance de tester l’utilisabilité et l’expérience utilisateur d’un prototype (ou site en production) avec un contenu le plus proche possible de la réalité. En effet, bien des problèmes d’expérience utilisateur relevés durant les tests sont reliés au texte (libellé, guidage, etc.)

Justement, le prochain 5 à 7 UX organisé par Utilisabilité Québec le jeudi 24 septembre prochain au Belmont portera sur cette  thématique « La rédaction Web : un facteur de l’expérience utilisateur ? ». Ce thème avait eu beaucoup de succès lors des conférences passées, dont celle de François Hubert et de Nick Usborne. Ne manquez pas cette possibilité d’échanger sur le sujet.

  • Share/Bookmark
Classé dans : Veille UX — Nathalie Berger @ 10:47

28 avril 2009

Web Analytics & Utilisabilité: 5 à 7 UX du 30 avril

Nathalie Berger @ 17:02

Je serai jeudi au 5 à 7 UX d’Utilisabilité Québec. Ces rencontres bimestrielles se veulent un lieu d’échange agréable et décontracté pour les professionnels oeuvrant ou ayant un intérêt pour l’utilisabilité. En avril, l’invitation a été lancé également aux spécialistes en Analytique Web (Web Analytics), puisque la thématique porte sur «Le Web Analytics : Un complément à l’ergonomie?». La formule est simple : Un participant démarre la soirée en soulevant quelques enjeux pour susciter une conversation. Ce mois-ci, Philippe Alengry,  apportera son point de vue et proposera des utilisations dans le cadre d’une démarche ergonomique. Place ensuite à la discussion et au partage d’expériences. Gratuit et acessibles à tous. Les places sont limitées, il faut réserver à partir du site d’Utilisabilité Québec. Profitez-en aussi pour joindre le groupe Facebook 5 à 7 UX.

  • Share/Bookmark

4 décembre 2008

L’expérience utilisateur au service du transport collectif

Nathalie Berger @ 16:01

Dans le cadre de la Journée mondiale de l’utilisabilité (WUD), qui se tenait le 13 novembre dernier au CRIM (Maison des hautes technologies), j’ai voulu soulever quelques enjeux liés à l’apport des technologies au domaine du transport collectif. Mon but était surtout d’offrir un point de départ pour susciter une conversation et un partage d’expériences parmi les personnes qui célébraient cette journée, et qui avait pour thème cette année «l’utilisabilité dans les transport».

Voici dans ce powerpoint un aperçu des idées évoquées, illustrées à l’aide d’exemples concrets, soit la nouvelle carte à puce OPUS et le nouveau service de planification de trajets que propose les sociétés de transport de Montréal en collaboration avec Google Maps. Mon attention est bien entendu portée plus particulièrement sur les enjeux reliés à l’expérience utilisateur. Si vous avez une expérience d’usage ou un commentaire à partager, n’hésitez pas. Vous pouvez également consulter les autres présentations de cette soirée, dont celle de Michel Dallaire qui relate son expérience du design du vélo libre-service BIXI, sur le site d’Utilisabilité Québec.

  • Share/Bookmark
Classé dans : Non classé — Mots-clefs :, , , , — Nathalie Berger @ 16:01

15 novembre 2008

Webcom 2008 et Webcamp

Nathalie Berger @ 17:17

Je participe aujourd’hui à WEBCOM Montréal. Parmi les conférenciers, on retrouve Rishi Chandra du « Google Cloud », Thomas Vander Wal «les éléments clés des sites web sociaux» et Michelle Blanc qui présente le cas DessinsDrummond.com. En plus des conférences, l’Université WebCamp est au rendez-vous, animée par Sylvain Carle. J’aime particulièrement cette formule qui privilégie le partage d’idées et d’expériences. Parmi les sujets chauds : l’identité en ligne et la gestion de ses multipes facettes. Être ouvert, bien sûr, mais à quel prix? Et jusqu’à quel degré? Bénéfices vs conséquences. Sélectivité, filtrage, granularité, privé vs public, personas, vol d’identité. Renseignements personnels et règlementation. Beaucoup de solutions qui débordent largement les technologies à trouver dans les prochains mois… place aux psychologues, sociologues, anthropologues et spécialistes en expérience utilisateur.

Particularité : étant à l’OACI, on est en zone internationale, bien que physiquement à Montréal, ce qui soulève la question de la géolocalisation vs la zone internationale où on se trouve. J’ai réalisé que beaucoup de gens (surtout les plus nouveaux dans le domaine du Web ou les purs TI) ne connaissent pas Utilisabilité Québec ni même le concept d’utilisabilité. Besoin d’être plus visible. Je rencontre beaucoup d’anciens collègues pionniers du Web québécois, flashback sympathique et étrange à la fois ;-) Journée stimulante.

  • Share/Bookmark
Classé dans : Non classé — Mots-clefs :, , , — Nathalie Berger @ 17:17

30 septembre 2008

Journée mondiale de l’utilisabilité: Jeudi 13 novembre 2008

Nathalie Berger @ 17:39

La thématique de cette quatrième édition de la JMU est l’utilisabilité dans les transports.

Utilisabilité Québec, section québécoise du Usability Professionals’ Association, célébrera l’événement à Montréal (au CRIM) et à Québec en simultané, dans une Formule «5 à 7», de 18h à 20h.

La Journée mondiale de l’utilisabilité (World Usability Day) a pour but de promouvoir le concept de l’utilisabilité à travers différents pays par l’organisation d’activités soulignant l’apport de la discipline de l’utilisabilité pour le développement de produits faciles à apprendre, faciles à utiliser, efficients et efficaces.

D’autres détails vous seront communiqués prochainement.

Vous trouverez ici un aperçu de la JMU de l’an dernier (8 novembre 2007).

  • Share/Bookmark
Classé dans : Non classé — Mots-clefs :, , , , — Nathalie Berger @ 17:39

7 mai 2008

D’une culture à l’autre de l’ONF : Un design centré utilisateur en contexte multiculturel

Nathalie Berger @ 17:42

Voici un aperçu de la conférence que j’ai présenté dans le cadre d’Intracom 2008, 8e conférence internationale de l’Association des professionnels professionnels en intranet, Internet et extranet (API).

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.

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.

  • Share/Bookmark

23 avril 2008

Utilisabilité Québec à Intracom 2008

Nathalie Berger @ 11:40

Dans le cadre de la 8e conférence internationale Intracom Québec 2008, présentée par l’Association des professionnels en intranet, Internet et extranet (API), plusieurs membres de notre regroupement de professionnels en utilisabilité – Utilisabilité Québec – présenteront une conférence ou une étude de cas, participeront à un panel, ou tiendront une clinique d’évaluation. Cet événement, devenu incontournable au Québec, est susceptible d’intéresser les professionnels – et les non spécialistes intéressés au domaine – de l’expérience utilisateur, incluant l’ergonomie cognitive et l’utilisabilité, ainsi que les gestionnaires et développeurs Internet en général.

J’y présenterai l’étude de cas D’une culture à l’autre de l’ONF : Un design centré utilisateur en contexte multiculturel, dans la piste «Communication et société», en continuité avec la conférence d’ouverture du renommé Aaron Marcus, Le design Web lié aux expériences multiculturelles.

Je participerai également au panel Amélioration de la qualité des réalisations Web, en compagnie de 4 autres panelistes : Benoit Piette de W3Québec, Jean-François Renaud d’Adviso, Guillaume Séguin d’Okiok et Samuel Lavoie de NVI Solution.

D’autres membres d’Utilisabilité Québec y participeront :

    La Clinique d’évaluation en ergonomie et en accessibilité en direct, avec Julie Saulnier et Alain Robillard-Bastien d’Utilisabilité Québec et Denis Boudreau d’Accessibilité Web

    La conférence Les séniors sont-ils devenus technos ?, Utilisabilité Québec et Impact Recherche dévoilent les résultats d’une vaste étude sur l’utilisation d’Internet par les personnes de plus de 50 ans, avec Stéphanie Le Rouzic et Sandrine Prom Tep d’Utilisabilité Québec

    Utilisabilité Québec accueillera également les quelques 300 participants à leur kiosque afin de les informer, échanger avec eux et répondre à leurs questions.

Au plaisir de vous y rencontrer les 29-30 avril et 1er mai au Centre des congrès de la ville de Québec.

  • Share/Bookmark
Articles plus anciens »

Fill RSS Fil RSS de ce blogue

À propos de ce blogue

La conception, l'évaluation et l'optimisation de sites Web constituent le coeur de nos activités quotidiennes. Ce blogue traitera donc principalement de qualité de l'expérience utilisateur, des méthodes d'évaluation, de l'architecture de l'information, du design d'interaction, et d'analytique Web. On y raconte aussi un peu notre vie quotidienne en tant qu'entrepreneurs et consultants Web dans un contexte québécois.