Radio-Canada.ca  une démarche de refonte efficace Un design « informé » centré sur les utilisateurs Nathalie Berger, Idéac...
Sommaire <ul><li>Radio-Canada.ca en bref </li></ul><ul><li>Dix ans d’Internet à Radio-Canada : bilan </li></ul><ul><li>Ref...
<ul><li>Leader dans l’univers numérique canadien </li></ul><ul><li>1 er  rang des sites médias francophones les plus visit...
Radio-Canada.ca : bilan 1995-2005 <ul><li>1995 – Accueil Radionet@ </li></ul><ul><li>1995 - Première couverture politique ...
Radio-Canada.ca : bilan 1995-2005 1995
Radio-Canada.ca : bilan 1995-2005 1998
Radio-Canada.ca : bilan 1995-2005 Mai 1999 - vitrine Mars 2000 – interaction avec le contenu
Radio-Canada.ca : bilan 1995-2005 Mars 2000 Juin 2006
Radio-Canada.ca : refonte 2005 <ul><li>De vitrine Internet à véritable  </li></ul><ul><li>expérience web interactive </li>...
<ul><li>OBJECTIFS </li></ul><ul><li>Augmenter la fréquentation sur la Page d’accueil </li></ul><ul><li>Augmenter la fréque...
<ul><li>STRATÉGIES </li></ul><ul><li>Présenter plus efficacement le contenu radio, télévision et Internet sur la Page d’ac...
RÉSULTATS Radio-Canada.ca : refonte 2005 9% 4% Clics contenus exclusifs web 18% 14% Clics contenus Radio et télé 48% 33% P...
RÉSULTATS Radio-Canada.ca : refonte 2005 49% 45% Clics 38% 31% Surface occupée 2005-06 2004-05 Page d'accueil  Grands titr...
<ul><li>CONSTATS </li></ul><ul><li>Les contenus de nouvelles et d’information (actualités internationales, nationales, rég...
<ul><li>CONSTATS </li></ul><ul><li>La section  « À découvrir » mettant en valeur les contenus exclusifs web a permis d’acc...
Démarche : les ingrédients clés <ul><li>Miser sur une approche centrée utilisateurs (DCU) </li></ul><ul><li>S’appuyer sur ...
Miser sur une approche centrée utilisateur <ul><li>Design centré utilisateur (DCU)  </li></ul><ul><li>Aligner le contenu, ...
S’appuyer sur les données disponibles <ul><li>Relevé des commentaires utilisateurs </li></ul><ul><li>Benchmarking </li></u...
Mettre de l’avant les contenus <ul><li>Mettre davantage de l’avant les contenus radio, télé et Internet   (richesse et div...
Prototyper très tôt : Architecte de l’info <ul><li>Premières pistes de structure suite à l’analyse des données </li></ul><...
Prototyper très tôt : design et contenu <ul><li>Intégrer ensuite graduellement le design  visuel et le contenu spécifique ...
Cellule d’essai de l’expérience utilisateur <ul><li>Tester auprès d’un échantillon d’utilisateurs représentatifs   </li></...
Cellule d’essai de l’expérience utilisateur 2 exemples d’itérations 25 avril   et 26 mai
Cellule d’essai de l’expérience utilisateur
Cellule d’essai de l’expérience utilisateur Dans notre site a été renommé À découvrir dans notre site, puis À découvrir
<ul><li>Juin 2006 </li></ul><ul><li>De vitrine Internet à véritable  </li></ul><ul><li>expérience web interactive </li></u...
<ul><li>GAGES DE RÉUSSITE </li></ul><ul><li>Colliger et analyser  les données de fréquentation  :  </li></ul><ul><ul><li>p...
<ul><li>GAGES DE RÉUSSITE </li></ul><ul><li>Miser  sur une approche centrée utilisateurs </li></ul><ul><ul><li>Élaborer et...
Nathalie Be rger    Marie Tétreault Présidente   Chef des communications Idéactif Conseil   Nouveaux Médias, Radio-Canada ...
Upcoming SlideShare
Loading in...5
×

Nathalie Berger Radio Canada Ideactif Intracom2007 260307

1,308

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.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,308
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×