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

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

•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

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

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

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

1998

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

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

Juin 2006

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

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

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

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%

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%

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

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

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é

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

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

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

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)

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.

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)

Cellule d’essai de l’expérience utilisateur

2 exemplesd’itérations

25 avril et 26 mai

Cellule d’essai de l’expérience utilisateur

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

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

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

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

Nathalie Berger Marie TétreaultPrésidente Chef des communicationsIdéactif Conseil Nouveaux Médias, Radio-Canadainfos@ideactif.com www.radio-Canada.ca