INSPQ

INSPQ

INSPQ — Guide Mieux vivre avec notre enfant : refonte web

L’Institut national de santé publique du Québec (INSPQ) est un centre d’expertise en santé publique au Québec. Chaque année, le guide Mieux vivre avec notre enfant soutient des milliers de parents. Conçu à l’origine pour l’imprimé, son volume et sa structure linéaire limitaient la navigation sur mobile, alors que la majorité des recherches débutent sur Google et se font au téléphone.

Notre mandat : transformer ce guide périnatal imprimé en une expérience web claire, inclusive et durable, en repensant l’architecture d’information, en concevant des prototypes mobiles et en validant les solutions par des tests utilisateurs réalisés sur les téléphones des participantes.

En bref

Particularité
Contenu volumineux à conserver tel quel : réorganisation sans modifier la sémantique

Impact
Navigation plus simple sur téléphone, repérage rapide des sujets critiques et base pérenne pour les mises à jour annuelles

Mandat
Transformer un guide périnatal imprimé en une expérience web claire, inclusive et mobile

Publics
Parents au Québec, futurs parents, équipes internes responsables des mises à jour

Transformer un guide périnatal imprimé en une version web claire, inclusive et mobile.

Contexte

Le guide était une référence reconnue, mais difficile à transposer tel quel au web : arborescence proche du papier, recherche d’information laborieuse sur mobile et besoins très variés en littératie numérique. L’enjeu principal : offrir une navigation évidente et une recherche visible, tout en gardant l’intégrité du contenu, afin de soutenir à la fois les consultations rapides et la lecture plus approfondie.

Défi

Adapter un contenu papier volumineux au web, faciliter l’accès à l’information pour des parents aux profils variés, et produire une documentation UI claire pour rendre l’équipe web autonome dans l’évolution du guide.

  • Le guide Mieux vivre, conçu à l’origine pour une lecture linéaire sur papier, ne pouvait être transposé tel quel au web. Les tests utilisateurs ont rapidement mis en évidence plusieurs irritants, notamment une arborescence calquée sur l’imprimé et peu adaptée aux usages numériques. Le défi consistait donc à repenser l’organisation des sections sans altérer le contenu ni la sémantique du guide.

    En collaboration avec l’INSPQ, l’architecture a été restructurée selon les bonnes pratiques du web : regroupement des contenus par besoins des parents, parcours thématiques, accès rapide aux sujets clés et navigation transversale entre sections. Résultat : un parcours plus clair, mieux segmenté et réellement adapté à l’exploration en ligne.

  • Les parents n’ont pas tous la même aisance numérique ni le même contexte (fatigue, stress, urgence, recherche rapide). Le défi était de rendre l’interface immédiatement compréhensible, inclusive et rassurante, afin de limiter l’abandon et de soutenir autant les recherches «rapides» que la consultation plus continue.

    Les tests utilisateurs ont permis d’ajuster la navigation, la visibilité de la recherche et la structure des pages pour améliorer le repérage immédiat de l’information importante.

  • Le design devait pouvoir être intégré fidèlement et évoluer dans le temps. Il fallait donc produire une documentation UI simple, cohérente et suffisamment précise pour guider le développement, réduire les ambiguïtés et permettre à l’équipe web interne de reprendre facilement le chantier lors des mises à jour annuelles.

Approche

Nous avons avancé en cycles courts : cadrage des besoins, proposition d’une nouvelle architecture, prototypage mobile et validation continue par tests utilisateurs sur téléphone. Cette méthode a permis de prendre des décisions basées sur l’usage réel, tout en construisant une structure durable et un langage d’interface cohérent pour les évolutions futures.

Services

  • Architecture d’information

  • Parcours utilisateur

  • Prototypage et design d’interface

  • Tests utilisateurs

  • Accompagnement des équipes internes

Livrables

  • Nouvelle architecture / arborescence web

  • Prototypes interactifs (mobile-first)

  • Recommandations UX (navigation, recherche, repérage)

  • Synthèse des tests utilisateurs et priorités

  • Documentation UI pour le développement et les mises à jour annuelles

Les résultats pour INSPQ?

Les tests utilisateurs ont confirmé que :

  • Une arborescence calquée sur le papier n’est pas adaptée au web

  • Une navigation visible et stable réduit la friction

  • Le moteur de recherche doit être plus visible et présent à des endroits clés

  • Une structure thématique orientée besoins diminue l’abandon

  • L’expérience doit soutenir la recherche rapide autant que la consultation «lecture»

Ces apprentissages ont orienté une refonte centrée sur :

  • Clarté et accessibilité

  • Littératie numérique

  • Repérage immédiat d’information critique (sommeil, alimentation, signaux d’alarme)

  • Structure pérenne pour les prochaines années du guide

Précédent
Précédent

Centraide

Suivant
Suivant

Collectif Récolte