Vous êtes sur la page 1sur 22

Conception dun site Web

dune bibliothque ou dun centre


de documentation
Mohamed BEN ROMDHANE
Institut Suprieur de Documentation
mbromdhane@yahoo.fr
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

Vous aimerez peut-être aussi