CCoonncceeppttiioonn dd’’uunn ssiittee WWeebb 
dd’’uunnee bbiibblliiootthhèèqquuee oouu dd’’uunn cceennttrree 
ddee ddoocc...
ISD Février 
Conception de site web de bibliothèque ou 
2 
Plan de la présentation 
 Introduction 
 Architecture d’un si...
ISD Février 
Conception de site web de bibliothèque ou 
3 
SSiittee WWeebb ddeess bbiibblliiootthhèèqquueess?? 
• La vitri...
ISD Février 
Conception de site web de bibliothèque ou 
4 
Introduction 
Publication Web ≠ publication papier 
• L'interna...
ISD Février 
Conception de site web de bibliothèque ou 
5 
Introduction 
Publication Web ≠ publication papier 
• Communica...
ISD Février 
Conception de site web de bibliothèque ou 
6 
Architecture d’un site web 
Cibler le public 
• Avant tout fixe...
ISD Février 
Conception de site web de bibliothèque ou 
7 
Architecture d’un site web 
Cibler le public 
• Connaître notre...
ISD Février 
Conception de site web de bibliothèque ou 
8 
Architecture d’un site web 
Cibler le public 
Contenu rédactio...
ISD Février 
Conception de site web de bibliothèque ou 
9 
Architecture d’un site web 
Cibler le public 
Contenu rédactio...
ISD Février 
Conception de site web de bibliothèque ou 
10 
Architecture d’un site web 
Cibler le public 
Contenu rédacti...
ISD Février 
Conception de site web de bibliothèque ou 
11 
Architecture d’un site Web 
Structurer le site 
• Sans une str...
ISD Février 
Conception de site web de bibliothèque ou 
12 
Architecture d’un site Web 
Structurer le site 
• Structure sé...
ISD Février 
Conception de site web de bibliothèque ou 
13 
Architecture d’un site Web 
Structurer le site 
• Structure hi...
ISD Février 
Conception de site web de bibliothèque ou 
14 
Architecture d’un site Web 
Structurer le site 
• Structure en...
ISD Février 
Conception de site web de bibliothèque ou 
15 
Architecture d’un site Web 
Structures à éviter 
• Structures ...
ISD Février 
Conception de site web de bibliothèque ou 
16 
Conception d’un site Web 
Charte graphique 
• Un internaute a ...
ISD Février 
Conception de site web de bibliothèque ou 
17 
Conception d’un site Web 
Charte graphique 
• Un internaute a ...
ISD Février 
Conception de site web de bibliothèque ou 
18 
Conception d’un site Web 
Interface de navigation 
• C’est la ...
ISD Février 
Conception de site web de bibliothèque ou 
19 
Conception d’un site Web 
Interface de navigation 
• Icônes 
•...
ISD Février 
Conception de site web de bibliothèque ou 
20 
Conception d’un site Web 
Mise en page du texte 
• Puisque vou...
ISD Février 
Conception de site web de bibliothèque ou 
21 
Conception d’un site Web 
Mise en page du texte 
• Puisque vou...
ISD Février 
Conception de site web de bibliothèque ou 
22 
Conception d’un site Web 
Mise en page du texte 
• Découpage d...
Prochain SlideShare
Chargement dans…5
×

Conception d'un site web

0 vue

Publié le

Cours destiné aux étudiants du mastère professionnel en bibliothéconomie et documentation, l'année universitaire 2009/2010

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
0
Sur SlideShare
0
Issues des intégrations
0
Intégrations
0
Actions
Partages
0
Téléchargements
25
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Conception d'un site web

  1. 1. CCoonncceeppttiioonn dd’’uunn ssiittee WWeebb dd’’uunnee bbiibblliiootthhèèqquuee oouu dd’’uunn cceennttrree ddee ddooccuummeennttaattiioonn Mohamed BEN ROMDHANE Institut Supérieur de Documentation mbromdhane@yahoo.fr Février 2008 Séminaire : Sites Web et portails documentaires Mastère BD ISD/2007-2008
  2. 2. ISD Février Conception de site web de bibliothèque ou 2 Plan de la présentation  Introduction  Architecture d’un site web  Cibler le public  Structures des sites  Structures à éviter  Conception modèle d’un site Web  La charte graphique  Conception de l’interface de navigation  Découpage et mise en page du texte
  3. 3. ISD Février Conception de site web de bibliothèque ou 3 SSiittee WWeebb ddeess bbiibblliiootthhèèqquueess?? • La vitrine de l’organisation administrative de la bibliothèque physique • La porte d’accès au catalogue, informations sur les horaires d’ouverture, les conditions de prêt, les collections … • Les sites Web des bibliothèques deviennent progressivement des portails documentaires intégrant, en premier lieu, les accès à la documentation électronique. Ils fédèrent de plus en plus la recherche entre sources multiples internes comme externes. Anne Dujol, Les sites web des bibliothèques BBF 2006 - Paris, t. 51, n° 3
  4. 4. ISD Février Conception de site web de bibliothèque ou 4 Introduction Publication Web ≠ publication papier • L'internaute n'a pas la sensation physique du livre, • Risque d'être rapidement perdu dans le dédale d'écrans qui se présentent à lui. Il faut bien structurer l‘information et offrir des outils de navigation
  5. 5. ISD Février Conception de site web de bibliothèque ou 5 Introduction Publication Web ≠ publication papier • Communication basé sur l'écran et non plus sur la page (feuille) papier d'un format déterminé, • Sur le Web, vous n'avez pas la maîtrise de votre document comme dans une feuille de traitement de texte. Il faut passer une information par écran et donner des repères visuels pour l’internaute
  6. 6. ISD Février Conception de site web de bibliothèque ou 6 Architecture d’un site web Cibler le public • Avant tout fixer les objectifs • Être présent sur le web, • Faire des visiteurs, nouveaux lecteurs à la bibliothèque • Faire un site de promotion de votre bibliothèque • Faire un site commercial, …  Connaître nos objectifs  connaître notre public
  7. 7. ISD Février Conception de site web de bibliothèque ou 7 Architecture d’un site web Cibler le public • Connaître notre public (visiteurs potentiels de notre site) • Internautes novices • Internautes expérimentés Contenu rédactionnel Présentation visuelle fonctionnement
  8. 8. ISD Février Conception de site web de bibliothèque ou 8 Architecture d’un site web Cibler le public Contenu rédactionnel Présentation visuelle fonctionnement  Le Web est par essence textuel voir même hypertextuel  Choisir le contenu qui attire le visiteur  Il faut savoir fidéliser le visiteur
  9. 9. ISD Février Conception de site web de bibliothèque ou 9 Architecture d’un site web Cibler le public Contenu rédactionnel Présentation visuelle Fonctionnement  Penser à dynamiser votre site par des graphiques  Sans graphisme, le Web ne serait pas ce qu’il est  Le visuel est bien lié au contenu et au fonctionnel
  10. 10. ISD Février Conception de site web de bibliothèque ou 10 Architecture d’un site web Cibler le public Contenu rédactionnel Présentation visuelle Fonctionnement  Réfléchir au temps de chargement de vos pages  Faites attention aux images et aux applications lourdes sur votre site  Mettre en place des mécanismes d’interaction (avec l’auteur ou le responsable du site par exemple)
  11. 11. ISD Février Conception de site web de bibliothèque ou 11 Architecture d’un site Web Structurer le site • Sans une structure fonctionnelle, votre site sera un échec même si le contenu est pertinent et bien rédigé • Fournir à l'usager l'information qu'il souhaite en un minimum d'étapes et donc un minimum de temps  Appliquer la "règle des 3 clics" selon laquelle toute information de votre site doit être disponible en maximum 3 clics de souris.
  12. 12. ISD Février Conception de site web de bibliothèque ou 12 Architecture d’un site Web Structurer le site • Structure séquentielle  Groupes d’information ordonnés (logique, chronologie, du général au spécifique, alphabétique)  Plutôt pour petits sites ou pour sous-sites à l’intérieur d’un grand site Ex: tour guidé, présentation historique, tutoriel, long formulaire d’enregistrement (ex: recruitsoft)
  13. 13. ISD Février Conception de site web de bibliothèque ou 13 Architecture d’un site Web Structurer le site • Structure hiérarchique  Veut refléter la structure d’une organisation  en rayon lorsque tout se rapporte à une même chose (objet, personne, etc.)
  14. 14. ISD Février Conception de site web de bibliothèque ou 14 Architecture d’un site Web Structurer le site • Structure en réseau ou en toile  Veut poser peu de restrictions sur l’utilisation de l’information et la navigation,  favorise l’exploration, la découverte, interfaces ludiques Veut favoriser une densité très élevée de liens Peu pratique pour les internautes novices
  15. 15. ISD Février Conception de site web de bibliothèque ou 15 Architecture d’un site Web Structures à éviter • Structures trop large : page d’accueil surchargée de liens souvent peu reliés entre eux • Structure trop profonde, nécessite beaucoup de clics pour la parcourir et trouver l’information requise.
  16. 16. ISD Février Conception de site web de bibliothèque ou 16 Conception d’un site Web Charte graphique • Un internaute a besoin de se faire une image mentale du site et de comprendre sa structuration. • Tout concepteur d'un site Web doit donner une identité visuelle à son site à travers la charte graphique, les polices et les couleurs de caractères utilisés Page d’accueil  Le logo de l’établissement ou de votre site  Les icônes des différentes rubriques. Autres pages  Un repère identifiant votre site et son appartenance  Des icônes envoyant à la page d’accueil et aux rubriques du site
  17. 17. ISD Février Conception de site web de bibliothèque ou 17 Conception d’un site Web Charte graphique • Un internaute a besoin de se faire une image mentale du site et de comprendre sa structuration. • Tout concepteur d'un site Web doit donner une identité visuelle à son site à travers la charte graphique, les polices et les couleurs de caractères utilisés Toutes les pages du site  Choix de la police utilisée, de sa taille, …  Choix de la ou des couleurs des textes (titres, contenu, …)  Choix de la couleur ou des couleurs de fonds d’écran …..
  18. 18. ISD Février Conception de site web de bibliothèque ou 18 Conception d’un site Web Interface de navigation • C’est la suite indispensable d'une bonne structuration du site. • Simple à comprendre, • Facile à mémoriser, • Offre une orientation vers l'information cherchée Interface de navigation  barre de navigation sur chaque page
  19. 19. ISD Février Conception de site web de bibliothèque ou 19 Conception d’un site Web Interface de navigation • Icônes • Mots clés Permettant d’accéder aux principales rubriques et services du site Barre de navigation (rubriques)  ensemble de rubriques spécifiques au site  contact  Recherche  Carte du site
  20. 20. ISD Février Conception de site web de bibliothèque ou 20 Conception d’un site Web Mise en page du texte • Puisque vous disposez d'une énorme quantité de couleurs et de polices de caractères, vous serez tenté de les utiliser. • Vous risquez de frustrer le lecteur et de manquer votre objectif qui consiste avant tout à transmettre un message et attirer l’attention sur le contenu et présenter une page facile à lire Typographie  Choix de la police  Utilisation des majuscules minuscules Type et taille des caractères  Soulignement (à éviter au maximum)  Utilisez les niveaux de titres
  21. 21. ISD Février Conception de site web de bibliothèque ou 21 Conception d’un site Web Mise en page du texte • Puisque vous disposez d'une énorme quantité de couleurs et de polices de caractères, vous serez tenté de les utiliser. • Vous risquez de frustrer le lecteur et de manquer votre objectif qui consiste avant tout à transmettre un message et attirer l’attention sur le contenu et présenter une page facile à lire Couleur du texte  Contraster avec le fonds  Texte foncé sur fonds clair (recommandé pour une meilleure lisibilité)  Pensez à l’impression de vos pages
  22. 22. ISD Février Conception de site web de bibliothèque ou 22 Conception d’un site Web Mise en page du texte • Découpage du texte en unités de taille raisonnable • Règle des 3 écrans : la longueur d’une page ne doit pas dépasser les 3 pages écrans pour limiter le défilement vertical. • Certains concepteurs recommandent de fixer l’information sur une seule page écran pas plus Quelques conseils de mise en page  les premières lignes (ou la première page écran) doivent rassembler le maximum d’information  à éviter le recours au défilement horizontal

×