SlideShare une entreprise Scribd logo
Webinaire
“Recommandations pour
la nouvelle IHM de HAL”
CasuHAL
25.01.2022
Yannick Barborini
2
Présentation du projet
01
3
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Etude UX/UI
Accès chercheur
- Interface publique
- Dépôt
- Espace connecté
- CV chercheur
Phase 1
Accès administrateur
- Accès administration
- Espace administration
Les portails
- Recommandations pour
l’intégration des portails
Phase 2 Etude transversale
Refonte de l’interface et amélioration de l’expérience utilisateur
- Inscrit dans une dynamique de simplification de l’utilisation de HAL
- Amélioration du parcours utilisateur global
Etude réalisée par l’agence de design : l’Atelier Universel
4
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Méthodologie
Mise à plat du
fonctionnement de
l’existant.
Identification des points
de frictions utilisateur et
des axes de travail pour
la suite.
01
Sprint
diagnostic
Identification des
besoins, enjeux et
spécificités des
utilisateurs
Co-conception agile
et refonte de HAL et des
services associés
Design détaillé de
l’ensemble des écrans
04
Conception
détaillée
02
Sprint
utilisateur
03
Sprint
design
05
Dialogue
développeurs
Transmission du design
aux développeurs et suivi
pour garantir la qualité
du produit fini
5
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Intégration de la nouvelle IHM en 2022
Accès chercheur
- Interface publique
- Dépôt
- Espace connecté
- CV chercheur
Phase 1
Accès administrateur
- Accès administration
- Espace administration
Les portails
- Recommandations pour
l’intégration des portails
Phase 2 Etude transversale
HALiance
6
Recommandations
02
7
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Structure générale
3. Navigation
1. Header & sous header HAL
4. Contenu de la page
5. Pied de page
2. Header site
8
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header HAL
mode non connecté
Accès :
- au portail général https://hal.archives-ouvertes.fr
- à la documentation https://doc.archives-ouvertes.fr
- Au changement de langue de l’interface : la liste provient des paramètres
définis pour le site
Choix du type d’authentification déporté sur la page d’authentification
9
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header HAL
mode connecté
Accès :
- Espace utilisateur
10
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header HAL
mode connecté - avec privilèges
Accès aux écrans d’administration en fonction
des droits de l’utilisateur connecté
11
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header HAL
spécifications
Hauteur 60px
Largeur 100%
Fond #00005c
Texte #ffffff
Dimensions
Couleurs
Présent sur l’ensemble des sites - non modifiable
12
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Sous-Header HAL
Identification du site courant : Type de site (Portail, Collection) + nom du site
Accès direct à la recherche + recherche avancée sur le périmètre de visibilité du
site
13
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Sous-Header HAL
Lien “Déposer”
Dans un portail :
- Si le portail autorise le dépôt : lien “Déposer”
- Sinon : lien “Déposer dans HAL”
Dans une collection :
- Si la collection est associée à plusieurs portails : lien “Déposer dans HAL”
- Sinon : lien “Déposer” qui déposera dans le portail associé à la collection
14
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Sous-Header HAL
spécifications
Hauteur 60px
Largeur 100%
Fond #e9edf0
Texte #00005c
Fond Dépôt #ff4600
Texte Dépôt #ffffff
Dimensions Couleurs
Présent sur l’ensemble des sites - non modifiable
15
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header Site
Personnalisation actuelle
Zone de personnalisation de l’en-tête du site.
Actuellement , l’écran d’administration permettant de gérer la bannière d’un site
permet de rajouter des logos. Ces logos peuvent être de 2 types :
- Texte
- Image
16
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header Site
Après l’intégration de la phase 2 (Hal Administration)
1. Personnalisation classique. L’en-tête “standard” sera constituée de 3 éléments
:
- Un logo
- Un titre du site (multilingue)
- Une image de fond
1. Personnalisation avancée en mode HTML
17
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header Site
Recommandations
- Anticiper le futur écran de personnalisation de l’en-tête en utilisant
- un logo de type image
- un logo de type texte pour le titre du site
- Ajouter une image de fond à l’aide des CSS
- Pour les sites n'utilisant pas cette configuration, l’en-tête sera conservé et
éditable en HTML
18
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Header Site
Spécifications
Hauteur 300px
Largeur 100%
Dimensions
19
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Navigation
choix des pages publiques du site
Le système de navigation ne changera pas dans la nouvelle IHM.
Les types de pages proposés seront les mêmes à l’exception des items 'dépôt’ et
‘recherche’ qui ne seront plus disponibles, puisque présents dans le sous-header HAL
Items disponibles :
- Page d'accueil
- Page personnalisable
- Lien web
- Fichier
- Actualités
- Consultation par période
- Consultation par structure
- Consultation par auteur
- Consultation par type de publication
- Consultation des derniers dépôts
- Consultation des dernières publications
- Consultation par discipline
- Consultation par portails
- Consultation par collections
- Consultation suivant une métadonnée
- Consultation des collections du portail
20
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Navigation
Spécifications
Hauteur 60px
Largeur 100%
Dimensions
21
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Contenu des pages publiques
- Pages de consultation
- ⇒ Aucun changement
- Page de recherche
- La recherche se fera sur l’ensemble des données du site. Il ne sera plus
possible de personnaliser les filtres de Recherche (Site Web > Recherche)
- Pages personnalisable
- MAJ de l’éditeur HTML des pages. Le code Javascript n’est plus pris en
compte
22
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Pied de page
Personnalisation actuelle
- Utilisation du pied de page par défaut.
- Définition d’un pied de page spécifique en HTML (via un éditeur HTML)
23
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Pied de page
Après l’intégration de la phase 2 (Hal Administration)
- Utilisation du pied de page par défaut.
- Personnalisation du pied de page. 3 zones :
- Liens gérés par le CCSD non modifiables
- Liens personnalisables par site
- Zone optionnelle d’ajout de logos
24
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Pied de page
Recommandations pour la migration
Lors de la migration, le pied de page HAL sera placé sur l’ensemble des sites.
- L’adresse de contact sera personnalisable
Si le site a défini un pied de page personnalisé, celui-ci sera ajouté au pied de page HAL
- le pied de page personnalisé devra être utilisé pour ajouter des logos aux pied de
page.
25
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Pied de page
Spécifications
Hauteur min. 350px
Largeur 100%
Dimensions
26
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Apparence des sites
Suppression des options :
- orientation de la navigation
- largeur de la zone principale
- fil d’ariane
27
Plan de migration
03
28
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Résumé des modifications à apporter
Module Modifications à apporter
Header & sous-header HAL aucune
Header site optionnel
Navigation aucune
Contenu aucune
Pied de page adaptation si définition d‘un pied de page spécifique
Apparence adaptation si personnalisation des CSS
29
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Mise en place d’un environnement de migration
- Environnement de migration:
- Données de production pour les fichiers de configuration des sites
(navigation, pages, …)
- Base partielle des documents
- Chaque site sera disponible dans cet environnement
30
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Calendrier de migration
Avril 2022 Septembre 2022
Ouverture de
l’environnement
de migration
Migration de
l’interface :
phase 1 de
l’étude
31
Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022
Accompagnement
- Mise en place d’adresses mails de support dédiées à la migration des sites
- Mise en place de modèle de feuille de styles documenté pour faciliter la
personnalisation des sites.
- Mise en place de visio afin d’accompagner les administrateurs de portails
Merci !
Pour en savoir plus, rendez-vous sur :
https://www.ccsd.cnrs.fr/blog/
https://twitter.com/hal_fr

Contenu connexe

Tendances

Cours Big Data Chap4 - Spark
Cours Big Data Chap4 - SparkCours Big Data Chap4 - Spark
Cours Big Data Chap4 - Spark
Amal Abid
 
Web Crawling with Apache Nutch
Web Crawling with Apache NutchWeb Crawling with Apache Nutch
Web Crawling with Apache Nutch
sebastian_nagel
 
eBPF - Observability In Deep
eBPF - Observability In DeepeBPF - Observability In Deep
eBPF - Observability In Deep
Mydbops
 
Introduction à HDFS
Introduction à HDFSIntroduction à HDFS
Introduction à HDFS
Modern Data Stack France
 
Guía para implementar Koha
Guía para implementar KohaGuía para implementar Koha
The Pushdown of Everything by Stephan Kessler and Santiago Mola
The Pushdown of Everything by Stephan Kessler and Santiago MolaThe Pushdown of Everything by Stephan Kessler and Santiago Mola
The Pushdown of Everything by Stephan Kessler and Santiago Mola
Spark Summit
 
Exciting New Alfresco REST APIs
Exciting New Alfresco REST APIsExciting New Alfresco REST APIs
Exciting New Alfresco REST APIs
J V
 
Spark (v1.3) - Présentation (Français)
Spark (v1.3) - Présentation (Français)Spark (v1.3) - Présentation (Français)
Spark (v1.3) - Présentation (Français)
Alexis Seigneurin
 
Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)
Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)
Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)
Lee Myring
 
Elasticsearch
ElasticsearchElasticsearch
Elasticsearch
Jean-Philippe Chateau
 
Open Standards for the Semantic Web: XML / RDF(S) / OWL / SOAP
Open Standards for the Semantic Web: XML / RDF(S) / OWL / SOAPOpen Standards for the Semantic Web: XML / RDF(S) / OWL / SOAP
Open Standards for the Semantic Web: XML / RDF(S) / OWL / SOAP
Pieter De Leenheer
 
Apache Cassandra - Concepts et fonctionnalités
Apache Cassandra - Concepts et fonctionnalitésApache Cassandra - Concepts et fonctionnalités
Apache Cassandra - Concepts et fonctionnalités
Romain Hardouin
 
Apache Ambari: Past, Present, Future
Apache Ambari: Past, Present, FutureApache Ambari: Past, Present, Future
Apache Ambari: Past, Present, Future
Hortonworks
 
Introduction to laravel framework
Introduction to laravel frameworkIntroduction to laravel framework
Introduction to laravel framework
Ahmad Fatoni
 
Apache NiFi SDLC Improvements
Apache NiFi SDLC ImprovementsApache NiFi SDLC Improvements
Apache NiFi SDLC Improvements
Bryan Bende
 
Using Spark Streaming and NiFi for the Next Generation of ETL in the Enterprise
Using Spark Streaming and NiFi for the Next Generation of ETL in the EnterpriseUsing Spark Streaming and NiFi for the Next Generation of ETL in the Enterprise
Using Spark Streaming and NiFi for the Next Generation of ETL in the Enterprise
DataWorks Summit
 
Migrating your clusters and workloads from Hadoop 2 to Hadoop 3
Migrating your clusters and workloads from Hadoop 2 to Hadoop 3Migrating your clusters and workloads from Hadoop 2 to Hadoop 3
Migrating your clusters and workloads from Hadoop 2 to Hadoop 3
DataWorks Summit
 
Git - Sistema Descentralizado de Controle de Versões
Git - Sistema Descentralizado de Controle de VersõesGit - Sistema Descentralizado de Controle de Versões
Git - Sistema Descentralizado de Controle de Versões
Leandro Cavalcante
 
Git 101
Git 101Git 101
Git 101
Sachet Mittal
 
P4 intents
P4 intentsP4 intents
P4 intents
Lilia Sfaxi
 

Tendances (20)

Cours Big Data Chap4 - Spark
Cours Big Data Chap4 - SparkCours Big Data Chap4 - Spark
Cours Big Data Chap4 - Spark
 
Web Crawling with Apache Nutch
Web Crawling with Apache NutchWeb Crawling with Apache Nutch
Web Crawling with Apache Nutch
 
eBPF - Observability In Deep
eBPF - Observability In DeepeBPF - Observability In Deep
eBPF - Observability In Deep
 
Introduction à HDFS
Introduction à HDFSIntroduction à HDFS
Introduction à HDFS
 
Guía para implementar Koha
Guía para implementar KohaGuía para implementar Koha
Guía para implementar Koha
 
The Pushdown of Everything by Stephan Kessler and Santiago Mola
The Pushdown of Everything by Stephan Kessler and Santiago MolaThe Pushdown of Everything by Stephan Kessler and Santiago Mola
The Pushdown of Everything by Stephan Kessler and Santiago Mola
 
Exciting New Alfresco REST APIs
Exciting New Alfresco REST APIsExciting New Alfresco REST APIs
Exciting New Alfresco REST APIs
 
Spark (v1.3) - Présentation (Français)
Spark (v1.3) - Présentation (Français)Spark (v1.3) - Présentation (Français)
Spark (v1.3) - Présentation (Français)
 
Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)
Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)
Log aggregation: using Elasticsearch, Fluentd/Fluentbit and Kibana (EFK)
 
Elasticsearch
ElasticsearchElasticsearch
Elasticsearch
 
Open Standards for the Semantic Web: XML / RDF(S) / OWL / SOAP
Open Standards for the Semantic Web: XML / RDF(S) / OWL / SOAPOpen Standards for the Semantic Web: XML / RDF(S) / OWL / SOAP
Open Standards for the Semantic Web: XML / RDF(S) / OWL / SOAP
 
Apache Cassandra - Concepts et fonctionnalités
Apache Cassandra - Concepts et fonctionnalitésApache Cassandra - Concepts et fonctionnalités
Apache Cassandra - Concepts et fonctionnalités
 
Apache Ambari: Past, Present, Future
Apache Ambari: Past, Present, FutureApache Ambari: Past, Present, Future
Apache Ambari: Past, Present, Future
 
Introduction to laravel framework
Introduction to laravel frameworkIntroduction to laravel framework
Introduction to laravel framework
 
Apache NiFi SDLC Improvements
Apache NiFi SDLC ImprovementsApache NiFi SDLC Improvements
Apache NiFi SDLC Improvements
 
Using Spark Streaming and NiFi for the Next Generation of ETL in the Enterprise
Using Spark Streaming and NiFi for the Next Generation of ETL in the EnterpriseUsing Spark Streaming and NiFi for the Next Generation of ETL in the Enterprise
Using Spark Streaming and NiFi for the Next Generation of ETL in the Enterprise
 
Migrating your clusters and workloads from Hadoop 2 to Hadoop 3
Migrating your clusters and workloads from Hadoop 2 to Hadoop 3Migrating your clusters and workloads from Hadoop 2 to Hadoop 3
Migrating your clusters and workloads from Hadoop 2 to Hadoop 3
 
Git - Sistema Descentralizado de Controle de Versões
Git - Sistema Descentralizado de Controle de VersõesGit - Sistema Descentralizado de Controle de Versões
Git - Sistema Descentralizado de Controle de Versões
 
Git 101
Git 101Git 101
Git 101
 
P4 intents
P4 intentsP4 intents
P4 intents
 

Similaire à Recommandations pour la nouvelle IHM de HAL

Proposition site Algo
Proposition site AlgoProposition site Algo
Proposition site Algo
AntoineLEGRAND18
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
monsieurpixel
 
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Jean-Michel Bouffard
 
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
Symetris
 
Standardisation du developpement Web
Standardisation du developpement WebStandardisation du developpement Web
Standardisation du developpement Webcl3m
 
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Samuel Lévesque
 
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
Grics   2017 - construisez votre intranet avec microsoft office 365 sans codeGrics   2017 - construisez votre intranet avec microsoft office 365 sans code
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
Samuel Lévesque
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
BNSA - Aquitaine
 
2SeeU - Plénière du Jeudi 8 Octobre
2SeeU - Plénière du Jeudi 8 Octobre2SeeU - Plénière du Jeudi 8 Octobre
2SeeU - Plénière du Jeudi 8 Octobre
2SeeU
 
Accélérez vos mises à jour et vos migrations
Accélérez vos mises à jour et vos migrationsAccélérez vos mises à jour et vos migrations
Accélérez vos mises à jour et vos migrations
Wiiisdom
 
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et JavascriptCodedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
codedarmor
 
SEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteurs
SEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteursSEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteurs
SEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteurs
Redpoint
 
Visitez les sites déjà conçu par Virtual Consult Africa
Visitez les sites déjà conçu par Virtual Consult AfricaVisitez les sites déjà conçu par Virtual Consult Africa
Visitez les sites déjà conçu par Virtual Consult Africa
chrislukoki
 
03 seo indexation et optimisation technique
03 seo    indexation et optimisation technique03 seo    indexation et optimisation technique
03 seo indexation et optimisation technique
JCDomenget
 
Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)
Saïd Radhouani
 
Dw006 formation-dreamweaver-cc-les-bases-et-perfectionnement
Dw006 formation-dreamweaver-cc-les-bases-et-perfectionnementDw006 formation-dreamweaver-cc-les-bases-et-perfectionnement
Dw006 formation-dreamweaver-cc-les-bases-et-perfectionnementCERTyou Formation
 
2SeeU Conférence plénière - Nouveautés de SharePoint 2016
2SeeU Conférence plénière - Nouveautés de SharePoint 20162SeeU Conférence plénière - Nouveautés de SharePoint 2016
2SeeU Conférence plénière - Nouveautés de SharePoint 2016
2SeeU
 
Acquia Cloud Extend - Votre Hébergement Drupal Acquia + Alterway
Acquia Cloud Extend - Votre Hébergement Drupal Acquia + AlterwayAcquia Cloud Extend - Votre Hébergement Drupal Acquia + Alterway
Acquia Cloud Extend - Votre Hébergement Drupal Acquia + Alterway
Cyril Reinhard
 
Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !
Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !
Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !
David Dragesco
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23
Brigitte Marandon
 

Similaire à Recommandations pour la nouvelle IHM de HAL (20)

Proposition site Algo
Proposition site AlgoProposition site Algo
Proposition site Algo
 
Wordpress pour les entreprises
Wordpress pour les entreprisesWordpress pour les entreprises
Wordpress pour les entreprises
 
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
Web2.0: Les caractéristiques et les technologies qui définissent la nouvelle ...
 
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
Personnaliser l'interface administrateur de Drupal - DrupalCamp Montreal 2014
 
Standardisation du developpement Web
Standardisation du developpement WebStandardisation du developpement Web
Standardisation du developpement Web
 
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
 
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
Grics   2017 - construisez votre intranet avec microsoft office 365 sans codeGrics   2017 - construisez votre intranet avec microsoft office 365 sans code
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
 
HTML5, le web de demain - BNSA
HTML5, le web de demain - BNSAHTML5, le web de demain - BNSA
HTML5, le web de demain - BNSA
 
2SeeU - Plénière du Jeudi 8 Octobre
2SeeU - Plénière du Jeudi 8 Octobre2SeeU - Plénière du Jeudi 8 Octobre
2SeeU - Plénière du Jeudi 8 Octobre
 
Accélérez vos mises à jour et vos migrations
Accélérez vos mises à jour et vos migrationsAccélérez vos mises à jour et vos migrations
Accélérez vos mises à jour et vos migrations
 
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et JavascriptCodedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
Codedarmor 2012 - 06/03 - HTML5, CSS3 et Javascript
 
SEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteurs
SEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteursSEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteurs
SEO & E-commerce - Développez la visibilité de votre e-commerce sur les moteurs
 
Visitez les sites déjà conçu par Virtual Consult Africa
Visitez les sites déjà conçu par Virtual Consult AfricaVisitez les sites déjà conçu par Virtual Consult Africa
Visitez les sites déjà conçu par Virtual Consult Africa
 
03 seo indexation et optimisation technique
03 seo    indexation et optimisation technique03 seo    indexation et optimisation technique
03 seo indexation et optimisation technique
 
Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)Introduction aux technologies du Web (2)
Introduction aux technologies du Web (2)
 
Dw006 formation-dreamweaver-cc-les-bases-et-perfectionnement
Dw006 formation-dreamweaver-cc-les-bases-et-perfectionnementDw006 formation-dreamweaver-cc-les-bases-et-perfectionnement
Dw006 formation-dreamweaver-cc-les-bases-et-perfectionnement
 
2SeeU Conférence plénière - Nouveautés de SharePoint 2016
2SeeU Conférence plénière - Nouveautés de SharePoint 20162SeeU Conférence plénière - Nouveautés de SharePoint 2016
2SeeU Conférence plénière - Nouveautés de SharePoint 2016
 
Acquia Cloud Extend - Votre Hébergement Drupal Acquia + Alterway
Acquia Cloud Extend - Votre Hébergement Drupal Acquia + AlterwayAcquia Cloud Extend - Votre Hébergement Drupal Acquia + Alterway
Acquia Cloud Extend - Votre Hébergement Drupal Acquia + Alterway
 
Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !
Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !
Comment un e-commerçant a multiplié son trafic SEO par 9,8 en 12 mois !
 
Présentation welcom la webperf by object23
Présentation welcom la webperf by object23Présentation welcom la webperf by object23
Présentation welcom la webperf by object23
 

Plus de OAccsd

Reussir mon depot HAL
Reussir mon depot HALReussir mon depot HAL
Reussir mon depot HAL
OAccsd
 
HAL - Evolution du referentiel auteurs 2021
HAL - Evolution du referentiel auteurs 2021HAL - Evolution du referentiel auteurs 2021
HAL - Evolution du referentiel auteurs 2021
OAccsd
 
Deposer dans HAL
Deposer dans HALDeposer dans HAL
Deposer dans HAL
OAccsd
 
SciencesConf : plateforme de gestion de congres scientifiques
SciencesConf : plateforme de gestion de congres scientifiquesSciencesConf : plateforme de gestion de congres scientifiques
SciencesConf : plateforme de gestion de congres scientifiques
OAccsd
 
HAL : optimisation du referencement et de la diffusion des contenus
HAL : optimisation du referencement et de la diffusion des contenusHAL : optimisation du referencement et de la diffusion des contenus
HAL : optimisation du referencement et de la diffusion des contenus
OAccsd
 
La moderation dans HAL
La moderation dans HALLa moderation dans HAL
La moderation dans HAL
OAccsd
 
AUReHAL : referentiel des structures de recherche. Administration des donnees
AUReHAL : referentiel des structures de recherche. Administration des donneesAUReHAL : referentiel des structures de recherche. Administration des donnees
AUReHAL : referentiel des structures de recherche. Administration des donnees
OAccsd
 
Usage des API de HAL
Usage des API de HALUsage des API de HAL
Usage des API de HAL
OAccsd
 
Les évolutions de HAL : présentation du 20 septembre 2017
Les évolutions de HAL : présentation du 20 septembre 2017Les évolutions de HAL : présentation du 20 septembre 2017
Les évolutions de HAL : présentation du 20 septembre 2017
OAccsd
 
Les API de recherche de HAL
Les API de recherche de HALLes API de recherche de HAL
Les API de recherche de HAL
OAccsd
 
Plugin HAL pour Wordpress
Plugin HAL pour WordpressPlugin HAL pour Wordpress
Plugin HAL pour Wordpress
OAccsd
 
Les API de HAL
Les API de HALLes API de HAL
Les API de HAL
OAccsd
 
Utiliser HAL pour valoriser ses travaux et renforcer son identité numérique
Utiliser HAL pour valoriser ses travaux et renforcer son identité numériqueUtiliser HAL pour valoriser ses travaux et renforcer son identité numérique
Utiliser HAL pour valoriser ses travaux et renforcer son identité numérique
OAccsd
 
Episciences, an epijournal management platform
Episciences, an epijournal management platformEpisciences, an epijournal management platform
Episciences, an epijournal management platform
OAccsd
 
Comment diffuser mes données de recherche ?
Comment diffuser mes données de recherche ?Comment diffuser mes données de recherche ?
Comment diffuser mes données de recherche ?
OAccsd
 
Les epirevues avec Episciences
Les epirevues avec EpisciencesLes epirevues avec Episciences
Les epirevues avec Episciences
OAccsd
 
Panorama des identifiants auteurs
Panorama des identifiants auteursPanorama des identifiants auteurs
Panorama des identifiants auteurs
OAccsd
 
IdHAL et CV
IdHAL et CVIdHAL et CV
IdHAL et CV
OAccsd
 
Mes statistiques dans HAL
Mes statistiques dans HALMes statistiques dans HAL
Mes statistiques dans HAL
OAccsd
 
Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...
Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...
Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...
OAccsd
 

Plus de OAccsd (20)

Reussir mon depot HAL
Reussir mon depot HALReussir mon depot HAL
Reussir mon depot HAL
 
HAL - Evolution du referentiel auteurs 2021
HAL - Evolution du referentiel auteurs 2021HAL - Evolution du referentiel auteurs 2021
HAL - Evolution du referentiel auteurs 2021
 
Deposer dans HAL
Deposer dans HALDeposer dans HAL
Deposer dans HAL
 
SciencesConf : plateforme de gestion de congres scientifiques
SciencesConf : plateforme de gestion de congres scientifiquesSciencesConf : plateforme de gestion de congres scientifiques
SciencesConf : plateforme de gestion de congres scientifiques
 
HAL : optimisation du referencement et de la diffusion des contenus
HAL : optimisation du referencement et de la diffusion des contenusHAL : optimisation du referencement et de la diffusion des contenus
HAL : optimisation du referencement et de la diffusion des contenus
 
La moderation dans HAL
La moderation dans HALLa moderation dans HAL
La moderation dans HAL
 
AUReHAL : referentiel des structures de recherche. Administration des donnees
AUReHAL : referentiel des structures de recherche. Administration des donneesAUReHAL : referentiel des structures de recherche. Administration des donnees
AUReHAL : referentiel des structures de recherche. Administration des donnees
 
Usage des API de HAL
Usage des API de HALUsage des API de HAL
Usage des API de HAL
 
Les évolutions de HAL : présentation du 20 septembre 2017
Les évolutions de HAL : présentation du 20 septembre 2017Les évolutions de HAL : présentation du 20 septembre 2017
Les évolutions de HAL : présentation du 20 septembre 2017
 
Les API de recherche de HAL
Les API de recherche de HALLes API de recherche de HAL
Les API de recherche de HAL
 
Plugin HAL pour Wordpress
Plugin HAL pour WordpressPlugin HAL pour Wordpress
Plugin HAL pour Wordpress
 
Les API de HAL
Les API de HALLes API de HAL
Les API de HAL
 
Utiliser HAL pour valoriser ses travaux et renforcer son identité numérique
Utiliser HAL pour valoriser ses travaux et renforcer son identité numériqueUtiliser HAL pour valoriser ses travaux et renforcer son identité numérique
Utiliser HAL pour valoriser ses travaux et renforcer son identité numérique
 
Episciences, an epijournal management platform
Episciences, an epijournal management platformEpisciences, an epijournal management platform
Episciences, an epijournal management platform
 
Comment diffuser mes données de recherche ?
Comment diffuser mes données de recherche ?Comment diffuser mes données de recherche ?
Comment diffuser mes données de recherche ?
 
Les epirevues avec Episciences
Les epirevues avec EpisciencesLes epirevues avec Episciences
Les epirevues avec Episciences
 
Panorama des identifiants auteurs
Panorama des identifiants auteursPanorama des identifiants auteurs
Panorama des identifiants auteurs
 
IdHAL et CV
IdHAL et CVIdHAL et CV
IdHAL et CV
 
Mes statistiques dans HAL
Mes statistiques dans HALMes statistiques dans HAL
Mes statistiques dans HAL
 
Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...
Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...
Bib2Hal, import par lot dans HAL à partir d'un fichier BibTeX -formation CCSD...
 

Recommandations pour la nouvelle IHM de HAL

  • 1. Webinaire “Recommandations pour la nouvelle IHM de HAL” CasuHAL 25.01.2022 Yannick Barborini
  • 3. 3 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Etude UX/UI Accès chercheur - Interface publique - Dépôt - Espace connecté - CV chercheur Phase 1 Accès administrateur - Accès administration - Espace administration Les portails - Recommandations pour l’intégration des portails Phase 2 Etude transversale Refonte de l’interface et amélioration de l’expérience utilisateur - Inscrit dans une dynamique de simplification de l’utilisation de HAL - Amélioration du parcours utilisateur global Etude réalisée par l’agence de design : l’Atelier Universel
  • 4. 4 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Méthodologie Mise à plat du fonctionnement de l’existant. Identification des points de frictions utilisateur et des axes de travail pour la suite. 01 Sprint diagnostic Identification des besoins, enjeux et spécificités des utilisateurs Co-conception agile et refonte de HAL et des services associés Design détaillé de l’ensemble des écrans 04 Conception détaillée 02 Sprint utilisateur 03 Sprint design 05 Dialogue développeurs Transmission du design aux développeurs et suivi pour garantir la qualité du produit fini
  • 5. 5 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Intégration de la nouvelle IHM en 2022 Accès chercheur - Interface publique - Dépôt - Espace connecté - CV chercheur Phase 1 Accès administrateur - Accès administration - Espace administration Les portails - Recommandations pour l’intégration des portails Phase 2 Etude transversale HALiance
  • 7. 7 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Structure générale 3. Navigation 1. Header & sous header HAL 4. Contenu de la page 5. Pied de page 2. Header site
  • 8. 8 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header HAL mode non connecté Accès : - au portail général https://hal.archives-ouvertes.fr - à la documentation https://doc.archives-ouvertes.fr - Au changement de langue de l’interface : la liste provient des paramètres définis pour le site Choix du type d’authentification déporté sur la page d’authentification
  • 9. 9 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header HAL mode connecté Accès : - Espace utilisateur
  • 10. 10 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header HAL mode connecté - avec privilèges Accès aux écrans d’administration en fonction des droits de l’utilisateur connecté
  • 11. 11 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header HAL spécifications Hauteur 60px Largeur 100% Fond #00005c Texte #ffffff Dimensions Couleurs Présent sur l’ensemble des sites - non modifiable
  • 12. 12 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Sous-Header HAL Identification du site courant : Type de site (Portail, Collection) + nom du site Accès direct à la recherche + recherche avancée sur le périmètre de visibilité du site
  • 13. 13 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Sous-Header HAL Lien “Déposer” Dans un portail : - Si le portail autorise le dépôt : lien “Déposer” - Sinon : lien “Déposer dans HAL” Dans une collection : - Si la collection est associée à plusieurs portails : lien “Déposer dans HAL” - Sinon : lien “Déposer” qui déposera dans le portail associé à la collection
  • 14. 14 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Sous-Header HAL spécifications Hauteur 60px Largeur 100% Fond #e9edf0 Texte #00005c Fond Dépôt #ff4600 Texte Dépôt #ffffff Dimensions Couleurs Présent sur l’ensemble des sites - non modifiable
  • 15. 15 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header Site Personnalisation actuelle Zone de personnalisation de l’en-tête du site. Actuellement , l’écran d’administration permettant de gérer la bannière d’un site permet de rajouter des logos. Ces logos peuvent être de 2 types : - Texte - Image
  • 16. 16 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header Site Après l’intégration de la phase 2 (Hal Administration) 1. Personnalisation classique. L’en-tête “standard” sera constituée de 3 éléments : - Un logo - Un titre du site (multilingue) - Une image de fond 1. Personnalisation avancée en mode HTML
  • 17. 17 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header Site Recommandations - Anticiper le futur écran de personnalisation de l’en-tête en utilisant - un logo de type image - un logo de type texte pour le titre du site - Ajouter une image de fond à l’aide des CSS - Pour les sites n'utilisant pas cette configuration, l’en-tête sera conservé et éditable en HTML
  • 18. 18 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Header Site Spécifications Hauteur 300px Largeur 100% Dimensions
  • 19. 19 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Navigation choix des pages publiques du site Le système de navigation ne changera pas dans la nouvelle IHM. Les types de pages proposés seront les mêmes à l’exception des items 'dépôt’ et ‘recherche’ qui ne seront plus disponibles, puisque présents dans le sous-header HAL Items disponibles : - Page d'accueil - Page personnalisable - Lien web - Fichier - Actualités - Consultation par période - Consultation par structure - Consultation par auteur - Consultation par type de publication - Consultation des derniers dépôts - Consultation des dernières publications - Consultation par discipline - Consultation par portails - Consultation par collections - Consultation suivant une métadonnée - Consultation des collections du portail
  • 20. 20 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Navigation Spécifications Hauteur 60px Largeur 100% Dimensions
  • 21. 21 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Contenu des pages publiques - Pages de consultation - ⇒ Aucun changement - Page de recherche - La recherche se fera sur l’ensemble des données du site. Il ne sera plus possible de personnaliser les filtres de Recherche (Site Web > Recherche) - Pages personnalisable - MAJ de l’éditeur HTML des pages. Le code Javascript n’est plus pris en compte
  • 22. 22 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Pied de page Personnalisation actuelle - Utilisation du pied de page par défaut. - Définition d’un pied de page spécifique en HTML (via un éditeur HTML)
  • 23. 23 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Pied de page Après l’intégration de la phase 2 (Hal Administration) - Utilisation du pied de page par défaut. - Personnalisation du pied de page. 3 zones : - Liens gérés par le CCSD non modifiables - Liens personnalisables par site - Zone optionnelle d’ajout de logos
  • 24. 24 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Pied de page Recommandations pour la migration Lors de la migration, le pied de page HAL sera placé sur l’ensemble des sites. - L’adresse de contact sera personnalisable Si le site a défini un pied de page personnalisé, celui-ci sera ajouté au pied de page HAL - le pied de page personnalisé devra être utilisé pour ajouter des logos aux pied de page.
  • 25. 25 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Pied de page Spécifications Hauteur min. 350px Largeur 100% Dimensions
  • 26. 26 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Apparence des sites Suppression des options : - orientation de la navigation - largeur de la zone principale - fil d’ariane
  • 28. 28 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Résumé des modifications à apporter Module Modifications à apporter Header & sous-header HAL aucune Header site optionnel Navigation aucune Contenu aucune Pied de page adaptation si définition d‘un pied de page spécifique Apparence adaptation si personnalisation des CSS
  • 29. 29 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Mise en place d’un environnement de migration - Environnement de migration: - Données de production pour les fichiers de configuration des sites (navigation, pages, …) - Base partielle des documents - Chaque site sera disponible dans cet environnement
  • 30. 30 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Calendrier de migration Avril 2022 Septembre 2022 Ouverture de l’environnement de migration Migration de l’interface : phase 1 de l’étude
  • 31. 31 Webinaire "Recommandations pour la nouvelle IHM de HAL" - 25 janvier 2022 Accompagnement - Mise en place d’adresses mails de support dédiées à la migration des sites - Mise en place de modèle de feuille de styles documenté pour faciliter la personnalisation des sites. - Mise en place de visio afin d’accompagner les administrateurs de portails
  • 32. Merci ! Pour en savoir plus, rendez-vous sur : https://www.ccsd.cnrs.fr/blog/ https://twitter.com/hal_fr