Conception D'un Site Web

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
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
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
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
Cibler le public
Connatre notre public (visiteurs potentiels de

notre site)
Internautes novices
Internautes expriments
Contenu rdactionnel
Prsentation visuelle
fonctionnement
Cibler le public
Contenu rdactionnel
fonctionnement
Le Web est par essence textuel voir mme hypertextuel

Choisir le contenu qui attire le visiteur
Il faut savoir fidliser le visiteur
Cibler le public
Contenu rdactionnel
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
Cibler le public
Contenu rdactionnel
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)
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.
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)
Structurer le site
Structure hirarchique
Veut reflter la structure dune organisation

en rayon lorsque tout se rapporte une mme chose (objet,
personne, etc.)
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
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.
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
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
..
Interface de navigation
Cest la suite indispensable d'une bonne structuration du
site.
Simple comprendre,
Facile mmoriser,
Offre une orientation vers l'information cherche
barre de navigation sur chaque page
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
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
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
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

Conception D'un Site Web

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Conception D'un Site Web

Hochgeladen von

Copyright:

Verfügbare Formate

Conception dun site Web

dune bibliothque ou dun centre

Sminaire : Sites Web et portails documentaires

Architecture dun site web

Conception modle dun site Web

La vitrine de lorganisation administrative de la

La porte daccs au catalogue, informations sur les

Les sites Web des bibliothques deviennent

Publication Web publication papier

L'internaute n'a pas la sensation physique du livre,

Il faut bien structurer linformation et offrir des

Communication bas sur l'cran et non plus sur la

Sur le Web, vous n'avez pas la matrise de votre

Il faut passer une information par cran et donner des

Connatre nos objectifs connatre notre public

Connatre notre public (visiteurs potentiels de

Le Web est par essence textuel voir mme hypertextuel

Penser dynamiser votre site par des graphiques

Rflchir au temps de chargement de vos pages

Appliquer la "rgle des 3 clics" selon laquelle

Groupes dinformation ordonns (logique, chronologie, du gnral au

Ex: tour guid, prsentation historique, tutoriel, long formulaire

Veut reflter la structure dune organisation

Veut poser peu de restrictions sur lutilisation de linformation et la

Structure trop profonde,

Toutes les pages du site

Barre de navigation (rubriques)

Quelques conseils de mise en page

Das könnte Ihnen auch gefallen