Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Nathalie Berger Radio Canada Ideactif Intracom2007 260307

1,017 views

Published on

Radio-Canada.ca : une démarche de refonte efficace, un design «informé» centré sur les utilisateurs. / An effective redesign process. A data-driven & user-centered development.
Dix ans d'Internet à Radio-Canada. refonte 2005-2006. Gages de réussite. Radiodiffuseur public national du Canada. Site Web média francophone parmi les plus visités au Canada — avec 1,8 millions de visiteurs uniques par mois — radio-canada.ca comporte plus de 350 000 pages de contenus en français avec plus de 4 000 heures de segments audio et vidéo ainsi que 8 000 clips d’archives.

Published in: Business
  • Be the first to comment

Nathalie Berger Radio Canada Ideactif Intracom2007 260307

  1. 1. Radio-Canada.ca une démarche de refonte efficace Un design « informé » centré sur les utilisateurs Nathalie Berger, Idéactif Conseil Marie Tétreault, Radio-Canada 26 mars 2007
  2. 2. Sommaire <ul><li>Radio-Canada.ca en bref </li></ul><ul><li>Dix ans d’Internet à Radio-Canada : bilan </li></ul><ul><li>Refonte 2005 : objectifs et stratégies </li></ul><ul><li>Résultats et constats </li></ul><ul><li>Démarche : les ingrédients clés </li></ul><ul><li>Approche centrée sur les utilisateurs </li></ul><ul><li>Gages de réussite </li></ul>
  3. 3. <ul><li>Leader dans l’univers numérique canadien </li></ul><ul><li>1 er rang des sites médias francophones les plus visités au Canada </li></ul><ul><ul><li>2 millions de visiteurs par mois; 1,6 million de la maison </li></ul></ul><ul><ul><li>46 millions de pages consultées par mois </li></ul></ul><ul><ul><li>Environ 25% des visites de l’extérieur du Canada </li></ul></ul><ul><ul><li>450 000 pages de contenus à consulter </li></ul></ul><ul><li>Destination de premier choix parmi les sites de nouvelles et d’information sur le Web canadien </li></ul><ul><ul><li>Dominante en information continue </li></ul></ul><ul><ul><li>50% des visites pour consulter les nouvelles et l’information </li></ul></ul><ul><ul><li>Plus de 4000 heures de contenus audio-vidéo en direct et en différé </li></ul></ul>Radio-Canada.ca en bref
  4. 4. Radio-Canada.ca : bilan 1995-2005 <ul><li>1995 – Accueil Radionet@ </li></ul><ul><li>1995 - Première couverture politique avec la soirée référendaire </li></ul><ul><li>1996 – Écoute de la radio en direct </li></ul><ul><li>1996 – Premier site Jeunesse </li></ul><ul><li>1997 – Lancement du site Sports lors d’un match des Expos </li></ul><ul><li>1997 – Première version du site Nouvelles </li></ul><ul><li>1998 – Page d’accueil : mosaïque animée </li></ul><ul><li>1999 – Page d’accueil avec menu thématique : structure de zones </li></ul><ul><li>1999 – Première webdiffusion en direct : Gala des Gémeaux </li></ul><ul><li>1999 – Premier clavardage : Sébastien Benoît </li></ul><ul><li>2000 – Transformation de la page d’accueil à dominance nouvelles </li></ul>
  5. 5. Radio-Canada.ca : bilan 1995-2005 1995
  6. 6. Radio-Canada.ca : bilan 1995-2005 1998
  7. 7. Radio-Canada.ca : bilan 1995-2005 Mai 1999 - vitrine Mars 2000 – interaction avec le contenu
  8. 8. Radio-Canada.ca : bilan 1995-2005 Mars 2000 Juin 2006
  9. 9. Radio-Canada.ca : refonte 2005 <ul><li>De vitrine Internet à véritable </li></ul><ul><li>expérience web interactive </li></ul><ul><li>Offre complémentaire à la programmation </li></ul><ul><li>radio et télévision </li></ul><ul><li>Nouvelles de « Dernière heure » </li></ul><ul><li>Informations de référence </li></ul><ul><li>Univers de contenus exclusifs </li></ul>
  10. 10. <ul><li>OBJECTIFS </li></ul><ul><li>Augmenter la fréquentation sur la Page d’accueil </li></ul><ul><li>Augmenter la fréquence et la durée des visites à l’intérieur du site </li></ul><ul><li>Rehausser l’ergonomie et l’accessibilité </li></ul><ul><li>Faciliter la consultation des dossiers </li></ul>Radio-Canada.ca : refonte 2005
  11. 11. <ul><li>STRATÉGIES </li></ul><ul><li>Présenter plus efficacement le contenu radio, télévision et Internet sur la Page d’accueil </li></ul><ul><li>Adapter continuellement la Page d’accueil selon l’actualité et le moment de la journée </li></ul><ul><ul><li>offre de contenu selon les activités quotidiennes et les habitudes de consultation des internautes </li></ul></ul><ul><li>Réorganiser et harmoniser la navigation du site </li></ul>Radio-Canada.ca : refonte 2005
  12. 12. RÉSULTATS Radio-Canada.ca : refonte 2005 9% 4% Clics contenus exclusifs web 18% 14% Clics contenus Radio et télé 48% 33% Passage des visites du site 2005-06 2004-05 Navigation Page d'accueil
  13. 13. RÉSULTATS Radio-Canada.ca : refonte 2005 49% 45% Clics 38% 31% Surface occupée 2005-06 2004-05 Page d'accueil Grands titres - nouvelles
  14. 14. <ul><li>CONSTATS </li></ul><ul><li>Les contenus de nouvelles et d’information (actualités internationales, nationales, régionales, sportives, culturelles) représentent 50% des visites du site dont 74% passent par la Page d’accueil. </li></ul><ul><li>L’emplacement des contenus et la surface qu’ils occupent ont un impact direct sur leur taux de clic. </li></ul><ul><li>Le traitement informatif versus le traitement « teaser ». </li></ul>Radio-Canada.ca : refonte 2005
  15. 15. <ul><li>CONSTATS </li></ul><ul><li>La section « À découvrir » mettant en valeur les contenus exclusifs web a permis d’accroître la fréquentation de ces contenus. </li></ul><ul><li>La durée de visite mensuelle par visiteur a augmenté de 53%. </li></ul><ul><li>L’importance de la mise à jour continue et d’une structure flexible. </li></ul><ul><li>L’importance de la Page d’accueil comme point de passage. </li></ul>Radio-Canada.ca : refonte 2005
  16. 16. Démarche : les ingrédients clés <ul><li>Miser sur une approche centrée utilisateurs (DCU) </li></ul><ul><li>S’appuyer sur les données disponibles </li></ul><ul><li>Mettre en valeur les contenus radio, télé et Internet </li></ul><ul><li>Prototyper très tôt </li></ul><ul><li>Tester auprès d’un échantillon d’utilisateurs et itérer </li></ul><ul><li>Adopter un processus décisionnel constant et discipliné </li></ul>
  17. 17. Miser sur une approche centrée utilisateur <ul><li>Design centré utilisateur (DCU) </li></ul><ul><li>Aligner le contenu, le contexte organisationnel et les TI sur une démarche centrée sur les utilisateurs et les usages </li></ul><ul><li>Intégrer des utilisateurs dans la boucle de conception : validation </li></ul><ul><li>Identifier les besoins réels des utilisateurs </li></ul><ul><li>Créer une expérience conviviale à l’aide de principes reconnus d’utilisabilité et d’ergonomie </li></ul>
  18. 18. S’appuyer sur les données disponibles <ul><li>Relevé des commentaires utilisateurs </li></ul><ul><li>Benchmarking </li></ul><ul><li>Rapport de fréquentation (analyse des comportements) </li></ul><ul><ul><li>En analysant les statistiques webtrends </li></ul></ul><ul><ul><li>En analysant les click-throughs </li></ul></ul><ul><ul><li>Qu’est-ce qui fonctionne et qu’est-ce qui ne fonctionne pas? </li></ul></ul><ul><li>Tests d’utilisabilité version couramment en ligne (19 utilisateurs) </li></ul><ul><li>Bien informer (rigueur, objectivité) pour ensuite créer </li></ul>
  19. 19. Mettre de l’avant les contenus <ul><li>Mettre davantage de l’avant les contenus radio, télé et Internet (richesse et diversité des contenus davantage visibles en accueil) </li></ul><ul><li>Élaborer des scénarios d’utilisation (usages) </li></ul><ul><li>Quelle importance ou poids relatif accorder à chaque élément? Inventaire et priorisation des contenus ( Info, zones, services, antennes, promotion) </li></ul><ul><li>Géométrie variable , régionalisation </li></ul>
  20. 20. Prototyper très tôt : Architecte de l’info <ul><li>Premières pistes de structure suite à l’analyse des données </li></ul><ul><li>Architecture de l’information et design d’interaction, wireframes </li></ul>Schémas filaires (Wireframes)
  21. 21. Prototyper très tôt : design et contenu <ul><li>Intégrer ensuite graduellement le design visuel et le contenu spécifique </li></ul><ul><li>Ouverture d’esprit </li></ul><ul><li>Cognitivement, à 15 ou 60 ans, l’utilisabilité s’applique • texte blanc sur fond gris est illisible, • je viens m’informer pas m’amuser, • je veux trouver vite, • etc. </li></ul>
  22. 22. Cellule d’essai de l’expérience utilisateur <ul><li>Tester auprès d’un échantillon d’utilisateurs représentatifs </li></ul><ul><ul><li>Radio-Canada a innové en optant pour la Cellule d’essai de l’expérience utilisateur  mise au point par Idéactif : une cohorte qui «vit avec la maquette» </li></ul></ul><ul><ul><li>Cette cohorte nous a accompagné tout au long de la démarche de conception </li></ul></ul><ul><ul><li>Dans 3 régions distinctes : Montréal, Québec, Estrie </li></ul></ul><ul><ul><li>En laboratoire, puis ensuite à distance (en 3 étapes) </li></ul></ul><ul><ul><li>12 utilisateurs réguliers du site (+ un pré-test) </li></ul></ul>
  23. 23. Cellule d’essai de l’expérience utilisateur 2 exemples d’itérations 25 avril et 26 mai
  24. 24. Cellule d’essai de l’expérience utilisateur
  25. 25. Cellule d’essai de l’expérience utilisateur Dans notre site a été renommé À découvrir dans notre site, puis À découvrir
  26. 26. <ul><li>Juin 2006 </li></ul><ul><li>De vitrine Internet à véritable </li></ul><ul><li>expérience web interactive </li></ul><ul><li>qui tient compte des habitudes de navigation des utilisateurs </li></ul>Cellule d’essai de l’expérience utilisateur
  27. 27. <ul><li>GAGES DE RÉUSSITE </li></ul><ul><li>Colliger et analyser les données de fréquentation : </li></ul><ul><ul><li>profils et commentaires des visiteurs, statistiques de visites </li></ul></ul><ul><li>Établir la vision et le positionnement qui guideront les décisions </li></ul><ul><li>Prioriser les contenus porteurs en fonction de leur mise à jour et de leur durée de vie. </li></ul><ul><li>Prévoir les ressources nécessaires : architecture de l’information, ergonomie, design, production, contenu, entretien </li></ul>Radio-Canada.ca : refonte 2005
  28. 28. <ul><li>GAGES DE RÉUSSITE </li></ul><ul><li>Miser sur une approche centrée utilisateurs </li></ul><ul><ul><li>Élaborer et tester des scénarios d’utilisation </li></ul></ul><ul><ul><li>Prototyper très tôt afin de valider des hypothèses rapidement (architecture de l’information, ergonomie, design d’interaction, contenu préliminaire) </li></ul></ul><ul><ul><li>Création d’une cellule d’essai : cohorte d’utilisateurs pour accompagner le processus de conception et tester le prototype </li></ul></ul><ul><ul><li>Ajuster le prototype en fonction des tests utilisateurs (itérer) </li></ul></ul>Radio-Canada.ca : refonte 2005
  29. 29. Nathalie Be rger Marie Tétreault Présidente Chef des communications Idéactif Conseil Nouveaux Médias, Radio-Canada [email_address] www.radio-Canada.ca

×