Facultés et départements

Ce gabarit harmonise la structure des sites académiques tout en offrant une flexibilité d’adaptation. Il facilite la navigation, l’accessibilité et la clarté des informations. Afin d’optimiser la gestion de l’information:

  • Aucune information de programme dans les sites de facultés et de départements
  • Affichage de la liste dynamique de programmes qui sera intégrée

Public cible principal des sites académiques

Il a été déterminé dans l’ensemble de l’UQAM que les futures étudiantes et les futurs étudiants sont le public cible principal des sites académiques.

Il est donc essentiel de structurer le site de manière à répondre à leurs besoins et à leurs attentes, en mettant en avant des informations claires sur les programmes, les cours et toutes les informations liées au recrutement.

Arborescence – Éléments de menus obligatoires

AccueilÀ proposProgrammesRecherche (et création)FacultatifFacultatif
Vous êtesNous joindre

Bonnes pratiques

Nombre d’onglets

Limitez les menus et sous-menus à 4-5 onglets (maximum de 7), pour une navigation plus fluide. Une structure claire améliore l’expérience et facilite la compréhension.

Libellés

Utilisez des libellés courts et clairs, pour que l’on trouve l’information plus rapidement.

✅ Publications 2023

❌ Publications des membres de la cohorte 2023

URLs

Privilégiez des URLs simples, elles sont plus faciles à lire, à mémoriser et à partager. Elles améliorent le référencement et la clarté de navigation.

✅ faculteabc/programmes/domaines-etudes

❌ faculteabc/programmes/domaines-detudes

Outils d’aide pour concevoir vos menus (PDF)

Facultés
Départements

Bloc image principale (bannière)

✅ Objectif

Cette section est dédiée au recrutement, et met de l’avant divers contenus tels que des programmes, des cours et des campagnes institutionnelles, permettant aux visiteurs de saisir immédiatement l’offre et les opportunités disponibles dès leur arrivée sur votre site.

❌ À éviter

  • Événements spéciaux
  • Nouvelles
  • Situations d’urgence
  • Campagnes de financement
  • Prix et reconnaissances

Autres modules selon vos besoins

Survol

Écrire texte

Babillard – À la une

Module de contenu local, temporaire ou permanent, avec un titre adaptable selon vos besoins.

Nouvelles

Alimenté par Actualités UQAM avec un filtre personnalisé pour votre site.

Événements

Module synchronisé avec le Calendrier d’événements.

Dans les médias

Alimenté par la Salle de presse de l’UQAM, ce module offre une vitrine sur les interventions médiatiques du corps professoral.

Titres à découvrir

Module alimenté par le site des auteurs UQAM.

Espace vignettes

Juste avant le pied de page, il est possible d’afficher jusqu’à trois vignettes simultanément.

Il est recommandé de limiter et de bien gérer les vignettes, en privilégiant un affichage de même format, et de façon temporaire.

Médias sociaux

Les icônes de Facebook, Instagram, LinkedIn, X, Bluesky, Youtube, Tiktok, et plus encore s’afficheront en pied de page.

IMPORTANT : Éviter la duplication de contenu. Faites un lien vers la source.

  • Ne pas inclure les informations détaillées des programmes sur les sites académiques. 
  • Une liste dynamique de programmes sera intégrée.

Images

  • Format d’image : Utilisez un format horizontal, idéalement en 16:9. Le contenant dans lequel se trouvera l’image s’adapte selon le contenu et l’appareil (ordinateur ou mobile). Exportez en WebP, JPEG ou PNG.
  • Poids et dimensions : Les images de type « tuile » doivent peser entre 100 et 200 kB (maximum de 500 kB), avec une largeur d’environ 800 à 1200 px.
  • Résolution : 72ppi suffit pour le web. Si l’image paraît floue, essayez une version exportée en 2x. Toujours vérifier le poids final.
  • Style visuel : Préférez des images simples, sans montage ni ajout de couleurs en arrière-plan. Évitez le texte intégré aux images.
  • Illustrations et motifs : Uniquement pour les nouvelles (À la une), à éviter ailleurs. 
  • Photos : Mettez de l’avant de vraies personnes étudiantes. Comme nous disposons d’une vaste banque d’images, n’utilisez pas de photos stock. Pour des besoins spécifiques, contactez-nous : nous pourrons vous aider à la sélection ou planifier une séance photo.
  • Nom de l’image : Utilisez des tirets (-) à la place des tirets de soulignement (_), évitez les espaces, les accents et les caractères spéciaux. Nommez bien vos images en utilisant des mots descriptifs plutôt que des chiffres, par exemple:
    • ✅ etudiant-sciences.png
    • ❌ image34-25.png