L’Encyclopédie Canadienne

Une collection complète d'histoires, de personnes et de cultures canadiennes

Client

L’Encyclopédie Canadienne

Année

2017 - présent

Expertise

  • Architecture de l’information
  • Design UI
  • Design UX
  • Laravel
  • Stratégie de contenu
  • Publié pour la première fois, en 1985, sous forme de livre, l’Encyclopédie canadienne est une ressource bilingue gratuite. En ligne depuis 1999, elle compte actuellement plus de 20 000 articles. Il s’agit d’une ressource importante pour les éducateurs et les étudiants à travers le pays. Le nouveau site est entièrement mobile, s’adapte aux utilisateurs de tous les âges et respecte les normes d’accessibilité établies.

    Les facteurs de réussite du projet

    • 1

      Création d'une expérience utilisateur significative grâce à l'amélioration de la recherche et de la navigation.

    • 2

      Amélioration de la découverte, du classement des pages et du trafic sur le site grâce à la base de données restructurée.

    • 3

      Formation d'un partenariat de collaboration basé sur la confiance, la transparence et la résolution efficace des problèmes.


    Objectifs du projet

    L’équipe de l’Encyclopédie canadienne nous a approché avec la volonté d’avoir des utilisateurs plus engagées, ce qui devait passer par une navigation plus efficace, un moteur de recherche plus précis et une meilleure présentation de la diversité du contenu hébergé sur le site.

    Ce n’était pas le seul défi à relever. Le site a rencontré de gros problèmes techniques au cours des dernières années: des temps d’arrêt fréquents, des coûts d’hébergement élevés et en augmentation, et un flux de travail inefficace via leur système de gestion de contenu. Les membres du personnel consacraient toute leur énergie à résoudre des problèmes techniques, ce qui les distrayait du travail réel: développer un contenu de qualité pour leurs utilisateurs. L’équipe de l’Encyclopédie avait besoin d’un partenaire capable de relever de grands défis conceptuels et techniques tout en maintenant une relation de travail ouverte et transparente.

    Planification et communication

    Une planification minutieuse et une communication ouverte ont été la clé du succès de ce projet. Pour gérer la charge de travail, nous l’avons divisée en deux phases, alpha et bêta, avec des objectifs distincts pour chaque échéance. Nous avons travaillé en étroite collaboration avec l’équipe de l’Encyclopédie afin d’analyser et de restructurer le contenu du site et de déterminer les modifications nécessaires pour améliorer l’expérience utilisateur. Des réunions de production hebdomadaires avec les membres de l’équipe nous ont permis de rester concentrés sur les mêmes objectifs. Une communication claire avec le client nous a assuré que tout le monde était synchronisé.

    Designer pour l’engagement

    Créer une expérience utilisateur plus attrayante a nécessité d’importants changements visuels et structurels. Notre équipe de design a débuté en faisant l’inventaire complet du site, analysant ce qui fonctionnait et ce qui ne fonctionnait pas. La simplification du site était notre objectif principal. Les pages étaient remplies de contenu et il était difficile de repérer les outils et les différentes fonctionnalités. Nous sommes passés d’un site aux couleurs sombres, à un blanc épuré, ce qui permet au site de respirer et facilite grandement la lecture.

    Priorités mobiles

    Le site est entièrement réactif grâce à une base de code qui s’adapte à n’importe quelle taille d’écran. Lors de la conception pour tablette et mobile, nous avons hiérarchisé l’expérience de lecture, minimisant les appels à l’action et la navigation. Par exemple, lors de la visite d’une collection sur un mobile ou une tablette, les articles sont classés par ordre de priorité dans la barre de navigation. Les autres types de contenu sont disponibles plus bas dans la page. Il en résulte une augmentation de 20% du nombre d’utilisateurs mobiles au cours du premier mois de mise en ligne du nouveau site.

    Données en profondeur

    Notre équipe backend a retroussé ses manches et a mis à jour une base de données dès plus robuste – ce à quoi on pourrait s’attendre derrière une encyclopédie – afin de restructurer les tables, les balises et les commandes. Avant de transférer le contenu vers une nouvelle base de données, nous avons traité les données existantes, éliminé ce qui n’était pas utilisé et accéléré la recherche et l’indexation de l’ensemble du site. Nous avons mis en œuvre des commandes en cascade afin de garantir que la suppression de  futures données inclurait automatiquement les données attachées et éviterait que des données «orphelines» ne restent dans la base de données et bloquent le site.

    Recherchez et vous trouverez

    Nous avons rendu les résultats de recherche plus pertinents et ajouté des filtres afin de les raffiner par sujet ou par type de contenu. À l’aide d’Elasticsearch, nous avons peaufiné et personnalisé les configurations pour gérer un mélange de filtres et termes de recherche. Le contenu peut maintenant être trié selon la date pour les chronologies et les utilisateurs peuvent rechercher selon le sujet parmi les différents types de contenu.

    Une architecture pour une meilleure navigation

    Pour simplifier la navigation et créer une expérience de navigation plus pertinente, nous avons collaboré avec l’équipe de l’Encyclopédie afin de modifier la hiérarchie des sujets, réduire le nombre de catégories au niveau supérieur et ajouter un niveau intermédiaire pour pouvoir guider l’utilisateur vers leurs centres d’intérêts et ce sans les accabler de trop de choix. Seuls les éléments de menu les plus pertinents sont affichés dans la navigation du haut, plusieurs éléments secondaires étant déplacés vers une navigation latérale qui est disponible sur la deuxième page du processus de recherche.

    Notre équipe de développement a travaillé en étroite collaboration avec nos designers et l’équipe éditoriale de l’Encyclopédie afin de rationaliser le système de catégorisation et de redistribuer le contenu en conséquence. Le système de balises des articles a également été amélioré, éliminant les doublons et créant des liens entre les balises française et anglaise, afin d’assurer une liste d’articles cohérente pour chaque balise dans chaque langue.


    Lecture ciblée

    Pour améliorer l’expérience de lecture d’articles, nous avons réorganisé le contenu en déplaçant les widgets et les légendes les plus utiles à la toute fin et en éliminant ceux qui n’apportaient pas de valeur ajoutée. La barre de navigation de gauche contient désormais un index permettant aux utilisateurs d’accéder aux différentes sections de l’article; tandis que les différents outils d’annotation sont ouverts par défaut à la droite, ce qui permet au lecteur d’imprimer, de citer, de partager ou de commenter l’article. Des articles recommandés, des lectures supplémentaires, des liens externes et des widgets de monétisation suivent l’article afin de réduire les distractions pendant la lecture.

    Ressources pédagogiques

    Les étudiants et les enseignants constituent un groupe d’utilisateurs important pour l’Encyclopédie canadienne. Nous avons retravaillé la section éducation afin d’afficher le contenu groupé par sujets de programme, plutôt que par type de contenu (questionnaires, guides d’étude, chronologies, etc.). l’Encyclopédie a consulté les enseignants afin de créer des collections de matériel pertinent pour pouvoir répondre aux besoins de leurs classes. Les enseignants peuvent toujours rechercher par type de contenu ou parcourir tous les matériaux pour un sujet donné. Nous avons également réorganisé la section «Votre Canada», qui permet aux utilisateurs d’ajouter leurs propres récits sur l’expérience canadienne. Ils peuvent être explorés par lieu géographique ou par thème.

    Gestion de contenu

    Nous avons donné à l’équipe éditoriale le contrôle du contenu en vedette et un flux de travail amélioré avec un CMS personnalisé. Les fonctions qui nécessitaient auparavant que des étapes soient effectuées sur un certain nombre de pages différentes (telles que l’affectation d’articles à des chronologies), ont été rationalisées et simplifiées. Le CMS prend en charge la modularité du nouveau site, permettant aux éditeurs de réorganiser les blocs de contenu et d’actualiser le contenu proposé à tout moment.

    Pour offrir aux utilisateurs une plus grande chance de découvrir le contenu du site, nous avons créé un sélecteur qui permet à l’équipe éditoriale de choisir plusieurs articles en vedette potentiels qui s’afficheront aléatoirement à chaque chargement de la page.

    Gérer les ressources

    La grande quantité de données sur le site et les multiples relations entre les éléments de contenu nous ont posé de gros problèmes de gestion des ressources et de puissance de traitement. Par exemple, afin de prendre en charge l’affichage de contenu aléatoire sur la page d’accueil, nous avons développé un mécanisme permettant de mettre en cache et d’afficher des données aléatoires dynamiques sans impacter les ressources du serveur.

    Les chronologies sont composées de nombreux éléments de contenu regroupés par thème et classés par date. Les utilisateurs peuvent filtrer par thème et accéder aux plages de dates de ce thème. Garder tous ces éléments disponibles et en mémoire nécessite beaucoup de puissance de traitement. L’optimisation du code et la réduction du nombre de requêtes constituaient une priorité absolue pour garantir la stabilité et les performances du site.

    Support continu

    Notre travail avec l’Encyclopédie canadienne n’est en aucun cas terminé. Nous continuons d’apporter des améliorations incrémentielles et itératives au site afin d’aider les utilisateurs à en apprendre davantage sur le Canada.

    À propos du client

    Publié pour la première fois, en 1985, sous forme de livre, l’Encyclopédie canadienne est une ressource bilingue gratuite. En ligne depuis 1999, elle compte actuellement plus de 20 000 articles. Il s’agit d’une ressource importante pour les éducateurs et les étudiants à travers le pays. Le nouveau site est entièrement mobile, s'adapte aux utilisateurs de tous les âges et respecte les normes d'accessibilité établies.

    Vous aimez ce que vous voyez?

    Ne soyez pas timide, nous aimerions avoir de vos nouvelles.

    Contactez nous