Conception dun site Web
dune bibliothque ou dun centre
de documentation
Mohamed BEN ROMDHANE
Institut Suprieur de Documentation
mbromdhane@[Link]
Fvrier 2008
Sminaire : Sites Web et portails documentaires
Mastre BD ISD/2007-2008
Plan de la prsentation
Introduction
Architecture dun site web
Cibler le public
Structures des sites
Structures viter
Conception modle dun site Web
La charte graphique
Conception de linterface de navigation
Dcoupage et mise en page du texte
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 2
Site Web des bibliothques?
La vitrine de lorganisation administrative de la
bibliothque physique
La porte daccs au catalogue, informations sur les
horaires douverture, les conditions de prt, les
collections
Les sites Web des bibliothques deviennent
progressivement des portails documentaires
intgrant, en premier lieu, les accs la documentation
lectronique. Ils fdrent de plus en plus la recherche
entre sources multiples internes comme externes.
Anne Dujol, Les sites web des bibliothques BBF 2006 - Paris, t. 51, n 3
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 3
Introduction
Publication Web publication papier
L'internaute n'a pas la sensation physique du livre,
Risque d'tre rapidement perdu dans le ddale
d'crans qui se prsentent lui.
Il faut bien structurer linformation et offrir des
outils de navigation
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 4
Introduction
Publication Web publication papier
Communication bas sur l'cran et non plus sur la
page (feuille) papier d'un format dtermin,
Sur le Web, vous n'avez pas la matrise de votre
document comme dans une feuille de traitement de
texte.
Il faut passer une information par cran et donner des
repres visuels pour linternaute
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 5
Architecture dun site web
Cibler le public
Avant tout fixer les objectifs
tre prsent sur le web,
Faire des visiteurs, nouveaux lecteurs la
bibliothque
Faire un site de promotion de votre bibliothque
Faire un site commercial,
Connatre nos objectifs connatre notre public
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 6
Architecture dun site web
Cibler le public
Connatre notre public (visiteurs potentiels de
notre site)
Internautes novices
Internautes expriments
Contenu rdactionnel
Prsentation visuelle
fonctionnement
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 7
Architecture dun site web
Cibler le public
Contenu rdactionnel
Prsentation visuelle
fonctionnement
Le Web est par essence textuel voir mme hypertextuel
Choisir le contenu qui attire le visiteur
Il faut savoir fidliser le visiteur
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 8
Architecture dun site web
Cibler le public
Contenu rdactionnel
Prsentation visuelle
Fonctionnement
Penser dynamiser votre site par des graphiques
Sans graphisme, le Web ne serait pas ce quil est
Le visuel est bien li au contenu et au fonctionnel
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 9
Architecture dun site web
Cibler le public
Contenu rdactionnel
Prsentation visuelle
Fonctionnement
Rflchir au temps de chargement de vos pages
Faites attention aux images et aux applications lourdes sur votre
site
Mettre en place des mcanismes dinteraction (avec lauteur ou
le responsable du site par exemple)
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 10
Architecture dun site Web
Structurer le site
Sans une structure fonctionnelle, votre site sera
un chec mme si le contenu est pertinent et bien rdig
Fournir l'usager l'information qu'il souhaite en
un minimum d'tapes et donc un minimum de
temps
Appliquer la "rgle des 3 clics" selon laquelle
toute information de votre site doit tre
disponible en maximum 3 clics de souris.
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 11
Architecture dun site Web
Structurer le site
Structure squentielle
Groupes dinformation ordonns (logique, chronologie, du gnral au
spcifique, alphabtique)
Plutt pour petits sites ou pour sous-sites lintrieur dun grand site
Ex: tour guid, prsentation historique, tutoriel, long formulaire
denregistrement (ex: recruitsoft)
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 12
Architecture dun site Web
Structurer le site
Structure hirarchique
Veut reflter la structure dune organisation
en rayon lorsque tout se rapporte une mme chose (objet,
personne, etc.)
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 13
Architecture dun site Web
Structurer le site
Structure en rseau
ou en toile
Veut poser peu de restrictions sur lutilisation de linformation et la
navigation,
favorise lexploration, la dcouverte, interfaces ludiques
Veut favoriser une densit trs leve de liens
Peu pratique pour les internautes novices
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 14
Architecture dun site Web
Structures viter
Structures trop large : page d
accueil surcharge de liens s
ouvent peu relis entre eux
Structure trop profonde,
ncessite beaucoup de
clics pour la parcourir et
trouver linformation
requise.
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 15
Conception dun 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 caractres
utiliss
Page daccueil
Le logo de ltablissement ou de votre site
Les icnes des diffrentes rubriques.
Autres pages
Un repre identifiant votre site et son appartenance
Des icnes envoyant la page daccueil et aux rubriques du site
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 16
Conception dun 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 caractres utili
ss
Toutes les pages du site
Choix de la police utilise, de sa taille,
Choix de la ou des couleurs des textes (titres, contenu, )
Choix de la couleur ou des couleurs de fonds dcran
..
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 17
Conception dun site Web
Interface de navigation
Cest la suite indispensable d'une bonne structuration du
site.
Simple comprendre,
Facile mmoriser,
Offre une orientation vers l'information cherche
Interface de navigation
barre de navigation sur chaque page
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 18
Conception dun site Web
Interface de navigation
Icnes
Mots cls
Permettant daccder aux principales rubriques et
services du site
Barre de navigation (rubriques)
ensemble de rubriques spcifiques au site
contact
Recherche
Carte du site
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 19
Conception dun site Web
Mise en page du texte
Puisque vous disposez d'une norme quantit de
couleurs et de polices de caractres, 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 lattention sur le contenu et
prsenter une page facile lire
Typographie
Choix de la police
Utilisation des majuscules minuscules
Type et taille des caractres
Soulignement ( viter au maximum)
Utilisez les niveaux de titres
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 20
Conception dun site Web
Mise en page du texte
Puisque vous disposez d'une norme quantit de
couleurs et de polices de caractres, 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 lattention sur le contenu et
prsenter une page facile lire
Couleur du texte
Contraster avec le fonds
Texte fonc sur fonds clair (recommand pour une meilleure
lisibilit)
Pensez limpression de vos pages
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 21
Conception dun site Web
Mise en page du texte
Dcoupage du texte en units de taille raisonnable
Rgle des 3 crans : la longueur dune page ne doit
pas dpasser les 3 pages crans pour limiter le
dfilement vertical.
Certains concepteurs recommandent de fixer
linformation sur une seule page cran pas plus
Quelques conseils de mise en page
les premires lignes (ou la premire page cran) doivent
rassembler le maximum dinformation
viter le recours au dfilement horizontal
ISD Fvrier 2008 Conception de site web de bibliothque ou dun centre de documentation 22
