Mentions
légales

Qui sommes-nous ?

L’adresse de notre site Web est : https://msiai.insa-toulouse.fr

Directeur de publication

Bertrand Raquet
Directeur de l’INSA Toulouse

Raison Sociale

INSA Toulouse
Institut National des Sciences Appliquées
135 Avenue de Rangueil
31077 Toulouse Cedex 4
Tél: 05 61 55 95 13

Hébergeur

INSA Toulouse

Contact

webmaster@insa-toulouse.fr

Création du site web

Agence Cosiweb
Création de sites web WordPress sur Toulouse
18, place Marnac
31520 Ramonville Saint-Agne
RCS Toulouse 490 825 916
https://www.cosiweb.fr

Crédits photo

Baptiste Hamousin

Les leviers du site

Pour ceux qui voudraient en savoir plus, voici les différents leviers qui nous ont servi de guide pour ce nouveau site, plus éco-responsable.

Le travail réalisé s’est appuyé sur les préconisations du référentiel 115 BONNES PRATIQUES WEB version#4, dont voici les principaux items travaillés.

Les leviers UX pour une meilleure expérience utilisateur.
– Travail global sur l’existant sur le fond avec comme objectif de supprimer le superflu et de ne que conserver l’essentiel.
– Étude des cibles et des besoins utilisateurs afin que chacune puisse trouver l’information le plus rapidement et le plus simplement possible.
– Étude des pages les plus plébiscitées (consultées et recherchées) pour trouver l’information attendue le plus rapidement possible.
– Suppression des pages obsolètes, réutilisation de celles qui sont pertinentes pour condenser le nombre de pages (limiter les clics pour réduire le temps de chargements des pages) = moins de données = moins lourd à charger et à stocker.
– Optimisation de la navigation, grâce à l’expérience utilisateur en optimisant les tâches à réaliser, dans la philosophie « Je viens pour… ». Toutes les informations sont accessibles en 3 clics maximum, le site ne comprenant que 3 niveaux d’architecture.

Les leviers UI Design pour une meilleure expérience utilisateur et une meilleure perception des valeurs de l’école :
– Optimisation de la charte graphique du nouveau site, le nombre de couleur est de 3 au maximum.
(Un design sombre est moins gourmand en électricité que du blanc = optimisation des zones claires/foncées).
– Création d’un design élaboré sur les pages sommaire et un design light sur les pages suivantes des thèmes.
– Création d’un site avec les normes de responsive design.
– Optimisation de la taille, du poids des images (500Ko en moyenne pour les plus grandes), du  nombre & de la qualité. Panachage entre illustration et photographie. Volonté de trouver un équilibre entre un visuel agréable, fonctionnel et écoresponsable.
– Réduction drastique des vidéos inutiles et optimisation les vidéos nécessaires (1m30 environ), en vérifiant la compression, désactivant la lecture automatique et en prévoyant un stockage externe.
– Limitation du nombre de polices.
– Optimisation de la rédaction des contenus directs = simplicité et efficacité = information plus rapide à trouver suivant les normes SEO de wordpress.
– Compressions des documents en téléchargement.
– Optimisation des PDF.

Les leviers humains, pour ce site web nous ressemble

– Création d’une direction artistique incluant des visuels exclusivement réels de personnes évoluant au sein de l’INSA. Étudiants, enseignants et personnels sont mis à l’honneur afin d’obtenir un site qui ressemble à l’INSA et valorise l’humain.
– Participation des services concernés à différentes étapes importantes du site (wireframe, rédaction de contenus avec template de rédaction et phase de pré-tests utilisateurs pour valider que toutes les informations nécessaires sont en place).

Les leviers Inclusifs pour un site accessible au plus grand nombre
– Design simple et attentif aux contrastes = accessible au plus grand nombre selon supports & personnes
– Intégrer une version accessible pour les personnes en situation de handicap + recommandation sur le nommage des fichiers images intégrés au site et le descriptif des visuels à créer lors de l’intégration de chaque visuel. À maintenir dans le temps.

Les leviers techniques, pour optimiser l’impact numérique des consultations
– Hébergement en local à l’INSA
– Utilisation d’une technologie récente et répandue (CMS wordpress).
– Élimination des fonctionnalités non essentielles.
– Système de mise en cache des pages du site web.
– Préchargement du cache : le système détecte automatiquement le sitemap du site web et enregistre toutes les URLs dans la base de données. Le système s’assure que le cache est toujours préchargé.
– Préchargement des liens : amélioration du temps de chargement perçu en téléchargeant une page lorsque l’utilisateur survole le lien.
– Chargement progressif des pages avec “LazyLoad” : les images, les iframes et les vidéos ne sont chargées que lorsqu’elles entrent (ou sont sur le point d’entrer) dans la fenêtre.
– Optimisation des fichiers JS pour réduire leur taille.
– Report de l’exécution JavaScript.
– Chargement du JavaScript en différé.