Retour : Page Principale > sommaire applications générales > Site Web

Architecture du nouveau site Web (2016)


Travail réalisé par Etamin Studio en mars/septembre 2016.

À RÉÉCRIRE (2017) - cette page mérite d'être conservée, à condition de la mettre à jour

Les axes

Une meilleure orientation des nouveaux visiteurs et des utilisateurs réguliers
  • Une navigation par usages pour rĂ©pondre aux objectifs principaux des visiteurs
  • Une navigation plus classique pour un accès direct aux contenus "historiques" du site
  • Une page d'accueil pour les nouveaux visiteurs, axĂ©e sur la dĂ©couverte et la contribution
  • Un tableau de bord dĂ©diĂ© aux utilisateurs inscrits, pour faciliter l'accès Ă  leurs outils et projets habituels
  • Multiplier les moyens d'accès aux outils, projets et ressources du site

Une structure optimisée
  • Un nombre rĂ©duit de gabarits modulaires pour l'ensemble des pages du site
  • Un moteur de recherche global simplifiĂ© et plus efficace
  • Une rubrique regroupant les donnĂ©es cartographiĂ©es
  • Des pages de prĂ©sentation standardisĂ©es et Ă©volutives pour chaque outil et projet


Les gabarits de pages

> page accueil (connecté/déconnecté)
> page thématique
> page actu
> page outil
> page projet (simple, avancé)
> tableau de bord

wireframes pour :
  • Page d'accueil ;
  • Page d'accueil avec volet de suggestions de recherche dĂ©pliĂ©
  • Page d'accueil connectĂ©e
  • Page thĂ©matique : Identifier une plante
  • Page ActualitĂ©s
  • Page de contenu : L'association
  • Page outil : Carnet en Ligne
  • Espace projets
  • Page projet : DĂ©termination de plantes
  • Page projet avancĂ©e : Sauvages de ma rue
  • Tableau de bord
  • Tableau de bord avec suggestions

plus tard :
  • Les diffĂ©rents Ă©tats du tableau de bord
  • Pages de liste (outils, taxons...)
  • Page outil d'eFlore
  • Page de rĂ©sultat de recherche
  • Petit champ de recherche actif (dans la navigation supĂ©rieure)
  • Processus d'inscription
  • Page autour de moi
  • L'annuaire


La majorité des outils/programmes/projets seront donc répartis sur 2 gabarits de pages : page outil et page projet.
Exemples :
- Le mooc aura une page de gabarit outil
- Le projet "Afrique tropicale" serait basé sur le gabarit d'espace projet avancé : https://app.moqups.com/etaminstudio/oR3FURFl8y/view/page/acebcfe59
- Smartflore aurait une page de présentation outil de ce type : https://app.moqups.com/etaminstudio/oR3FURFl8y/view/page/a1b20e284
+ un espace projet dédié à la discussion autour de l'outil sur ce modèle : https://app.moqups.com/etaminstudio/oR3FURFl8y/view/page/a296e3067
- observatoire messicoles aura une page projet
Pour nous, le MOOC est un outil, comme le Carnet en Ligne ou Identiplante. C'est une application qui répond à un usage : me former.
Voici un schéma illustrant la manière dont on séparerait les outils des projets : https://infinit.io/_/p5rcUYp
Le MOOC sera mis en avant très fortement dans la partie "apprendre la botanique", ainsi que sur la page d'accueil à des moments clés dans la partie "à découvrir...", dans les actus, etc.
Un outil peut avoir un espace projet (ex : le carnet en ligne a un espace projet avec un forum de discussion)
Dans ce cas, son espace projet est décrit en tant que tel : "Espace de discussion autour du Carnet en Ligne". La page outil du Carnet en Ligne inclue alors un lien vers l'espace de discussion.


SĂ©parations entre projets et outils : https://infinit.io/_/p5rcUYp