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

768 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
768
Sur SlideShare
0
Issues des intégrations
0
Intégrations
174
Actions
Partages
0
Téléchargements
16
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

×