Retour sur la conception du portail centenaire.org : besoins de la Mission, réponses de l'agence is&a bloom, méthode et versions successives - Gaîté Lyrique vendredi 10 avril 2014 - M. Ferronnière & A. Brossé
[Webinaire] Connecteur Nuxeo / Hippo : Faire le lien entre la gestion de cont...
Conception du portail centenaire.org — Rencontre du web 14-18
1. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
La conception du portail national
du Centenaire : centenaire.org
2. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
Aurélien Brossé
• DIRECTEUR ÉDITORIAL
Martin Ferronnière
• DIRECTION DE PROJET, CONSEIL & UX
Mission Interministérielle Agence digitale
3. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LES BESOINS
DE LA MISSION
4. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
A
vril2012 :création
pardécretde
la
M
ission
Juin
2012 :constitution
de
l’équipe
Juin
–
août2012 :réflexionséditoriales
A
oût2012 :publication
de
l’appeld’offres
N
ovem
bre
2012 :choix
du
prestataire
LA MISSION : CHRONOLOGIE
5. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
• Refléter un centenaire à plusieurs facettes : culturelle, patrimoniale,
pédagogique, scientifique et internationale
• Diffuser différents types d’informations : institutionnelles, actualités,
archives, littérature grise
• Toucher un public varié : grand public, amateur, spécialistes, scolaires,
multigénérationnel
• Animer un portail national avec une équipe réduite
LA MISSION : CONTRAINTES
6. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
• Se démarquer d’un site institutionnel en proposant un portail
de ressources numériques et non un « site-vitrine »
• Se démarquer d’une encyclopédie en ligne ou d’une base
de données avec une animation quotidienne et des contenus
éditorialisés
• Se positionner comme le site d’informations sur le Centenaire
et la Grande Guerre
• Diffuser des contenus de référence tout en proposant
une interface claire et attractive
LA MISSION : PARTIS PRIS ÉDITORIAUX
7. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA MISSION : ARBORESCENCE
8. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA MISSION : PAGE D’ACCUEIL
10. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA RÉPONSE : NOS ANGLES
DESIGN
• Entrée par l’image privilégiée
• Mise en scène de l’information
• Approche « grand public » et
conception orientée utilisateurs
MOBILE
• Même site et code pour tous les
terminaux
• Opportunité d’une version
« grand écran »
SOCLE TECHNIQUE
• Drupal, CMS open source,
avec une large communauté
• Back-office adapté à la gestion en
autonomie besoins, orienté vers
l’éditorial
IDENTITÉ
• Univers cohérent sur tous
les supports
• Se libérer des codes
institutionnels
11. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA RÉPONSE : PISTES & ARCHITECTURE
12. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA RÉPONSE : RECHERCHE FONCTIONNELLE
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
13. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
14. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
15. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
16. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
17. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
18. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA RÉPONSE : PISTES GRAPHIQUES
19. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
20. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
21. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
22. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
24. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
N
ovem
bre
2012 :choix
du
prestataire
N
ovem
bre
2012
–
janvier2013 :développem
entde
la
v1
14
février2013 :m
ise
en
ligne
de
la
v1
N
ovem
bre
2013
:m
ise
en
ligne
de
la
V3
LA MÉTHODE : CHRONOLOGIE
Juillet2013 :m
ise
en
ligne
de
la
v2
Février2013
–
juin
2013
:développem
entde
la
v2
Juillet2013
–
O
ctobre
2013
:développem
entde
la
v3
(3 MOIS) (5 MOIS) (4 MOIS)
25. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
ANALYSE
TEST
LA MÉTHODE : CYCLE TYPE
DESIGN GRAPHIQUE
PROTOTYPAGE
DÉVELOPPEMENT
hypothèses, contenus, besoins
scénarios, usages, architecture
expérience, identité
mesures, ajustements
aménagements, proximité
26. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA MÉTHODE : PARTIS PRIS
Approche agile :
•« Sprint » : avancer par lot et niveaux de complexités successifs.
•co-gestion des échéances, relation étroite.
•ajustement continue des priorités en fonctions des retours et besoins.
Clés de réussite :
•Interlocuteur unique par structure.
•Prototypage rapide, formalisme limité.
•Approche multi-disciplinaire : apparence / technique / fond.
•Équipe dédiée.
27. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
• Délais
• Sécurité
• Évolutivité / maitenabilité
• Autonomie de gestion
• Tenue de charge
• Cohérence multi-support
LA MÉTHODE : DÉFIS
28. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LA MÉTHODE : ARCHITECTURE
29. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
Types de contenus
Contenu Groupe Champs type Multiple Obligatoire Valeurs Description Version Widget
ARTICLE Contenu générique pour les articles chaud et froid
Article Titre texte simple non Oui Titre de V1
Article Rubrique Taxo : article non non V1
Article Illustration Image d'illustration en propre Champ scald non non V1
Article Illustration Lien vers illustration de média noderef > média non non pour image sans valeur hors article V1
Article Contenu Résumé texte simple multiligne non non V1
Article Contenu Corps natif, texte riche non non V1
Article Contextualisation Références : article(s) noderef > article oui non V1
Article Contextualisation Références : fichier(s) noderef > références oui non pour fichier sans valeur hors article V1
Article Contextualisation Références : site(s) noderef > références oui V1
Article Contextualisation Références : multimedia noderef > média oui non V1
Article Contextualisation Références : tag(s) choix de terme de taxo oui non affiche les articles aussi lié à cette taxo V1
Article Qualification Auteur(s) user ref oui non V1
Article Qualification Concept(s) lié(s) noderef > references-concept oui non Prévu pour évolution ultérieur V1
Article Qualification Tags de l'article Taxo : tags (freetag) oui non V1 freetag
Article Qualification Date de publication Date (libre ?) non non V1
Article Qualification Date de mise à jour Date (libre ?) non non ignoré si vide V1
Article Qualification google map ? coordonées non non Evo V1
Article Option de publication Meta texte, auto ? non non SEO V1
Article Option de publication Publié natif non non V1
Article Option de publication Url natif non non V1
MEDIA
Les médias sont dissociés pour pouvoir etre valorisés indépendamment, et
utiliser par plusieurs contenus. Attention, l'usage backoffice est à mesurer,
celui-ci étant alors moins pratique.
Média Titre texte simple non Oui V1
Média Type bouton radio non non
Video; Diaporama;
Image; audio
affiche les champs d'un seul type (groupe) V1
Média Rubrique Taxo : rubriques-média non non V1
Média Résumé résumé auto non non champs optionnel fermé par défaut, si vide : début de la description V1
Média Description texte simple multiligne non non V1
Média Vignette champs image scald non non si souhait de supplanté la vignette par défaut ou généré automatique V1
Média Image image champ image scald Conditionné non V1
Média Image Crédits texte simple Conditionné non V1
Média Video video lien dailycloud Conditionné non V1
Média Video Résumé texte riche Conditionné non V1
Média Diaporama (collection) image groupe multiple : image scald
Conditionné,
groupe
multiple
non V1
Média Diaporama (collection) Légende groupe multiple : texte multiligne
Conditionné,
groupe
multiple
non V1
Média Diaporama (collection) Crédits groupe multiple : texte
Conditionné,
groupe
multiple
non V1
Média Audio image champ scald Conditionné non V1
Contenus
Hiérarchie genre type version Description / sujet
Volume de
contenu
Actualisation
/production
Accueil Accueil
> la mission - institutionnel article V1
Présenter de manière globale la Mission, son
rôle et son positionnement institutionnel.
2000 S fixe
> > membres fondateurs institutionnel article V1
Lister les membres fondateurs. Pour chaque membre, le
logo suivi d’un court texte de présentation institutionnel.
2000 S fixe
> > organisation institutionnel article V1
Présentation de l’organisation et du rôle de l’équipe
permanente (accompagnée éventuellement d’un
organigramme).
2000 S fixe
> > les objectifs institutionnel article V1
Présenter les objectifs de la Mission de manière claire et
concise, sous forme de liste à puces.
2000 S fixe
> Les partenaires - institutionnel article V1
Lister les partenaires, en distinguant les partenaires
institutionnels des partenaires médias. Pour chaque
partenaire, le logo suivi d’un court texte de présentation
institutionnel.
2000 S fixe
> Le conseil scientifique - institutionnel article V1 la présentation des membres (liste avec nom et poste) 1500S fixe
> Le Label Centenaire - institutionnel article V1
Présenter la politique de labellisation à venir (cette page
deviendra à terme une rubrique qui listera et présentera l’
ensemble des projets labellisés)
2000 S fixe
> Presse et communication - institutionnel article V1
Présenter via le chapeau ce que l’on va trouver comme
ressources, puis lister les ressources (communiqués de
presse, téléchargement logo, contacts, etc.)
2000 S fixe
> >
Communiqué de presse
(N)
actu article V1 article CP ? au lancement ? nombre et production ? ???? ????
> Le Centenaire en france - nav bloc V1 Présentation de la rubrique : une phrase, à venir / déjà 200 S fixe
> > présentation pratique html Présentation de la rubrique à venir
> > article lien vers articles
Présentation des CDC, de l'importance du tourisme de
mémoire
>
Le Centenaire Franco-
allemand
nav bloc Présentation de la rubrique : une phrase, à venir / déjà
> > présentation pratique html Présentation de la rubrique à venir
> > article lien vers articles Article historien allemand
>
Le Centenaire dans le
monde
- nav bloc V1 200 S fixe
> > présentation pratique html Présentation de la rubrique à venir
> > article lien vers articles
Présentation de la dimension mondiale du centenaire et de
nos homologues étrangers (est ce un exemple de titre
d'article ?)
Nombre ? evo ?
> Autour de la Grande Guerre ? ? Présentation de la rubrique : une phrase, à venir / déjà
> > présentation pratique html Présentation de la rubrique à venir
> > article lien vers articles articles reçu pour janvier
> le centenaire en image - fond liste ? V1
rubrique général ou présentation de photo faisant sens en
soit ?
> video - actu / fond format, en slider V1 vidéo historique et d'actualité, entrée par genre ? 5 + 1/sem ?
> diaporama - actu / fond format, en slider V1 historique et d'actualité, entrée par genre ? 5 + 1/sem ?
> espace scientifique - nav bloc V1
Présentation de la rubrique : une phrase ? des angles ?
besoin d'un article long ?
fixe
> > presentation pratique html V1 Présentation de la rubrique à venir 200 S fixe
> > article liens vers articles V1 Article d'Antoine Prost, président du CS 3 + 1/sem ?
> espace pédagogique - nav bloc V1 idem espace scientifique fixe
> > presentation pratique html V1 200 S fixe
> > article liens vers articles V1 3 + 1/sem ?
> espace franco-allemand - nav bloc V1 idem espace scientifique 200 S fixe
> > presentation pratique html V1 200 S fixe
> > article liens vers articles V1 3 + 1/sem ?
> caroussel - actu bloc V1
Espace de mise en avant d'article par l'image, compatible
vidéo et diaporama, N item, ordonnés ?
fixe
> > article liens vers articles V1 avec image, vidéo, diaporama + vignette dédié 3 + 1/sem ?
> "derniers articles" - bloc V1 remontée en home d'article divers
> > article liens vers articles V1 tous contenus articles actualités ? sans visuel 3 + 1/sem ?
> Crédits article institutionnel article V1 contenu libre, administratif
> CGU article institutionnel article V1
contenu libre, administratif, page à confirmer ? autres pages
?
> Contact article institutionnel article V1
formulaire de contact ou simple mailto ? > formulaire si
possible pour v1
>
> actualité et événement nav bloc V1.x article, mis en avant en slider ? fixe
> > presentation pratique html V1.x 200 S fixe
> > article liens vers articles V1.x 3 + 1/sem ?
LA MÉTHODE : CADRAGE
Sujet
Complexité
(1-5)
Priorité
(1-5)
Description Commentaire V1 Arbitrage
Design responsif 5 3
Gestions des terminaux : mobile, tablette (et
grand ecran ?)
mise en place des fondamentaux, à
améliorer
V1
Multilangue 5 3
traduction place pour place, article pouvant
être absent
idéalement, 3 onglet par contenu pour
gestion des versions traduites;
optionnelle
V1
Slider (home) 4 5
choix manu, 5 max, 3 mini, pas de
programmation, pas d'auto, format imposé
V1
Vidéo (player) 3 5 Intégration player DM https://www.dmcloud.net/fr/ V1
Diaporama 3 5 module de navigation entre plusieurs image full screen, fluid et responsif ? V1
Bloquer les fonctions
d'enregistrement image
3 4
sur diaporama "pas de enregistre cette
image"
V1
RSS 3 2 génération, toutes publication globale si besoin (tous les articles) V1
Social 2 5 N blocs sociaux standard en home V1
Sitemap 2 4 génération auto seo V1
Player image 1 5 V1
Player diaporama 1 5 V1
Analitycs 1 5 Stat par page et outil webmaster V1
31. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LE PORTAIL : V1 - FÉVRIER 2013
POINTS FORTS :
• VERSION MINIMALE VIABLE
• FRANÇAIS UNIQUEMENT
• ARTICLE
• LISTE SIMPLE
• GRANDES RUBRIQUES
UNIQUEMENT
• VERSION TABLETTE UNIQUEMENT
32. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LE PORTAIL : V2 - JUILLET 2013
POINTS FORTS :
•SOUS RUBRIQUES
•VERSION SMARTPHONE
•MULTILINGUE
•DOSSIERS
•MEGAMENU
33. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
LE PORTAIL : V3 - NOVEMBRE 2013
POINTS FORTS :
• AGENDA
• CARTES
• CATÉGORISATION RÉGIONALE
• FRISES CHRONOLOGIQUES
• PARTENARIATS MÉDIAS
34. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
35. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
36. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
37. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
38. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
39. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
40. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
41. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
42. CONCEPTION DU PORTAIL CENTENAIRE.ORG
RENCONTRE DU WEB 14-18
• Plus de 2 millions de sessions depuis le lancement.
• Près de 7 millions de pages vues.
• Environ 2 000 contenus disponibles (articles, dossiers,
diaporamas, vidéos).
• Une animation et des publications quotidiennes.
LE PORTAIL : BILAN