Analyse comparative de trois sites d'archives départementales. Florian Manin Alexandre Le Breton Jérémy Monier

Transcription

1 Analyse comparative de trois sites d'archives départementales Florian Manin Alexandre Le Breton Jérémy Monier

2 1. Analyse critique du site des Archives Départementales d'illeetvilaine : Première impression : froid classique trop de texte trop de liens Structure et mise en page : Logo Menu d 1 Menu 2 Contenu Zoom

3 Graphisme : problème au niveau des choix de couleurs problème au niveau du choix des polices de grands espaces blancs Ergonomie : site non responsive problème d harmonie au niveau des actions (un clic sur une image provoque soit un l ouverture d une nouvelle page, soit l agrandissement via une popup, soit rien) trop d items dans le menu gauche

4 2. Analyse de trois sites d archives départementales : 1 ère impression Cohérence Analyse du site des archives de la LoireAtlantique (par Florian Manin) Une seule page des archives, pas assez de couleurs, menu trop chargé Toutes les pages se ressemblent Responsive? Non Structure, mise en page, organisation Graphisme, tendances, typographie Ergonomie, navigation, lisibilité, accessibilité Footer bien organisé Logo cliquable en haut Menu trop chargé Ne donne pas envie Fade Classification par lieu puis par thème Menu chargé Préconisations pour la refonte du site des Archives d'illeetvilaine Ne pas s'inspirer du site de la LoireAtlantique

5 Capture d écran : Zoning :

6 Analyse du site des archives de l Aube (par Alexandre Le Breton) 1 ère impression site espacé, navigation agréable, couleurs douces et agréables, disposition claire, informations facilement visibles Cohérence Structure identique selon les pages. Responsive? Non Ergonomie, navigation, lisibilité, Structure, mise en page, organisation Graphisme, tendances, typographie accessibilité Menu bien organisé Graphisme agréable, Quelques effets en Les principaux Site en flash, pas de avec 7 items, couleurs bien trop (menu en footer éléments sont responsive, selon navigation claire. mariées. Navigation par exemple). disponibles dans résolution site trop Site léger composé d une seule colonne et trois lignes. Slider mettant en agréable. une résolution de 580px petit (typographie). avant l actu du contenu du site. Préconisations pour la refonte Simplifier la navigation, mieux mettre en avant les actus du site et épurer le graphisme et la structure.

7 Zoning :

8 Analyse du site des archives de la Manche (par Jérémy Monier) couleurs agréables 1 ère impression dynamique La structure reste la même tout au long de la navigation. Cohérence On retrouve un pied de page et un bandeau (en haut de page) identique sur tous les sites édités par le conseil général de la manche Responsive? Le site n est pas responsive mais la navigation reste acceptable sur un petit écran. Ergonomie, navigation, lisibilité, Structure, mise en page, organisation Graphisme, tendances, typographie accessibilité Menu bien organisé Double intégration Beaucoup Une seule police Les principaux Problème avec avec sous des réseaux sociaux: d illustrations pour l ensemble du éléments sont l infobulle et le menu catégories Avec liens vers pages site disponibles dans illustration : (seulement 6 items) Facebook, Twitter et Pinterest. Interface «moderne» (polices, Choix de la police une résolution de 580px Slider mettant en Un autre permettant couleurs, formes, lien actu et le partage du site sur etc.) archives les réseaux sociaux Sur la page recherche, le menu laisse place aux options de recherche

9 Préconisations pour la refonte du site des Archives d'illeetvilaine utiliser un menu dynamique utiliser une structure semblable utiliser des illustrations Zone visible audessus du fold : Zooning :

10 3. Préconisations pour la refonte du site des Archives d'illeetvilaine : (Repartir à zéro) Changer la structure Mettre en place un site responsive Changer les couleurs Changer la police Ajouter un background image Ajouter des illustrations Rendre le site plus vivant avec des actualités Mieux intégrer les réseaux sociaux Limiter le nombre de mots dans les paragraphes