les normes d’harmonisation des sites web de l’université laval martin boucher responsable des...

Les normes d’harmonisation des sites Web de l’Université Laval

Martin BoucherResponsable des communications Web

Direction des affaires publiques

2www.ulaval.ca

Introduction

• Mandat de la DAP 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

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

4www.ulaval.ca


• 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

5www.ulaval.ca


• 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

6www.ulaval.ca


• Rythme d’application des normes• Nouveaux sites• Sites en refonte

IL N’Y A AUCUNE OBLIGATION DE CONVERTIR LES SITES DÉJÀ EXISTANTS

7www.ulaval.ca


• Description des normes• Bandeau institutionnel• Norme de navigation• Normes générales

8www.ulaval.ca


Bandeau Ulaval.ca

Bandeau d’unité

9www.ulaval.ca


10www.ulaval.ca


• 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

11www.ulaval.ca


• 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

12www.ulaval.ca

13www.ulaval.ca

14www.ulaval.ca

15www.ulaval.ca

Exemples d’application du bandeau

16www.ulaval.ca

17www.ulaval.ca

18www.ulaval.ca


• 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?

19www.ulaval.ca

20www.ulaval.ca

21www.ulaval.ca


22www.ulaval.ca


Normes générales(voir le document «Aide mémoire»)

• La typographieFamille «sans sérifs» comme ARIAL, VERDANA, TAHOMA

23www.ulaval.ca


• Les couleurs

24www.ulaval.ca


• Un système parfait?• L’effet «terrain connu» est un des aspects les

plus importants• Les normes, un outil plus qu’une contrainte

25www.ulaval.ca


• À 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

26www.ulaval.ca

Quelques mots sur Ulaval.ca

• Phase 1, automne 2004• Nouvelle page d’accueil• Refonte graphique• Refonte de navigation sommaire

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

28www.ulaval.ca


RenseignementsMartin [email protected]

Document «Aide mémoire» et présentation PPTUlaval.ca>Accès rapides>Indentité visuelle-PIV

les normes d’harmonisation des sites web de l’université laval martin boucher responsable des...

Documents