FemEnRev – 18 avril 2023

Synthèse

Mise en ligne :

Le Quotidien des femmes ici : https://femenrev.persee.fr/le-quotidien-des-femmes

Modifications du site web, sur le serveur de tests :

Découverte d'une collection / Le Quotidien des Femmes : http://udocker.persee.ens-lyon.fr:28081/web/femenrev/le-quotidien-des-femmes
La liste des revues : http://udocker.persee.ens-lyon.fr:28081/web/femenrev/collections
La page d'accueil : http://udocker.persee.ens-lyon.fr:28081/web/femenrev
Pour en savoir plus : cf. le document en pj qui récapitule les choix de navigation et de modifications de CSS
- La 1ere partie sur les modifications de navigation est déjà validée par Nathalie Clot.
- J'envoie le document complet aujourd'hui pour leur faire valider les modifs CSS.

Création d’un doc qui récapitule les modifications :

cf. Navigations-Améliorations-Propositions2023_ …

Amélioration de la navigationNavigation dans FemEnRev : propositions

Accueil

L’ancienne page d’accueil proposait un accès aux collections très bas. Non seulement elle apparaissait après le bandeau, mais aussi après la boite « Bienvenue » et le Zoom. La nouvelle présentation propose de rendre la page d’accueil un peu plus vivante.

§ Les boites « Zoom » et « Les autrices » et « Bienvenue » ont été déplacées au même niveau que le menu défilant « Les collections », de chaque côté.
§ Les nouvelles infos (focus), apparaissent désormais sous Les Collections

Questionnaire

☐ Ne pas valider la nouvelle présentation

☐ Valider la nouvelle présentation

☐ La valider en proposant des améliorations :

Rubrique Le projet

Ancienne rubrique Le Projet > Le Corpus

☐ Supprimer et déplacer cette présentation sur la rubrique Le corpus (cf. ci-dessous, 3eme onglet menu à droite).

☐ Conserver à cet endroit en doublon (avec risque d’obsolescence puisque le contenu est renseigné à la main).

Le projet > L’équipe

Vérifier le texte qui semble obsolète.

Par exemple tout en bas de la page on trouve ça (puis-je supprimer ?) :

Certains blocs ont été déplacés : j’ai fait remonter le « Comités », qui comprend le fameux comité de pilotage : il était caché tout en bas de la page (après le prestataire de numérisation) et j’ai ajouté des liens vers les CV pour chaque membre. J’ai remplacé le nom de Sebastien, même s’il apparait encore avec Agnieska et Hélène dans la partie « Partenaire de documentation et de diffusion » (que j’ai renommé « Persée, le partenaire de documentation et de diffusion ».

…. Et plus loin (sous Les marraines et Data Providers) :

Rubrique « Les Collections » ou « Le Corpus ?

La page Les collections était mal nommée. Je l’ai renommée Le corpus puisqu’il existait déjà une page Les collections ailleurs qui, justement, pointe directement vers les collections (et non pas leur présentation).

Proposition sur le changement d’intitulé :

☐ Le corpus (modification choisie pour l’instant)

☐ Présentation du corpus

☐ Description du corpus

☐ Description des collections

Autre :

Affichage actuel de la page d’entrée de la rubrique

Sur la page suivante je fais une proposition d’affichage différent de cette page « Le Corpus » (ancienne « Les Collections »), qui comprendrait également le texte supprimé dans Le projet > Présentation des collections :

☐ Valider la nouvelle présentation

☐ Ne pas la valider

☐ La valider en proposant des améliorations :

☐ Si nouvelle présentation adoptée : supprimer la sous-rubrique Présentation des collections de la rubrique Le Projet :

Fil d’ariane

Une fois que la navigation sera plus claire et fluide, je propose de retirer les « fils d’ariane » qui alourdisse la lecture (et son d’un autre temps) :

Modification de la CSS

Pour chaque page type vous trouverez le visuel actuel, et dessous, le nouveau visuel proposé.

Page d’accueil

Nouvelle page d’accueil

En bref :

· Retirer toute perte d’espace inutile sous le bandeau afin d’accéder directement au contenu éditorial ;

o Retrait du dessin de Plume qui était plus rattaché à la collection « sorcières » ;

o Mettre le moteur de recherche dans le bandeau, sous le menu à droite.

· Plus de sobriété ; Charter le site sur le modèle V1 des Perséides (cf. ARCPA) ;

· Utiliser les trois colonnes pour moderniser ;

· Eclaircir l’ensemble : passer du fond bleu marine à l’eau de rose ( !) pour Les Collections, et violet-fushia pour le bandeau ;

· mettre la couleur directement sur le titre de niveau 3, et non plus seulement dans une balise autour d’un petit groupe de mots (cf. Bienvenu sur « femEnRev ») ;

TODO dans main.css :

.aui h2 {
 font-size: 3em;
font-weight: normal;
color: #a131b7;
margin-bottom: 0.9em;
}
.aui h3 {
  font-size: 24.5px;
  font-weight: normal;
  margin-bottom: 0.7em;
}
body.femenrev .perseePrimary {
  color: #a131b7;
  font-weight: normal;
}
 .aui h3 {
  font-size: 1.9em;
  font-weight: normal;
}
 @media screen and (min-width: 1068px)

body.femenrev div.collection-title h6.collection-label {
  font-size: 1.2em;
  font-family: "Bebas Kai",ifao-n-copte,new-gardiner,"Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing: .06em;
  color: #a131b7;
  text-align: center;
  width: 275px;
  font-weight: normal;
}

 body.femenrev div.collection-title-carousel h3 {
  background-color: #f7eff6;
  padding-left: .5em;
  color: #ecf4e6;
}

 body.femenrev #content p {
  font-family: Roboto,Arial,sans-serif;
  color: black;
  font-weight: normal;
  width: 95%;
  line-height: 1.6em;
  font-size: 1em;
  display: block;
  justify-content: normal;
}

.aui p {
  margin: 0 0 10px;
}

Page d’une collection

Nouvelle Proposition pour une page de Collection

Figure 2 : Faire remonter la lecture de la collection sous le bandeau, sans autre chemin que « retour à la liste des collections » : pas de fil d’ariane (obsolète)

Page d’un contenu éditorial avec des boites

Nouvelle page avec des boites

TODO :

Supprimer les nœuds inutiles au-dessus des boites pour ne garder que :

<p><a hre=’url’>Retour au Corpus</a></p>

Page d’un contenu éditorial avec du texte

Nouvelle page d’un contenu éditorial avec du texte

TODO :

TODO dans main.css et aui.css :

.aui h3 {
  font-size: 1.9em;
  font-weight: normal;
}
.aui h1, .aui h2, .aui h3 {
  line-height: 1.6em;
  font-weight: normal;
  margin-bottom: 0.7em;
}
body.femenrev #content p {
  font-family: Roboto,Arial,sans-serif;
  color: black;
  font-weight: normal;
  width: 95%;
  line-height: 1.6em;
  font-size: 1em;
  display: block;
  justify-content: normal;
}

Page des collections

Nouvelle page des Collections

Figure 3 : Les images de couverture on un bord blanc avec une ombre portée, effet devant derrière, pour plus de matérialité sur les revues.

TODO dans main.css :

body.femenrev #collectionList .collection .collection-cover {
  display: inline-block;
  border: 8px solid whitesmoke;
  margin-bottom: 1em;
  position: relative;
  width: 200px;
  height: 283px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}