Étude de cas du CHU Sainte-Justine sur un projet de simple refonte de son site Internet, qui est devenu une révision en profondeur des fondations mêmes de toute son architecture Web.

1. Copyright © CHU Sainte-Justine 2016
HEC Montréal
3 mai 2016
Révision du plan
d’architecture Web
Bien plus qu’une refonte!

2. Pourquoi vous y
intéresser

3. Je partage avec vous l’ensemble des
étapes de ce grand projet, toujours en
cours aujourd’hui
Avec les bons coups!
et les moins bons…

4. 2010
Premier
échéancier
Début du
plan
d’architecture
2011
Tournée des
besoins
Benchmark,
Tri de carte,
Questionnaire,
…
2012
Solution
techno
2013
Tests sur
prototype
2014
Réalisation
Lancement
2015
Migration des
contenus
Intranet
Environ 2 ans de travail
continu réparti sur 6 ans

5. État des lieux

6. • CHU
• Équipe de 3 personnes
• Sites Internet, intranet, Réseaux sociaux
• Day-to-day + Correctifs + Développements
• Budget restreint
• Beaucoup de projets
• Beaucoup de latitude!

7. Missions
Enseigne-
ment
Recherche
et plus…
Directions | Départements
Soins
infirmiers
Finances
et plus…
Équipes /Sujets
Procréation
assistée
Fièvre et plus…

8. Des équipes se créent des
sites de façon autonome
Quels sont leurs standards de
sécurité?
Protègent-ils adéquatement
l’accès à l’outil qui contrôle leur
site et les données qu’il
contient?

9. Des protocoles médicaux
sont en ligne sur ces
sites
Sommes-nous certains
que chacun des sites
affiche la même version
du protocole?

10. Nos utilisateurs
migrent vers le mobile
Mais la majorité de nos
sites ne l’offrait pas

11. Nous déposons en ligne
des contenus riches et variés
•Dépliants, Livres
•Conseils de toutes sortes
•Des événements, actualités, ressources, …..
Comment la clientèle peut s’y retrouver
dans nos silos?!

14. Analyse

20. •Chaos, dispersement des savoirs, « doublons »
•Fausse impression de gratuité
•Multiple gestion des accès (back et front)
•Formation sur plusieurs CMS

27. •Plein contrôle sur la sécurité de nos actifs
•Gestion de l’unicité de l’information
•Optimisation de nos processus de travail
•Meilleure expérience globale sur le web

28. Structurer nos données et les relier de sorte à constituer un réseau
global d’information, qui ne serait pas sous forme de silos isolés. Ce
modèle nous permettrait d’interroger les données en fonction des
besoins, sans avoir à les dupliquer.
Nous devions passer d’un web en silos vers un web transversal.

29. Quelle solution
technologique
(CMS)?

30. Requis
• .NET
• puissant
• multisites
• multilangues
• offrant une grande
autonomie
• pas cher!
• et + + +

31. • Convaincus que c’est la bonne solution!
• Répond à nos exigences de base
• Mais…… gros engagement n’est-ce pas???
• Formation
• Test de
développement

32. Points positifs :
• gestion de la sécurité et des rôles
• multi sites (mais pas comme souhaité)
• multi langues
Points négatifs pour notre équipe:
• lourdeur pour tout changement
• peu de chose « out-of-the-box »
• prix
• dépendance face à une firme

33. Alors que faire?
CMS sur mesure comme
pour l’intranet à l’époque???

34. • Convaincus que c’est la bonne solution!
• Répond à nos exigences de base
• Mais…… gros engagement n’est-ce pas???
• Formation
• Test de
développement

35. des sites Web!
à
fabriquer
Usine
Points positifs
• Plus qu’un CMS
• Se nourrit lui-même pour
s’enrichir: on se sert du
CMS pour améliorer le
CMS!
• Complet
• On peut tout faire
• Prix

36. Kentic
mon amour!
www.kentico.com

41. Et la participation
des utilisateurs?

42. Tri de carte
Questionnaire
Test sur prototype
fonctionnel
141 participants!
Benchmark
Entrevues exploratoires
Une approche
objective! Car:
• Contenus Communications
(propriétaire): client
comme un autre
• « Je veux être en Accueil! »
• Démarche scientifique

43. Benchmark de sites Internet hospitaliers, incluant
celui du CHU Sainte-Justine
Benchmark
« Eux sont TELLEMENT meilleurs… »

44. La composante « se rendre à
l’institution » de Cleveland Clinic se
distingue en raison:
 Sa carte en 3D facile d’accès
 La clarté de ses icônes en sous-
menu
 Présentation en ‘Mega Drop-Down’
44
Score possible sur 50
Se rendre à l’institution:
•Positionnement ;Esthétique ; Photos
édifice; Possibilité visite virtuelle en
3D; Vidéos des environs; Itinéraire
pour se rendre (transports en
commun et voiture) ; Carte
interactive; Indications pour fauteuil
roulant; Plan de l'intérieur de
l'institution ; Plan des routes et des
pavillons imprimables .
Benchmark

45. Entrevues avec nos profils d’utilisateurs.
• Beaucoup de questions très variées
• Exemple: Quand on vous donne une information
sur l’état de santé de votre enfant, allez-vous
chercher plus d’informations sur internet ?
8 participants
Entrevues
exploratoires

46. Élaboration d’une arborescence préliminaire
• Explorer la position des libellés et la terminologie
• Vérifier l’homogénéité des résultats auprès des
différentes clientèles
54 cartes
(36 existants, 18 nouveaux)
9 participants
Tri de cartes

47. Convergence
totale
Convergence
partielle
Sans
convergence
Tri de cartes

48. Tester 3 dimensions des libellés de l’arborescence :
• Sémantique: la clarté du concept
• Position dans l’arborescence
• Pertinence pour la clientèle cible
110 questionnaires en ligne complétés
Questionnaire

49. Questionnaire

50. 50
Position à choisir Mettre pointeur à cette position Libellé incompris (acronyme)
Questionnaire

51. • Mesurer:
- facilité d’accès aux contenus
- utilisabilité du prototype
• Émettre des recommandations d’amélioration
du prototype
14 participants
Test prototype

55. • En général, les libellés sont bien compris, sauf pour « Services connexes ». Cependant, cette incompréhension peut être expliquée par
le fait que les participants n’avaient pas un besoin spécifique en tête lors des tests qui pourrait potentiellement se retrouver dans
cette section. Nous recommandons ainsi de conserver ces 3 libellés.
Définition des items du menu (Index A à Z, Nos spécialités, Services connexes)
• Nous recommandons de donner un code de couleur à l’onglet « Professionnels et étudiants » dans le menu du haut qui sera réutilisé
pour tous les contenus destinés aux professionnels et aux étudiants à travers le site. Pour une meilleure visibilité, il est recommandé
que cette couleur soit plus contrastée avec le reste des onglets.
Onglet Professionnels et étudiants dans le menu du haut
• Revoir la cible du micro site du Centre du savoir de manière à ce que ce site s’adresse essentiellement aux clientèles professionnels et
étudiants.
• Revoir l’organisation et la présentation des contenus « Familles » du Centre du savoir de manière à les intégrer aux contenus du site de
Sainte-Justine.
• Possiblement ajouter une mention pour signaler les contenus appartenant au Centre du savoir à même le site de Sainte-
Justine. sans toutefois faire sortir l’usager du site principal de Sainte-Justine.
• Développer une signalétique forte pour illustrer la distinction entre le site de Sainte-Justine et le site du Centre du savoir, via:
• Un logo qui représente le Centre du savoir dans l’entête, clairement visible;
• Une phrase dans l’entête qui indique la vocation du Centre du savoir;
• Une charte de couleur plus contrastée avec celui du site de Sainte-Justine.
• Remplacer la liste déroulante peu visible par un système de « super » onglets OU offrir une liste déroulante plus visuelle qui
appelle à l’action.
• Faciliter le retour vers le site de Sainte-Justine à partir du site du Centre du savoir:
• Suggestion: Faire pointer le logo de Sainte-Justine vers l’accueil du site principal.
Gestion du passage d’un site à l’autre (Centre du savoir et site principal)
Test prototype

56. Nouvelle
adresse!

57. Adresse « raccourcie »:
chu-sainte-justine.org/cardiologie
chuq.qc.ca

58. Adresse « raccourcie »:
chusj.org/cardiologie
chuq.qc.ca

59. Réalisation !

60. Maquette à main levée
Maquette formelle
Kentico (création doctype, découpage html,
intégration visuelle, sortie dynamique)
Intégration des contenus
Tests

61. Mise en ligne!
www.chusj.org

71. Les bémols OU
«si c’était à refaire»

72. • Refonte + nom de
domaine
• Ancien site toujours
« en vie »

73. Confirmez par écrit TOUTES
les décisions qui peuvent
avoir un impact sur votre
projet.

74. Main d’œuvre Équipe de 3
Kentico

75. Unicité de l’information.
Vraiment?

76. Les compromis du
début reviennent
toujours vous
hanter…!

77. Le mot de la fin!

78. Recette
• Un brin d’insouciance
• Beaucoup d’entêtement
• Un bon sens politique
• De la paaatiennnnncccceeeee

79. Merci!
chantaleMTL@gmail.com
Chantale Laberge
chantale.laberge.hsj@ssss.gouv.qc.ca