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

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

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 1 er 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 bref

Leader dans l’univers numérique canadien

1 er 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 : 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

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

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 2005

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

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

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

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

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 2005

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

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

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

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

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

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)

Premières pistes de structure suite à l’analyse des données

Architecture de l’information et design d’interaction, 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.

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)

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

Juin 2006 De vitrine Internet à véritable expérience web interactive qui tient compte des habitudes de navigation des utilisateurs Cellule d’essai de l’expérience utilisateur

Juin 2006

De vitrine Internet à véritable

expérience web interactive

qui tient compte des habitudes de navigation des utilisateurs

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 2005

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

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 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)

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