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
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
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é.
UNE QUESTION
SUR LE MSIAI
