La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

1 Pays du Bessin au Virois Portail Internet du Pays « Zoning du portail » Document rédigé par:Laurent DEMONTIERS Version du document2.0 Date de dernière.

Présentations similaires


Présentation au sujet: "1 Pays du Bessin au Virois Portail Internet du Pays « Zoning du portail » Document rédigé par:Laurent DEMONTIERS Version du document2.0 Date de dernière."— Transcription de la présentation:

1 1 Pays du Bessin au Virois Portail Internet du Pays « Zoning du portail » Document rédigé par:Laurent DEMONTIERS Version du document2.0 Date de dernière modification31/08/2006

2 2 Historique des modifications du document VersionModifications apportées 1.0Livraison 2.0Ajout dun 4em et 5em niveau de navigation

3 3 Sommaire 1.Objectifs du document 2.Nature et objectifs du portail 3.Types de gabarits 4.Types de cœur de page 5.Représentation graphique

4 4 Objectifs du document Lapproche choisie pour le zoning conditionne : Lorganisation de linformation sur le site –Les contenus aux fonctions similaires sont regroupés dans une même zone pour rendre linterface plus intuitive. La hiérarchisation des zones dinformation. –Le zoning prend en compte la nature du portail, ses objectifs, et limportance stratégique des différents éléments de la page pour les positionner dans linterface. En fonction de son importance stratégique, une zone peut être mise en avant, ou en retrait. Pour cela, on va la positionner à la place qui lui convient dans le sens de lecture de la page, et lui accorder lespace dencombrement qui convient à son rang dans la hiérarchisation de linformation. La cohérence de lorganisation du contenu sur les différents types de gabarits. –Le zoning représente les différents types de gabarits de page présents dans le site. La représentation du zoning de chaque gabarit permet den assurer la cohérence avec le reste du site. Le zoning permet de définir les grands espaces dactions sur lesquels lutilisateur devra interagir. Ce document de Zoning pose les premières bases de la construction ergonomique et visuelle du futur portail

5 5 Sommaire 1.Objectifs du document 2.Nature et objectifs du portail 3.Types de gabarits 4.Types de cœur de page 5.Représentation graphique

6 6 Nature et objectifs du portail La future plate-forme en ligne est un Portail dinformation. Nous distinguons deux objectifs pour le futur portail: 1.Son premier objectif est de diffuser de linformation. Cela implique que: Le système de navigation du portail doit être mise en avant, clair, intuitif et rapide pour faciliter laccessibilité au contenu. Le zoning, lergonomie et le design du portail doivent également être pensés pour faciliter la navigation et laccès à linformation. 2.Jusquà présent, le Pays du Bessin au Virois ne dispose pas des différents éléments qui constituent une identité visuelle (Logo, charte graphique, avec codes formes, codes couleurs, typographiques cohérents…). Notre second objectif est de profiter de la conception du portail pour imaginer les premières bases dune identité visuelle forte pour le Pays du Bessin au Virois. Les codes formes, codes couleurs et codes typographiques conçus pour le portail seront suffisamment forts et identitaires pour instaurer les bases graphiques des futurs plans de communication du Pays.

7 7 Sommaire 1.Objectifs du document 2.Nature et objectifs du portail 3.Types de gabarits 4.Types de cœur de page 5.Représentation graphique

8 8 Types de gabarits 3 principaux types de gabarits Gabarit A Gabarit B Gabarit C

9 9 Gabarit A: 9 zones 1.Zone identitaire 2.Zone doutils récurrents 3.Zone de visuel thématique 4.Navigation par barre PBV 5.Zone didentification 6.Navigation principale 7.Espace partenaires 8.Zone de Cœur de page 9.Liens annexes récurrents

10 10 Objectifs du gabarit: Ce gabarit est utilisé pour les entrées principales du portail. Graphiquement plus riche, il contribue à poser lidentité visuelle et présente lunivers de lorganisme. Pages concernées: –Page daccueil du site –Pages daccueil des rubriques de niveau 1 –Pages daccueil des « espaces municipalités » Gabarit A: 9 zones

11 11 Gabarit A: 9 zones 1.Zone identitaire Elle présente le logo de la structure et le nom du portail. Elle permet au visiteur didentifier le Portail et den comprendre la fonction. 2.Zone doutils récurrents Lutilisateur y trouve les outils dont la présence sur toutes les pages du portail est requise. La fonction de changement de langue et le champs de recherche dans le portail. 3.Zone de visuel thématique Une zone avec un visuel thématisé illustre le contenu de la page. Le visuel de la page daccueil est une animation Flash qui présente le champ daction du Pays du Bessin au Virois, ses métiers, et les valeurs du territoire. Les visuels des pages daccueil des municipalités reprennent les thématiques chères à chaque municipalité et permettent de personnaliser lespace daccueil de chacun. 4.Navigation par barre PBV La zone contient la barre PBV. Ses contenus permanents pourront être mis à disposition sous forme dune barre facilitant ainsi lintégration dans dautres sites web dacteurs du Pays. 5.Zone didentification Zone daction qui permet à lutilisateur de sidentifier sur le portail afin daccéder au contenu spécifique. Elle souhaite aussi la bienvenue à lutilisateur identifié. 6.Navigation principale Cest la zone principale daccès au contenu du site. 7.Espace partenaires La zone cite les différents partenaires du Pays du Bessin au Virois. Sa fonction est stratégique. Elle permet la valorisation des partenaires du Pays. 8.Zone de Cœur de page Elle présente le contenu des pages. Cest le Cœur du site. 9.Liens annexes récurrents La zone présente les liens annexes du portail, présents sur toutes les pages. Leur utilisation nest pas indispensable à la navigation dans le site. Rôles des différentes zones:

12 12 1.La zone identitaire: Le nom et la nature du site sont présentés. Le visiteur sait ou il est, cest important dans la mesure ou ce gabarit est le point dentrée principal des visiteurs du portail. 2.Un visuel thématique: pour poser les valeurs de la « marque » et son identité visuelle sur la page daccueil du portail, ou thématiser lhabillage graphique dune rubrique. 3.Mise en valeur du système de navigation pour faciliter laccession au contenu. 4.Mise en valeur du Cœur de page, où se trouve le contenu principal du site. 5.La zone didentification pour permettre aux utilisateurs inscrits davoir accès à un contenu spécifique 6.La zone doutils récurrents, disponibles pour une partie des internautes. Il ne sont utilisés quoccasionnellement par les visiteurs. 7.La zone partenaires. Elle doit être présente pour des raisons stratégiques mais na pas dincidence sur la compréhension de la page. Hiérarchisation de linformation: Par ordre décroissant dimportance, les contenus présents dans la gabarit A sont les suivants: Gabarit A: 9 zones

13 13 Gabarit B: 8 zones 1.Zone identitaire 2.Zone doutils récurrents 3.Navigation par barre PBV 4.Zone didentification 5.Navigation principale 6.Espace partenaires 7.Zone de Cœur de page 8.Liens annexes récurrents

14 14 Objectifs du gabarit: Ce gabarit est construit pour valoriser le contenu du site et faciliter son accession. Il permet de répondre au premier objectif du site. Pages concernées: –Pages daccueil rubriques de niveau 2 et 3 –Pages de contenu rubriques de niveau 2 et 3. –Pages de liste –Pages de détail Gabarit B: 8 zones

15 15 Gabarit B: 8 zones 1.Zone identitaire Elle présente le logo de la structure et le nom du portail. Elle permet au visiteur didentifier le Portail et den comprendre la fonction. 2.Zone doutils récurrents Lutilisateur y trouve les outils dont la présence sur toutes les pages du portail est requise. La fonction de changement de langue et le champs de recherche dans le portail. 3.Navigation par barre PBV La zone contient la barre PBV. Ses contenus permanents pourront être mis à disposition sous forme dune barre facilitant ainsi lintégration dans dautres sites web dacteurs du Pays. 4.Zone didentification Zone daction qui permet à lutilisateur de sidentifier sur le portail afin daccéder au contenu spécifique. Elle souhaite aussi la bienvenue à lutilisateur identifié. 5.Navigation principale Cest la zone principale daccès au contenu du site. 6.Espace partenaires La zone cite les différents partenaires du Pays du Bessin au Virois. Sa fonction est stratégique. Elle permet la valorisation des partenaires du Pays. 7.Zone de Cœur de page Elle présente le contenu des pages. Cest le Cœur du site. 8.Liens annexes récurrents La zone présente les liens annexes du portail, présents sur toutes les pages. Leur utilisation nest pas indispensable à la navigation dans le site. Rôles des différentes zones:

16 16 Gabarit B 1.La zone identitaire: Le nom et la nature du site sont présentés. Le visiteur sait ou il est, cest important dans la mesure ou ce gabarit est le point dentrée principal des visiteurs du portail. 2.Mise en valeur du système de navigation pour faciliter laccession au contenu. 3.Mise en valeur du Cœur de page, où se trouve le contenu principal du site. 4.La zone didentification, pour permettre aux utilisateurs inscrits davoir accès à un contenu spécifique 5.La zone doutils récurrents, disponibles pour une partie des internautes. Il ne sont utilisés quoccasionnellement par les visiteurs. 6.La zone partenaires. Elle doit être présente pour des raisons stratégiques mais na pas dincidence sur la compréhension de la page. Hiérarchisation de linformation: Par ordre décroissant dimportance, les contenus présents dans la gabarit B sont les suivants:

17 17 Gabarit C: 3 zones 1.Zone identitaire 2.Zone de visuel thématique 3.Zone de Cœur de page 3 Pages concernées: Plan du site Newsletter Page dimpression Page derreur 1 2

18 18 Gabarit C 1.La zone identitaire: Le nom et la nature du site sont présentés. Le visiteur sait doù vient linformation. 2.Mise en valeur du Cœur de page, où se trouve le contenu informationnel. Hiérarchisation de linformation: Par ordre décroissant dimportance, les contenus présents dans la gabarit C sont les suivants: Remarques: Ce gabarit est utilisé pour les pages spécifiques. Les visuels y sont limités pour optimiser le poids des lettres dinformation, ou faciliter limpression des pages.

19 19 Sommaire 1.Objectifs du document 2.Nature et objectifs du portail 3.Types de gabarits 4.Types de cœur de page 5.Représentation graphique

20 20 Types de Cœurs de pages Cœur de page AB1 Zone darticle Pour les gabarits A et B

21 21 Types de Cœurs de pages Cœur de page AB2 Navigation de niveau 3 Zone darticle Pour les gabarits A et B

22 22 Types de Cœurs de pages Cœur de page AB3 Zone darticle Contenu dynamique Pour les gabarits A et B

23 23 Types de Cœurs de pages Cœur de page AB2 Navigation de niveau 3 Zone darticle Contenu dynamique Pour les gabarits A et B

24 24 Types de Cœurs de pages Cœur de page AB4 Zone darticle Pour les gabarits A et B Infos contextuelles

25 25 Types de Cœurs de pages Cœur de page AB5 Navigation de niveau 3 Zone darticle Pour les gabarits A et B Infos contextuelles

26 26 Types de Cœurs de pages Cœur de page AB6 Zone darticle Contenu dynamique Pour les gabarits A et B Infos contextuelles

27 27 Types de Cœurs de pages Cœur de page AB7 Navigation de niveau 3 Zone darticle Contenu dynamique Pour les gabarits A et B Infos contextuelles

28 28 Types de Cœurs de pages Cœur de page C1 Zone darticle Pour les gabarits C

29 29 Types de Cœurs de pages Cœur de page C2 Zone darticle Pour les gabarits C Infos contextuelles

30 30 Types de Cœurs de pages Cœur de page C3 Zone darticle Pour les gabarits C Contenu dynamique

31 31 Types de Cœurs de pages Cœur de page C4 Zone darticle Pour les gabarits C Infos contextuelles Contenu dynamique

32 32 Sommaire 1.Objectifs du document 2.Nature et objectifs du portail 3.Types de gabarits 4.Types de cœur de page 5.Représentation graphique

33 33 Représentation graphique Exemple de gabarit B (8 zones) Cœur de page AB7 (4 zones)


Télécharger ppt "1 Pays du Bessin au Virois Portail Internet du Pays « Zoning du portail » Document rédigé par:Laurent DEMONTIERS Version du document2.0 Date de dernière."

Présentations similaires


Annonces Google