Nathalie Berger Radio Canada Ideactif Intracom2007 260307

29
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

Transcript of Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Page 1: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Radio-Canada.ca une démarche de refonte efficace

Un design « informé » centré sur les utilisateurs

Nathalie Berger, Idéactif ConseilMarie Tétreault, Radio-Canada

26 mars 2007

Page 2: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Sommaire Radio-Canada.ca en bref Dix ans d’Internet à Radio-Canada : bilan Refonte 2005 : objectifs et stratégies Résultats et constats Démarche : les ingrédients clés Approche centrée sur les utilisateurs Gages de réussite

Page 3: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

•Leader dans l’univers numérique canadien

•1er rang des sites médias francophones les plus visités au Canada•2 millions de visiteurs par mois; 1,6 million de la maison•46 millions de pages consultées par mois•Environ 25% des visites de l’extérieur du Canada•450 000 pages de contenus à consulter

•Destination de premier choix parmi les sites de nouvelles et d’information sur le Web canadien

•Dominante en information continue•50% des visites pour consulter les nouvelles et l’information •Plus de 4000 heures de contenus audio-vidéo en direct et en différé

Radio-Canada.ca en brefRadio-Canada.ca en bref

Page 4: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Radio-Canada.ca : bilan 1995-2005Radio-Canada.ca : bilan 1995-2005

1995 – Accueil Radionet@ 1995 - Première couverture politique avec la soirée référendaire 1996 – Écoute de la radio en direct 1996 – Premier site Jeunesse 1997 – Lancement du site Sports lors d’un match des Expos 1997 – Première version du site Nouvelles 1998 – Page d’accueil : mosaïque animée 1999 – Page d’accueil avec menu thématique : structure de zones 1999 – Première webdiffusion en direct : Gala des Gémeaux 1999 – Premier clavardage : Sébastien Benoît 2000 – Transformation de la page d’accueil à dominance nouvelles

Page 5: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Radio-Canada.ca : bilan 1995-2005Radio-Canada.ca : bilan 1995-20051995

Page 6: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Radio-Canada.ca : bilan 1995-2005Radio-Canada.ca : bilan 1995-2005

1998

Page 7: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Radio-Canada.ca : bilan 1995-2005Radio-Canada.ca : bilan 1995-2005Mai 1999 - vitrine Mars 2000 – interaction avec le contenu

Page 8: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Radio-Canada.ca : bilan 1995-2005Radio-Canada.ca : bilan 1995-2005Mars 2000

Juin 2006

Page 9: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

De vitrine Internet à véritable expérience web interactive

Offre complémentaire à la programmation radio et télévision

Nouvelles de « Dernière heure »

Informations de référence

Univers de contenus exclusifs

Page 10: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

OBJECTIFS

•Augmenter la fréquentation sur la Page d’accueil

•Augmenter la fréquence et la durée des visites à l’intérieur du site

•Rehausser l’ergonomie et l’accessibilité

•Faciliter la consultation des dossiers

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Page 11: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

STRATÉGIES•Présenter plus efficacement le contenu radio, télévision et Internet sur la Page d’accueil

•Adapter continuellement la Page d’accueil selon l’actualité et le moment de la journée

•offre de contenu selon les activités quotidiennes et les habitudes de consultation des internautes

•Réorganiser et harmoniser la navigation du site

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Page 12: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

RÉSULTATS

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Navigation Page d'accueil 2004-05 2005-06

Passage des visites du site 33% 48%

Clics contenus Radio et télé 14% 18%

Clics contenus exclusifs web 4% 9%

Page 13: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

RÉSULTATS

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Page d'accueil Grands titres - nouvelles

2004-05 2005-06

Surface occupée 31% 38%

Clics 45% 49%

Page 14: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

CONSTATS

•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.

•L’emplacement des contenus et la surface qu’ils occupent ont un impact direct sur leur taux de clic.

•Le traitement informatif versus le traitement « teaser ».

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Page 15: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

CONSTATS

•La section « À découvrir » mettant en valeur les contenus exclusifs web a permis d’accroître la fréquentation de ces contenus.

•La durée de visite mensuelle par visiteur a augmenté de 53%.

•L’importance de la mise à jour continue et d’une structure flexible.

•L’importance de la Page d’accueil comme point de passage.

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Page 16: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Démarche : les ingrédients clés Miser sur une approche centrée utilisateurs (DCU)

S’appuyer sur les données disponibles

Mettre en valeur les contenus radio, télé et Internet

Prototyper très tôt

Tester auprès d’un échantillon d’utilisateurs et itérer

Adopter un processus décisionnel constant et discipliné

Page 17: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Miser sur une approche centrée utilisateur Design centré utilisateur (DCU)

Aligner le contenu, le contexte organisationnel et les TI sur une démarche centrée sur les utilisateurs et les usages

Intégrer des utilisateurs dans la boucle de conception : validation

Identifier les besoins réels des utilisateurs

Créer une expérience conviviale à l’aide de principes reconnus d’utilisabilité et d’ergonomie

Page 18: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

S’appuyer sur les données disponibles Relevé des commentaires utilisateurs

Benchmarking

Rapport de fréquentation (analyse des comportements) En analysant les statistiques webtrends En analysant les click-throughs Qu’est-ce qui fonctionne et qu’est-ce qui ne fonctionne pas?

Tests d’utilisabilité version couramment en ligne (19 utilisateurs)

Bien informer (rigueur, objectivité) pour ensuite créer

Page 19: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Mettre de l’avant les contenus Mettre davantage de l’avant les contenus radio, télé et Internet

(richesse et diversité des contenus davantage visibles en accueil)

Élaborer des scénarios d’utilisation (usages)

Quelle importance ou poids relatif accorder à chaque élément? Inventaire et priorisation des contenus (Info, zones, services, antennes, promotion)

Géométrie variable, régionalisation

Page 20: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Prototyper très tôt : Architecte de l’info Premières pistes de structure suite à l’analyse des données Architecture de l’information et design d’interaction, wireframes

Schémas filaires (Wireframes)

Page 21: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Prototyper très tôt : design et contenu Intégrer ensuite graduellement le design

visuel et le contenu spécifique Ouverture d’esprit 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.

Page 22: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Cellule d’essai de l’expérience utilisateur Tester auprès d’un échantillon d’utilisateurs représentatifs

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»

Cette cohorte nous a accompagné tout au long de la démarche de conception Dans 3 régions distinctes : Montréal, Québec, Estrie En laboratoire, puis ensuite à distance (en 3 étapes) 12 utilisateurs réguliers du site (+ un pré-test)

Page 23: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Cellule d’essai de l’expérience utilisateur

2 exemplesd’itérations

25 avril et 26 mai

Page 24: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Cellule d’essai de l’expérience utilisateur

Page 25: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Cellule d’essai de l’expérience utilisateurDans notre site a été renommé À découvrir dans notre site, puis À découvrir

Page 26: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Juin 2006

De vitrine Internet à véritable expérience web interactive

qui tient compte des habitudes de navigationdes utilisateurs

Cellule d’essai de l’expérience utilisateur

Page 27: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

GAGES DE RÉUSSITE

•Colliger et analyser les données de fréquentation : •profils et commentaires des visiteurs, statistiques de visites

•Établir la vision et le positionnement qui guideront les décisions

•Prioriser les contenus porteurs en fonction de leur mise à jour et de leur durée de vie.

•Prévoir les ressources nécessaires : architecture de l’information, ergonomie, design, production, contenu, entretien

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Page 28: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

GAGES DE RÉUSSITE

•Miser sur une approche centrée utilisateurs

•Élaborer et tester des scénarios d’utilisation•Prototyper très tôt afin de valider des hypothèses rapidement (architecture de l’information, ergonomie, design d’interaction, contenu préliminaire)

•Création d’une cellule d’essai : cohorte d’utilisateurs pour accompagner le processus de conception et tester le prototype

•Ajuster le prototype en fonction des tests utilisateurs (itérer)

Radio-Canada.ca : refonte 2005Radio-Canada.ca : refonte 2005

Page 29: Nathalie Berger Radio Canada Ideactif Intracom2007 260307

Nathalie Berger Marie TétreaultPrésidente Chef des communicationsIdéactif Conseil Nouveaux Médias, [email protected] www.radio-Canada.ca