Conception du portail centenaire.org — Rencontre du web 14-18

CONCEPTION DU PORTAIL CENTENAIRE.ORGRENCONTRE DU WEB 14-18

La conception du portail national du Centenaire : centenaire.org


Aurélien Brossé • DIRECTEUR ÉDITORIAL

Martin Ferronnière • DIRECTION DE PROJET, CONSEIL & UX

Mission Interministérielle Agence digitale


LES BESOINS DE LA MISSION


Avril 2

012 :

cré

ation p

ar décre

t de la

Miss

ion

Juin 20

12 : c

onstitu

tion d

e l’équip

e

Juin –

août 201

2 : ré

flexio

ns édito

riale

s

Août 201

2 : p

ublicatio

n de l’a

ppel d’o

ffres

Novem

bre 20

12 : c

hoix du p

resta

taire

LA MISSION : CHRONOLOGIE


• 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


• 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


LA MISSION : ARBORESCENCE


LA MISSION : PAGE D’ACCUEIL


LA RÉPONSE DE L’AGENCE


LA RÉPONSE : NOS ANGLES

DESIGN

• Entrée par l’image privilégiée

• Mise en scène de l’information

• Approche « grand public » etconception 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


LA RÉPONSE : PISTES & ARCHITECTURE


LA RÉPONSE : RECHERCHE FONCTIONNELLE


















LA RÉPONSE : PISTES GRAPHIQUES










LA MÉTHODE DE TRAVAIL


Novem

bre 20

12 : c

hoix du p

resta

taire

Novem

bre 20

12 –

janvie

r 201

3 : d

évelo

ppement d

e la v1

14 fé

vrie

r 201

3 : m

ise e

n ligne d

e la v1

Novem

bre 20

13 : m

ise e

n ligne d

e la V

3

LA MÉTHODE : CHRONOLOGIE

Juille

t 201

3 : m

ise e

n ligne d

e la v2

Févr

ier 2

013 –

juin 20

13 : d

évelo

ppement d

e la v2

Juille

t 201

3 – O

ctobre

2013

: déve

loppem

ent de la

v3

(3 MOIS) (5 MOIS) (4 MOIS)


ANALYSETEST

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é


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.


• Délais

• Sécurité

• Évolutivité / maitenabilité

• Autonomie de gestion

• Tenue de charge

• Cohérence multi-support

LA MÉTHODE : DÉFIS


LA MÉTHODE : ARCHITECTURE


Types de contenusContenu 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

MEDIALes médias sont dissociés pour pouvoir etre valorisés indépendamment, etutiliser 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 scaldConditionné,groupemultiple

non V1

Média Diaporama (collection) Légende groupe multiple : texte multiligneConditionné,groupemultiple

non V1

Média Diaporama (collection) Crédits groupe multiple : texteConditionné,groupemultiple

non V1

Média Audio image champ scald Conditionné non V1

ContenusHiérarchie genre type version Description / sujet

Volume decontenu

Actualisation/production

Accueil Accueil

> la mission - institutionnel article V1 Présenter de manière globale la Mission, sonrôle et son positionnement institutionnel. 2000 S fixe

> > membres fondateurs institutionnel article V1 Lister les membres fondateurs. Pour chaque membre, lelogo suivi d’un court texte de présentation institutionnel. 2000 S fixe

> > organisation institutionnel article V1Présentation de l’organisation et du rôle de l’équipepermanente (accompagnée éventuellement d’unorganigramme).

2000 S fixe

> > les objectifs institutionnel article V1 Présenter les objectifs de la Mission de manière claire etconcise, sous forme de liste à puces. 2000 S fixe

> Les partenaires - institutionnel article V1Lister les partenaires, en distinguant les partenairesinstitutionnels des partenaires médias. Pour chaquepartenaire, le logo suivi d’un court texte de présentationinstitutionnel.

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 V1Présenter la politique de labellisation à venir (cette pagedeviendra à terme une rubrique qui listera et présentera l’ensemble des projets labellisés)

2000 S fixe

> Presse et communication - institutionnel article V1Présenter via le chapeau ce que l’on va trouver commeressources, puis lister les ressources (communiqués depresse, 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 demé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 lemonde - nav bloc V1 200 S fixe


> > article lien vers articlesPrésentation de la dimension mondiale du centenaire et denos homologues étrangers (est ce un exemple de titred'article ?)

Nombre ? evo ?

> Autour de la Grande Guerre ? ? Présentation de la rubrique : une phrase, à venir / déjà


> > 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 ensoit ?

> 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, compatiblevidé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 sipossible 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 (etgrand 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 pourgestion des versions traduites;optionnelle

V1

Slider (home) 4 5 choix manu, 5 max, 3 mini, pas deprogrammation, 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 fonctionsd'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


LE VERSIONS DU PORTAIL


LE PORTAIL : V1 - FÉVRIER 2013

POINTS FORTS :

• VERSION MINIMALE VIABLE

• FRANÇAIS UNIQUEMENT

• ARTICLE

• LISTE SIMPLE

• GRANDES RUBRIQUES

UNIQUEMENT

• VERSION TABLETTE UNIQUEMENT


LE PORTAIL : V2 - JUILLET 2013

POINTS FORTS :

•SOUS RUBRIQUES

•VERSION SMARTPHONE

•MULTILINGUE

•DOSSIERS

•MEGAMENU


LE PORTAIL : V3 - NOVEMBRE 2013

POINTS FORTS :

• AGENDA

• CARTES

• CATÉGORISATION RÉGIONALE

• FRISES CHRONOLOGIQUES

• PARTENARIATS MÉDIAS


























• 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