Copyright © CHU Sainte-Justine 2016
HEC Montréal
3 mai 2016
Révision du plan
d’architecture Web
Bien plus qu’une refonte!
Pourquoi vous y
intéresser
Je partage avec vous l’ensemble des
étapes de ce grand projet, toujours en
cours aujourd’hui
Avec les bons coups!
et les m...
2010
Premier
échéancier
Début du
plan
d’architecture
2011
Tournée des
besoins
Benchmark,
Tri de carte,
Questionnaire,
…
20...
État des lieux
• CHU
• Équipe de 3 personnes
• Sites Internet, intranet, Réseaux sociaux
• Day-to-day + Correctifs + Développements
• Bud...
Missions
Enseigne-
ment
Recherche
et plus…
Directions | Départements
Soins
infirmiers
Finances
et plus…
Équipes /Sujets
Pr...
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...
Des protocoles médicaux
sont en ligne sur ces
sites
Sommes-nous certains
que chacun des sites
affiche la même version
du p...
Nos utilisateurs
migrent vers le mobile
Mais la majorité de nos
sites ne l’offrait pas
Nous déposons en ligne
des contenus riches et variés
•Dépliants, Livres
•Conseils de toutes sortes
•Des événements, actual...
Analyse
•Chaos, dispersement des savoirs, « doublons »
•Fausse impression de gratuité
•Multiple gestion des accès (back et front)
...
•Plein contrôle sur la sécurité de nos actifs
•Gestion de l’unicité de l’information
•Optimisation de nos processus de tra...
Structurer nos données et les relier de sorte à constituer un réseau
global d’information, qui ne serait pas sous forme de...
Quelle solution
technologique
(CMS)?
Requis
• .NET
• puissant
• multisites
• multilangues
• offrant une grande
autonomie
• pas cher!
• et + + +
• Convaincus que c’est la bonne solution!
• Répond à nos exigences de base
• Mais…… gros engagement n’est-ce pas???
• Form...
Points positifs :
• gestion de la sécurité et des rôles
• multi sites (mais pas comme souhaité)
• multi langues
Points nég...
Alors que faire?
CMS sur mesure comme
pour l’intranet à l’époque???
• Convaincus que c’est la bonne solution!
• Répond à nos exigences de base
• Mais…… gros engagement n’est-ce pas???
• Form...
des sites Web!
à
fabriquer
Usine
Points positifs
• Plus qu’un CMS
• Se nourrit lui-même pour
s’enrichir: on se sert du
CMS...
Kentic
mon amour!
www.kentico.com
Et la participation
des utilisateurs?
Tri de carte
Questionnaire
Test sur prototype
fonctionnel
141 participants!
Benchmark
Entrevues exploratoires
Une approche...
Benchmark de sites Internet hospitaliers, incluant
celui du CHU Sainte-Justine
Benchmark
« Eux sont TELLEMENT meilleurs… »
La composante « se rendre à
l’institution » de Cleveland Clinic se
distingue en raison:
 Sa carte en 3D facile d’accès
 ...
Entrevues avec nos profils d’utilisateurs.
• Beaucoup de questions très variées
• Exemple: Quand on vous donne une informa...
Élaboration d’une arborescence préliminaire
• Explorer la position des libellés et la terminologie
• Vérifier l’homogénéit...
Convergence
totale
Convergence
partielle
Sans
convergence
Tri de cartes
Tester 3 dimensions des libellés de l’arborescence :
• Sémantique: la clarté du concept
• Position dans l’arborescence
• P...
Questionnaire
50
Position à choisir Mettre pointeur à cette position Libellé incompris (acronyme)
Questionnaire
• Mesurer:
- facilité d’accès aux contenus
- utilisabilité du prototype
• Émettre des recommandations d’amélioration
du pr...
• En général, les libellés sont bien compris, sauf pour « Services connexes ». Cependant, cette incompréhension peut être ...
Nouvelle
adresse!
Adresse « raccourcie »:
chu-sainte-justine.org/cardiologie
chuq.qc.ca
Adresse « raccourcie »:
chusj.org/cardiologie
chuq.qc.ca
Réalisation !
Maquette à main levée
Maquette formelle
Kentico (création doctype, découpage html,
intégration visuelle, sortie dynamique)...
Mise en ligne!
www.chusj.org
Les bémols OU
«si c’était à refaire»
• Refonte + nom de
domaine
• Ancien site toujours
« en vie »
Confirmez par écrit TOUTES
les décisions qui peuvent
avoir un impact sur votre
projet.
Main d’œuvre Équipe de 3
Kentico
Unicité de l’information.
Vraiment?
Les compromis du
début reviennent
toujours vous
hanter…!
Le mot de la fin!
Recette
• Un brin d’insouciance
• Beaucoup d’entêtement
• Un bon sens politique
• De la paaatiennnnncccceeeee
Merci!
chantaleMTL@gmail.com
Chantale Laberge
chantale.laberge.hsj@ssss.gouv.qc.ca
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Prochain SlideShare
Chargement dans…5
×

Révision du plan d’architecture Web: Bien plus qu’une refonte !

734 vues

Publié le

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

Publié dans : Internet
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
734
Sur SlideShare
0
Issues des intégrations
0
Intégrations
172
Actions
Partages
0
Téléchargements
13
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Révision du plan d’architecture Web: Bien plus qu’une refonte !

  1. 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. 2. Pourquoi vous y intéresser
  3. 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. 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. 5. État des lieux
  6. 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. 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. 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. 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. 10. Nos utilisateurs migrent vers le mobile Mais la majorité de nos sites ne l’offrait pas
  11. 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?!
  12. 12. Analyse
  13. 13. •Chaos, dispersement des savoirs, « doublons » •Fausse impression de gratuité •Multiple gestion des accès (back et front) •Formation sur plusieurs CMS
  14. 14. •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
  15. 15. 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.
  16. 16. Quelle solution technologique (CMS)?
  17. 17. Requis • .NET • puissant • multisites • multilangues • offrant une grande autonomie • pas cher! • et + + +
  18. 18. • 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
  19. 19. 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
  20. 20. Alors que faire? CMS sur mesure comme pour l’intranet à l’époque???
  21. 21. • 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
  22. 22. 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
  23. 23. Kentic mon amour! www.kentico.com
  24. 24. Et la participation des utilisateurs?
  25. 25. 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
  26. 26. Benchmark de sites Internet hospitaliers, incluant celui du CHU Sainte-Justine Benchmark « Eux sont TELLEMENT meilleurs… »
  27. 27. 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
  28. 28. 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
  29. 29. É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
  30. 30. Convergence totale Convergence partielle Sans convergence Tri de cartes
  31. 31. 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
  32. 32. Questionnaire
  33. 33. 50 Position à choisir Mettre pointeur à cette position Libellé incompris (acronyme) Questionnaire
  34. 34. • Mesurer: - facilité d’accès aux contenus - utilisabilité du prototype • Émettre des recommandations d’amélioration du prototype 14 participants Test prototype
  35. 35. • 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
  36. 36. Nouvelle adresse!
  37. 37. Adresse « raccourcie »: chu-sainte-justine.org/cardiologie chuq.qc.ca
  38. 38. Adresse « raccourcie »: chusj.org/cardiologie chuq.qc.ca
  39. 39. Réalisation !
  40. 40. Maquette à main levée Maquette formelle Kentico (création doctype, découpage html, intégration visuelle, sortie dynamique) Intégration des contenus Tests
  41. 41. Mise en ligne! www.chusj.org
  42. 42. Les bémols OU «si c’était à refaire»
  43. 43. • Refonte + nom de domaine • Ancien site toujours « en vie »
  44. 44. Confirmez par écrit TOUTES les décisions qui peuvent avoir un impact sur votre projet.
  45. 45. Main d’œuvre Équipe de 3 Kentico
  46. 46. Unicité de l’information. Vraiment?
  47. 47. Les compromis du début reviennent toujours vous hanter…!
  48. 48. Le mot de la fin!
  49. 49. Recette • Un brin d’insouciance • Beaucoup d’entêtement • Un bon sens politique • De la paaatiennnnncccceeeee
  50. 50. Merci! chantaleMTL@gmail.com Chantale Laberge chantale.laberge.hsj@ssss.gouv.qc.ca

×