pour une lecture critique d'un site web interactif.
Stéphanie Dansereau, didactique des médias, automne 2000/2002
Cette
grille se lit mieux sur le navigateur Explorer que sur NetscapeVoici une grille qui vous permet d'explorer certains paramètres qui façonnent un site web .
Vous comprendrez davantage les forces et les faiblesses reconnues.
Cette grille est découpée en deux parties :
1) la fiche signalétique ;
2) la grille proprement dite où une série d'énoncés questionnent la qualité du site à partir d'indicateurs ergonomiques, sémiologiques et de contenu.
|
Nom de l'évaluateur: Titre et url du site : Typologie*
du site à créer /évaluer ? :
Dernière
mise à jour du site ? :
Résolution d'écran précisée ? : 600 x 800 pixels ou 1024 x 768 pixels *Lire l'article en ligne sur :Les sites web en éducation: de pourvoyeurs d'informations à tisseurs de sens. |
|
Relevez les forces/faiblesses du site à partir des indicateurs suivants : |
| + |
|
#Indicateurs |
|
- |
| - | On sait, dès la page d'accueil (page d'entrée ou page d'accueil avec menu principal), quelle est la mission/mandat du site et qui sont ses auteurs. Le site de L'AQUOPS, centre d'expertise pédagogique nous propose un double menu: un menu contenu et un menu périphérique qui guide sur les auteurs et la mission du site http://cep.aquops.qc.ca/ | 1. Accueil (identité) : mission/auteurs du site. | Ambiguïté dans le mandat ou l'intention de communication . Auteur inconnu ou ambigü. | - |
| - | Le choix graphique de mise en scène d'accueil est approprié au thème ou à l'ambiance recherchée. Le site sur La grotte Chauvet Pont d'Arc est un bel exemple: http://www.culture.gouv.fr/culture/arcnat/chauvet/fr/ | 2. Métaphore/logo d'accueil. | La métaphore d'accueil ou figure d'analogie/opposition choisie pour marquer l'identité du site est peu évocatrice ou pas de lien évident avec le titre. | - |
| - | Le
guidage
pour naviguer sur le site est facile et une certaine redondance est assurée
par des barres périphériques, par une charte de navigation,
par une carte ou plan du site: http://www.ina.fr
La barre de navigation est constante et respecte une même disposition sur chaque page. |
3. Ergonomie (fluïdité dans la navigation):interactivité fonctionnelle avec redondance | On
se perd facilement, on n'a pas une bonne idée d'ensemble des points
forts du site: exemple
Le menu principal et autres outils pour se déplacer ne sont pas constants tout au long du parcours. |
- |
| - | Le site présente des couleurs en harmonie et une continuité s'observe d'une page à l'autre. Cet organisateur para-linguistique contribue à la lecture . | 4. Codage chromatique (couleurs) | Les couleurs distraient ou sont peu harmonieuses entre elles. | - |
| - | Le codage textuel des messages respecte les principes de lisibilité (choix et taille des caractères, pas plus de 3 polices de caractères, sous-titres clairs...) paragraphes) et bon contraste entre figures et fond (arrière-plan). | 5.Lisibilité textuelle | On
lit les mots avec difficulté
car en conflit avec la couleur du fond d'écran ou avec le décor...
ou encore, le choix typographique est inconstant (trop de fontes différentes
apparaissent).
Le site du récit de la Rivière du nord présente un résumé de l'enseignement stratégique : texte courant des pages est de couleur blanche sur fond noir, très fatigant pour l'oeil: http://recitrdn.rtsq.qc.ca/sitapp/pres.html |
- |
| - | Une direction de lecture est suggérée.
Un parcours vertical plutôt qu'horizontal (scrolling) est favorisé. Niveaux de profondeur équilibré (4 niveaux max). |
6. Mise en page : construction des pages et profondeur | Étalement des informations et manque de direction de lecture (ex: un menu à droite plutôt qu'à gauche de l'écran bloque une progression de lecture -de gauche à droite). | - |
| - | Le
rapport texte-image est au service des contenus.
(liste à puce, en tableau, graphique, carte sémantique ou conceptuelle, schéma, photo avec légende ... ). |
7. Codage icono-graphique des informations: rapport texte-image. | Le site présente trop d'informations linéaires (non traitées iconiquement), ce qui ralentit la lecture ou diminue l'intérêt. Rapport texte-image peu/mal exploité . | - |
| - | L'environnement proposé facilite la transmission des informations, la compréhension ou structuration des connaissances. | 8. La narrativité et la métacognition |
Scénarios peu novateurs. Pas d'expectatives, d'interrogations ou d'engagement suscités . |
- |
| - | Le site utilise de l'animation, cet effet est au service de l'information ou du sujet traité. | 9. Procédés kinésiques mouvements/animation | Les effets visuels ou sonores distraient au lieu de converger vers une meilleure compréhension ou intérêt du sujet traité. | - |
| - | Des
liens
pertinents et fonctionnels sont établis avec d'autres sites
traitant de sujets analogues ou complémentaires .
Insertion de textes, figures ou extraits sonores (en escamot ou en documents Mmédias) qui contribuent à la compréhension . |
10.
Sources d'information
(documents multimédias) |
Aucun lien ou alors des liens non pertinents/non fonctionnels sont établis avec l'extérieur (une liste de liens sans description) . | - |
| - | Le site gère des lieux d'échanges(forum, clavardage, babillard, liste de diffusion, courriel), propose des outils intelligents tels un moteur de recherche, une foire aux questions interactives ou une aide en ligne. | 11.
Interactivité
relationnelle
outils pour communiquer . |
Aucun échange avec autrui n'est organisé mis à part une boîte aux lettres . | - |
| - | Le site annonce clairement son code d'éthique, sa charte pour participer à des activités de communication et d'échanges s'il y a lieu. | 12. Code d'éthique/charte communication : espace libre de préjugés. politique éditoriale... | Des blagues ou références touchant l'intégrité de certaines catégories de personnes sont présentes... | - |
7 à 9 points: site satisfaisant
6 points et - : 
Le
site a besoin d'être amélioré à un ou plusieurs
niveaux (selon les résultats obtenus par la grille)
En résumé,
quelles sont les principales FORCES et FAIBLESSES du site
à partir
des différents indicateurs de la grille en rapport avec la fiche
signalétique ?
En traçant
l'arborescence du site (structure hiérarchique des dossiers principaux
à partir de la page d'accueil),
que pouvez-vous
dire ou déduire de cette structure d'organisation des informations
et
des niveaux
de profondeur pour avoir accès aux informations annoncées
?
La structure
est-elle très linéaire, peu de regroupements de contenu ?
Trop de profondeur
pour avoir accès rapidement aux informations ?
Allez voir Weborama qui vous propose une fiche d'appréciation générale de sites web permettant de dégager vos premières impressions.
Bien des sites proposent des grilles
ou questionnaires pour évaluer des sites web en général
mais voici un site proposant deux guides pour évaluer le contenu
et aussi le design: http://www.cyberbee.com/guide2.html
Enfin, le site de la Commission
"Français et informatique" nous propose une démarche
d'analyse critique d'un site (fiabilité externe et validité
interne) à partir d'un exemple pour nous aider à mieux guider
nos élèves dans le travail de sélection de sites éducatifs,
sans préjugés raciaux ou violence.
http://users.skynet.be/ameurant/francinfo/validite/critique1.html
Résolution d'écran: idéalement 1024 x 768 pixels
