![Page 1: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/1.jpg)
Les normes d’harmonisation des sites Web de l’Université Laval
Martin BoucherResponsable des communications Web
Direction des affaires publiques
![Page 2: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/2.jpg)
2www.ulaval.ca
Introduction
• Mandat du SCOM en communication Web• Gestion de Ulaval.ca• Publication des normes d’harmonisation• Participation à l’offre de services aux unités• Animation des intervenants en communication Web• Formations•Conférences• Information
• Intervention ponctuelle dans des dossiers institutionnels
![Page 3: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/3.jpg)
3www.ulaval.ca
Les normes d’harmonisation
• Pourquoi harmoniser?• Cohérence de l’image sur le Web•Bénéfices pour les visiteurs
• Cohérence de l’utilisabilité des sites UL• Contribution majeure à l’effort de branding de l’Université Laval (PIV)• Harmoniser et non uniformiser
![Page 4: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/4.jpg)
4www.ulaval.ca
Les normes d’harmonisation
• Bref historique du dossier des normes Web• 2001-2003• Enquêtes• Focus group•Comités•Recensement
• 2004• Publication du Programme d’identification visuelle (PIV)•Conception de la déclinaison Web du PIV
![Page 5: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/5.jpg)
5www.ulaval.ca
Les normes d’harmonisation
• Les sites concernés• Facultés / départements• Services• Vice rectorats
• PHASE 2• Centres de recherche (suivant la phase 2 du PIV)
• Sites exclus• Associations étudiantes• Associations syndicales
![Page 6: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/6.jpg)
6www.ulaval.ca
Les normes d’harmonisation
• Rythme d’application des normes• Nouveaux sites• Sites en refonte
IL N’Y A AUCUNE OBLIGATION DE CONVERTIR LES SITES DÉJÀ EXISTANTS
![Page 7: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/7.jpg)
7www.ulaval.ca
Les normes d’harmonisation
• Description des normes• Bandeau institutionnel• Norme de navigation• Normes générales
![Page 8: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/8.jpg)
8www.ulaval.ca
Les normes d’harmonisation
Bandeau Ulaval.ca
Bandeau d’unité
![Page 9: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/9.jpg)
9www.ulaval.ca
Les normes d’harmonisation
![Page 10: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/10.jpg)
10www.ulaval.ca
Les normes d’harmonisation
• Inversion du bandeau «unité» vs «Ulaval.ca»• Identification claire de l’émetteur du site• Différenciation avec Ulaval.ca• Association spontanée des rubriques du bandeau avec le nom de l’unité et non avec Ulaval.ca
![Page 11: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/11.jpg)
11www.ulaval.ca
Les normes d’harmonisation
• Rubriques du bandeau• Rubriques générales ou utilitaires• Laisse la place sous le bandeau pour les rubriques principales du site• Séparation des menus en zones
AccueilÀ proposNous joindrePlan du siteChercher
![Page 12: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/12.jpg)
12www.ulaval.ca
![Page 13: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/13.jpg)
13www.ulaval.ca
![Page 14: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/14.jpg)
14www.ulaval.ca
![Page 15: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/15.jpg)
15www.ulaval.ca
Exemples d’application du bandeau
![Page 16: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/16.jpg)
16www.ulaval.ca
![Page 17: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/17.jpg)
17www.ulaval.ca
![Page 18: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/18.jpg)
18www.ulaval.ca
Les normes d’harmonisation
• La norme de navigation• 1er niveau disposé à l’horizontale• 2e niveau disposé à l’horizontale (sous le 1er niveau)• 3e niveau disposé à la verticale à gauche
• Schéma optimal en terme de navigation• Affichage simultané de 3 niveaux de menus• Où suis-je?• D’où je viens?• Où je peux aller?
![Page 19: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/19.jpg)
19www.ulaval.ca
![Page 20: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/20.jpg)
20www.ulaval.ca
![Page 21: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/21.jpg)
21www.ulaval.ca
Les normes d’harmonisation
![Page 22: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/22.jpg)
22www.ulaval.ca
Les normes d’harmonisation
Normes générales(voir le document «Aide mémoire»)
• La typographieFamille «sans sérifs» comme ARIAL, VERDANA, TAHOMA
![Page 23: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/23.jpg)
23www.ulaval.ca
Les normes d’harmonisation
• Les couleurs
![Page 24: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/24.jpg)
24www.ulaval.ca
Les normes d’harmonisation
• Un système parfait?• L’effet «terrain connu» est un des aspects les
plus importants• Les normes, un outil plus qu’une contrainte
![Page 25: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/25.jpg)
25www.ulaval.ca
Les normes d’harmonisation
• À développer prochainement• Guide de publication Web
• Procédures administratives• Bonnes pratiques en communication Web• Tests utilisateurs• Relation avec un fournisseur en com. Web• Composition d’une équipe Web• Gestion d’un projet Web• …
• Site Web• Formation gestion de projet Web• Conférence en communication Web
![Page 26: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/26.jpg)
26www.ulaval.ca
Quelques mots sur Ulaval.ca
• Phase 1, automne 2004• Nouvelle page d’accueil• Refonte graphique• Refonte de navigation sommaire
![Page 27: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/27.jpg)
27www.ulaval.ca
Quelques mots sur Ulaval.ca
• Phase 2• Pages thématiques
• Notre université• Les études• La recherche• Les services• La vie universitaire• Recrutement
• Calendrier institutionnel• Nouvelles / FIL / communiqués de presse• Plan du campus
![Page 28: Les normes d’harmonisation des sites Web de l’Université Laval](https://reader035.vdocuments.pub/reader035/viewer/2022062722/56813949550346895da0e5f1/html5/thumbnails/28.jpg)
28www.ulaval.ca
Les normes d’harmonisation
RenseignementsMartin [email protected]
Document «Aide mémoire» et présentation PPTUlaval.ca>Accès rapides>Indentité visuelle-PIV