CHAPITRE 4 › B) LE LEXIQUE OFFICIEL DU SITE WEB

55 définitions, un seul plan

La prof a écrit un lexique. Ce n'est pas une liste de mots : c'est son cours, dans l'ordre de ses diapos. Une fois que tu vois ça, il n'y a plus 55 fiches à retenir — il y en a cinq.

Le document que personne n'ouvre

Il s'appelle « Lexique Site Web ». Trois pages, 55 puces, une ligne chacune. Il ressemble à un pense-bête. C'est en réalité le document le plus rentable de tout ton dossier pour la Q4 — parce qu'il est écrit de sa main, dans ses mots.

🔎 Le premier et le dernier mot du lexique

Premier : « Site web : Ensemble de pages web accessibles via Internet et hébergées sous un même nom de domaine qui est accessible via un navigateur internet. »

Dernier : « Eco-index : Indicateur évaluant l'impact environnemental d'un site web en fonction de sa performance et de sa consommation énergétique. »Lexique Site Web — première et dernière puce

📖 Maintenant ouvre le support de cours. Page 27 : « Définition et rôle du site web = un ensemble de pages Web accessibles à partir d'un navigateur Internet. » Page 36 : « Mesurer son impact environnemental : Eco-index. » 👉 Ce sont exactement la première et la dernière diapo de la partie A du chapitre 2.

?Dans quel ordre les 55 termes de son lexique sont-ils rangés ?

👆 Réponds dans ta tête, puis clique pour vérifier

Ni alphabétique, ni thématique : l'ordre de ses diapos. Le lexique suit le support page par page, de la 27 à la 36, sans jamais sauter ni revenir en arrière. Le vérifier prend deux minutes et ça change tout : tu n'as pas 55 définitions isolées à mémoriser, tu as un plan — et chaque mot te donne l'indice de où se trouve le suivant.

55 termes · 10 pages de support (27 → 36) · 1 seul ordre : le sien

Son lexique n'est pas une liste. C'est le plan du chapitre 2A, déguisé en pense-bête.

🎯 Pourquoi ça vaut des points, concrètement

1Ce sont ses phrases. On l'a démontré en leçon A : sa correction officielle de l'UX est sa propre diapo recopiée. Le lexique, c'est le même geste — mais sur 55 mots d'un coup. Réciter le lexique, c'est réciter la correction.

2Le format colle à la Q4. Une puce du lexique = une phrase. C'est très exactement le calibre de réponse attendu au « définissez ». Il ne te reste qu'à ajouter l'illustration.

3Ça ne sert pas qu'à la Q4. Le chapitre 2A pèse dans la Question 2 — 9 points. Un site web à recommander, une refonte à justifier : ce sont ces mots-là qu'il faut sortir.

+Deux mots du lexique ne sont nulle part dans le support. Elle les a ajoutés en écrivant. On les traite dans cette leçon — parce que si elle a pris la peine de les écrire, elle peut prendre celle de les demander.

⚠️ Un piège à connaître tout de suite : sur deux points, le lexique et le support ne disent pas la même chose. Le récapitulatif de fin de leçon te dit lesquels, et lequel des deux croire.

Les 55 termes tiennent en 5 blocs

Découpé selon ses propres ruptures de diapo. Clique chaque bloc : tu verras qu'à l'intérieur, l'ordre est logique lui aussi.

🔓 Le plan du lexique — clique pour ouvrir

🧱 ① Les briques du web — 5 termes · p. 27

Site web · navigateur Internet · liens hypertextes · widgets · URL.

C'est la diapo « Définition et rôle du site web ». Le cours dit : « les pages peuvent contenir du texte et des images… mais aussi des éléments multimédias, des liens hypertextes ou des widgets (ex : chatbox, carte Google Maps) », et « chaque page dispose d'une adresse unique (URL) ».

Le mot qui rapporte ici : le widget. Sa définition — « petits modules interactifs intégrés à un site pour ajouter des fonctionnalités (ex : météo, calendrier) » — se retient en une seconde, et presque personne ne l'apprend.

Et la phrase à ne pas oublier : « un site web, c'est avant tout un outil (de communication, de prospection, de vente) ». C'est la charnière qui relie le chapitre 2 au chapitre 1.

🏛️ ② Les pages, les 4 types de site, les outils — 9 termes · p. 27-28

Page d'accueil · landing page · site vitrine · site institutionnel · site d'e-commerce · blog · CMS · WordPress · PrestaShop.

Le cours pose d'abord la hiérarchie des pages : « la page d'accueil (homepage) est souvent la porte d'entrée lorsque l'internaute cherche précisément votre entreprise… mais les landing pages sont primordiales ! »

Puis les 4 types de site — c'est une liste fermée, donc une question idéale. Puis l'outil pour les fabriquer : le CMS, « système de gestion de contenu… en utilisant des modèles pré-établis faits par des programmeurs », avec ses deux exemples WordPress et PrestaShop.

À savoir : PrestaShop n'est pas « un autre WordPress ». Son lexique le range précisément : « CMS spécialisé dans la création de sites e-commerce ».

🍯 ③ L'UX et la grille de Morville — 19 termes · p. 29-32

UX · FAUDE-CU · findable · nom de domaine · extension · dns.belgium.be · accessible · responsive design · useful · modèle BEST · desirable · UI · commtozero.be · GAFAM · NATU · credible · HTTPS · usable · ergonomique.

C'est le gros morceau — plus d'un tiers du lexique. Et l'ordre n'est pas décoratif : chaque critère de Morville est suivi de ses termes. Findable entraîne le nom de domaine, l'extension et dns.belgium.be. Accessible entraîne le responsive design. Useful entraîne le modèle BEST. Desirable entraîne l'UI, les GAFAM et les NATU. Credible entraîne le HTTPS.

👉 C'est la clé de mémorisation de toute la leçon : retiens les 6 critères, et les 13 autres mots viennent s'accrocher dessus tout seuls. L'étape suivante est entièrement consacrée à ça.

🧭 ④ L'ergonomie concrète — 12 termes · p. 32-34

Catégories · structure · cohérence · rapidité · temps de charge · pop-up · plan du site · lien interne · moteur de recherche interne · règle des 3 clics · affordance · chatbot.

Tout ce bloc est le dépliage du dernier critère, USABLE. Le cours l'annonce d'ailleurs sans ambiguïté : « Il y a 4 éléments clés » — catégories, structure, cohérence, rapidité — puis il enchaîne sur les outils de navigation.

C'est le bloc le plus facile à illustrer, parce qu'il est plein de chiffres et de gestes concrets : 2,5 secondes, 3 clics, le logo en haut à gauche. On y consacre une étape entière.

📊 ⑤ Les KPI du site web — 10 termes · p. 34-36

KPI · pages vues par visite · temps passé par visite · taux de conversion · panier moyen · taux d'abandon du panier · % de visiteurs connus · taux de réachat · A/B testing · éco-index.

Le lexique les donne à la file, sans étiquette. Le support, lui, les range — et c'est là que se cache le point bonus : ils sont classés par objectif. « Le site web permet de réaliser principalement 3 types d'objectifs : THINK – DO – CARE » (p. 34).

👉 Elle a effacé les étiquettes en recopiant. Les remettre, c'est exactement le « + je rattache » de la leçon A — appliqué à 8 termes d'un coup. Un jeu de tri y est consacré plus loin.

🗺️ Les 5 blocs sont ouverts. Retiens-les dans cet ordre : les briques → les sites → Morville → l'ergonomie → les KPI. C'est le plan du chapitre 2A, et c'est aussi le plan de ta réponse si on te demande de recommander un site web à la Question 2.

🏛️ Les 4 types de site — la liste fermée CANDIDAT Q4

Site vitrine« Présente l'entreprise ou la marque ainsi que son activité » — produits, services, coordonnées. Permet de « délivrer un discours maîtrisé » et d'avoir une « visibilité sur les moteurs de recherche ». Il ne vend pas.

Site institutionnel« Informe le grand public, les employés ou les actionnaires sur les valeurs de l'entreprise, son actualité, ses résultats, sa politique RSE, ses recrutements. » Objectif : l'image et l'e-réputation.

Site d'e-commerce« Le marchand expose ses produits afin de les vendre ➔ canal de vente, au-delà du canal de communication. » Le paiement passe par « une plateforme bancaire » sécurisée.

Blog« Constitué d'articles qui se suivent du plus récent au plus ancien (logique proche des posts sur les réseaux sociaux) » et « structuré par thèmes (les catégories) ».

🎯 La phrase qui fait la différence entre vitrine et institutionnel : le site vitrine parle de ce que l'entreprise vend ; le site institutionnel parle de ce que l'entreprise est. Les deux informent, aucun des deux ne vend en ligne — seul l'e-commerce est un canal de vente.

Le site vitrine

Le site institutionnel

Le site d'e-commerce

Le blog

La grille de P. Morville

C'est le cœur du chapitre, la seule grille du cours qui porte un nom propre — et donc la plus citable. Le support l'introduit ainsi :

📖 Le support, page 29

« L'expérience utilisateur se résume en 6 étapes pour l'utilisateur (critères clés pour évaluer la qualité de l'UX pour les sites web)… C'est la grille d'analyse de P. MORVILLE. »Marketing digital FIN.pdf, p. 29 du PDF

✍️ Retiens le nom. Citer « la grille d'analyse de P. Morville » dans une réponse, c'est trois secondes de plus et c'est le genre de détail qui fait basculer une note. Son lexique ajoute le nom complet du modèle : le « User Experience Honeycomb » — le nid d'abeille de l'expérience utilisateur.

🪜 Les 6 critères — remets-les dans l'ordre du cours À SAVOIR PAR CŒUR

L'ordre n'est pas neutre : il va de « l'internaute arrive-t-il ? » à « s'en sort-il une fois arrivé ? ».

Findable — le site doit être facile à trouver Accessible — à tous, quel que soit le device Useful — le contenu doit être utile pour l'internaute Desirable — le design visuel doit donner envie (UI) Credible — le site doit rassurer l'utilisateur Usable — facile à prendre en main, ergonomique

💡 Le moyen de retenir l'ordre : c'est le trajet de l'internaute. Il faut d'abord qu'il te trouve, qu'il puisse ouvrir la page, qu'il y trouve quelque chose d'utile, que ce soit joli, qu'il ait confiance… et enfin qu'il arrive à s'en servir.

Et voici ce qui s'accroche derrière chaque critère. C'est ça, la vraie carte du lexique.

🍯 Les 6 critères et leurs mots

1FINDABLE — 2 éléments clés. « Le travail de référencement » — le référencement naturel ou organique (non payant) doit permettre de trouver le site depuis Google, cf. SEO. Et « le choix du nom de domaine » : « l'adresse d'une entreprise sur le Web (= l'URL de sa page d'accueil) », en deux parties séparées par un point, un nom et une extension. Il est unique : « il ne peut pas y avoir 2 noms de domaines identiques ». Un bon nom est court, mémorisable, pertinent, unique — l'exemple du cours : croisieres.com, et le contre-exemple Gougle. On vérifie la disponibilité sur dns.belgium.be.

2ACCESSIBLE — 2 facteurs. « Le site est à destination de tous = les personnes handicapées peuvent l'utiliser : percevoir, comprendre, naviguer, interagir avec le web, et y contribuer. » Et « le site est accessible sur tous les devices = responsive design — le site s'adapte à la taille de l'écran, le contenu s'agence différemment ».

3USEFUL — le modèle BEST. « Le contenu du site doit être utile pour l'internaute. C'est le principe de la rédaction du contenu web ➔ modèle BEST » : Behavioral (quel comportement attend-on ? ➔ call to action, micro ou macro-conversion), Essential (quelles infos sont pertinentes pour la cible ? ➔ le fond du message, cf. persona), Strategic (cohérent avec le key message, renforce l'identité de marque), Targeted (le vocabulaire et les formes utilisés par la cible, cf. verbatims quali ➔ la forme du message).

4DESIRABLE — l'UI. « Le design visuel du site doit donner envie (UI). » Deux conseils : s'intéresser aux tendances, « notamment les nouvelles initiatives durables », et « surveiller ce que font les grands du web : GAFAM (Google, Apple, Facebook, Amazon, Microsoft) et NATU (Netflix, Airbnb, Tesla, Uber) ».

5CREDIBLE — rassurer. « Montrez qu'il existe une organisation réelle derrière votre site » — à placer dans le pied de page : Qui sommes-nous, Nous contacter, Mentions légales, Politique de confidentialité, Conditions générales, FAQ, réseaux sociaux. Puis : mettre le site à jour, « éviter les erreurs en tout genre, si petites soient-elles » (orthographe, typo, liens brisés), insérer des témoignages clients, et afficher les certificats de sécurité — HTTPS, cadenas, sceaux de confiance.

6USABLE — 4 éléments clés. « Le site doit être facile à prendre en main, ergonomique : l'internaute trouve ce qu'il recherche rapidement et simplement. » Les quatre : catégories, structure, cohérence, rapidité. C'est l'étape suivante, en entier.

🔗 Regarde le pont vers le reste du cours : FINDABLE renvoie au SEO (chapitre 2B), USEFUL renvoie au key message et aux personas (chapitre 1), et le BEST parle de micro et macro-conversion — donc du Do et du Care. La grille de Morville est un carrefour : elle te permet de rebondir vers presque tout le programme.

?Le modèle BEST : que veulent dire les quatre lettres, selon le support de cours ?

👆 Réponds dans ta tête, puis clique pour vérifier

Behavioral · Essential · Strategic · Targeted. C'est une méthode de rédaction du contenu web, rattachée au critère USEFUL (p. 31 du PDF). ⚠️ Son lexique en donne une version totalement différente — « beauté, ergonomie, sécurité, technologie ». Les deux ne peuvent pas être vraies : le récapitulatif de fin de leçon t'explique laquelle suivre.

Findable — facile à trouver

Accessible — à tous, sur tous les devices

Useful — un contenu utile

Desirable — un design qui donne envie (UI)

Credible — un site qui rassure

Usable — facile à prendre en main, ergonomique

USABLE : 4 éléments clés, puis les outils

C'est le bloc le plus long du lexique, et paradoxalement le plus facile : il est plein de chiffres et de gestes concrets. Autrement dit, plein d'illustrations toutes prêtes.

🧩 Les 4 éléments clés de l'ergonomie

1Catégories. « Il s'agit de catégoriser le contenu pour rassembler ce qui se ressemble et séparer ce qui est différent. » Le cours donne 6 façons de catégoriser, chacune avec son exemple — elles sont juste en dessous.

2Structure. « Structurer le contenu, c'est hiérarchiser le contenu pour mettre en avant les contenus clés » — du général au particulier, avec des titres, des sous-titres, « une présentation aérée alternant textes et photos ». Et surtout : « les internautes possèdent déjà des repères qu'il faudra respecter ».

3Cohérence. « La localisation et la position des éléments doivent être préservées pour ne pas perturber l'utilisateur. Le site doit conserver la même charte graphique sur toutes les pages. » Exemple du cours : « le même ordre des éléments dans le menu ».

4Rapidité. « L'utilisateur ne cherche pas seulement à accomplir une tâche… il veut le faire rapidement. » Trois leviers pour baisser le temps de charge : diminuer la longueur des pages, diminuer la taille des images et vidéos, limiter les pop-ups.

🔢 Le chiffre à ne surtout pas oublier : « Le temps de charge ne doit pas dépasser 2,5 secondes !!! » Le cours donne même 2 outils gratuits pour le vérifier : pagespeed.web.dev et webpagetest.org. Un chiffre + deux outils nommés : c'est une illustration complète, prête à réciter.

🗂️ Les 6 façons de catégoriser — avec les exemples du cours

Alphabétiqueliste d'artistes sur un site de musique

Chronologiquecalendrier d'une saison pour un club de rugby

Géographiquelocalisation d'une destination sur un site de voyages

Thématiquepièces ou billets pour un site de collectionneurs

Par tâches utilisateuracheter, vendre — pour un site immobilier

Par cible utilisateurétudiants, chercheurs, entreprises — pour une université

🎯 Tu n'as pas besoin des six. Deux suffisent pour illustrer — prends « alphabétique » et « par cible utilisateur », les plus parlants.

📍 Les repères que l'internaute a déjà — à respecter

Le logoen haut à gauche

Le menu généralen haut au centre

Les icônes standardiséesune enveloppe pour un contact par email

Contact & mentions légalesen bas de page

Les call to actionsous forme de boutons

💡 C'est l'illustration parfaite de la « structure ». Et elle se relie directement au terme affordance : un CTA en forme de bouton, c'est un élément qui « suggère son utilisation ».

🧭 Les 6 outils de navigation — la fin du bloc USABLE

1Le plan du site — « pour se repérer facilement ». Son lexique : « représentation de la structure des pages d'un site web ».

2Les liens internes — « faciliter la navigation au travers des pages du site » vers l'accueil ou d'autres pages. Définition du lexique : « lien reliant deux pages du même site web ».

3Le moteur de recherche interne — « outil intégré à un site permettant de rechercher du contenu spécifique ».

4La règle des 3 clics — « permettre à l'internaute d'accéder au contenu en 3 CLICS ». Le lexique précise : « trois clics maximum ».

5L'affordance — « suggérer des actions intuitives ». Son lexique : « propriété d'un élément d'interface suggérant son utilisation (ex : un bouton qui semble cliquable) ».

6Le chatbot — « outil puissant de la relation client », avec « des progrès importants grâce à l'intelligence artificielle ». ⚠️ Le support écrit « chatbox », son lexique écrit « chatbot ».

✍️ Ces six-là sont les meilleurs candidats du lexique pour une Q4 : chacun a une définition d'une ligne, et une illustration évidente en une phrase. La règle des 3 clics et l'affordance sont les deux qu'on travaille à l'exercice écrit.

?Le critère USABLE : le cours annonce « il y a 4 éléments clés ». Lesquels ?

👆 Réponds dans ta tête, puis clique pour vérifier

Catégories · structure · cohérence · rapidité. Attention à ne pas y ajouter le plan du site, les liens internes ou l'affordance : ce sont des outils de navigation listés après les 4 éléments, pas les éléments eux-mêmes. Quand le cours annonce un nombre — « 4 éléments clés », « 6 étapes », « 2 facteurs » — c'est toujours un cadeau : donne le nombre avant la liste, ça prouve que tu as la structure en tête.

Le bloc où elle a effacé les étiquettes

Le lexique termine par 10 termes de mesure, à la file, sans classement. Le support, lui, les range par objectif — et cette information vaut un point bonus à chaque fois que tu la ressors.

📖 Le support, page 34

« Le site web permet de réaliser principalement 3 types d'objectifs : THINK – DO – CARE. Afin de mesurer les objectifs et de prendre des mesures nécessaires pour en améliorer l'efficience, l'entreprise utilise des KPI's. »Marketing digital FIN.pdf, p. 34 du PDF

👀 Compte bien : trois, pas quatre. Le SEE n'est pas dans la liste — c'est logique, on ne « voit » pas un site web par hasard, il faut déjà être venu. C'est le genre de détail que la prof adore vérifier, et il est écrit noir sur blanc.

À toi de remettre les étiquettes. Deux termes ne rentrent dans aucun objectif : ce sont des mesures transversales.

Le nombre de pages vues par visite Le temps passé par visite Le taux de conversion Le panier moyen Le taux d'abandon du panier Le pourcentage de visiteurs connus Le taux de réachat L'A/B testing L'éco-index

🔗 Ce que ce tri te donne à l'oral

Si on te demande de mesurer un site web, tu ne récites plus une liste : tu annonces le classement. « Le site web sert trois objectifs — Think, Do, Care. Pour le Think, je regarde les pages vues par visite et le temps passé. Pour le Do, le taux de conversion, le panier moyen et le taux d'abandon. Pour le Care, le pourcentage de visiteurs connus et le taux de réachat. » Trente secondes, et la structure est imparable.

💡 Et la phrase qui achève : « Le cours mentionne aussi des KPI mesurables en dehors de Google Analytics — le nombre de comptes clients, le nombre d'avis laissés après achat, et la performance de ces avis : positifs contre négatifs, note moyenne. »

Format Q4 — deux termes soulignés

Même consigne qu'à l'examen : « Définissez et illustrez les 2 termes soulignés. » Deux mots du lexique, cette fois. Applique le gabarit de la leçon A : je décode → je définis → j'illustre → je rattache.

📝 La phrase

« Travaillez l'affordance de vos boutons et respectez la règle des 3 clics : sans ça, votre plus beau site restera une impasse pour vos visiteurs. »Phrase construite au format exact de la Q4

⏱️ 10 minutes maximum. Écris vraiment — la correction est juste en dessous, et elle t'attend.

✍️ Rédige ta réponse ici — 10 minutes. Deux termes, trois temps chacun.

0) STRUCTURE — la phrase qui ouvre, et qui rapporte.

« Ces deux termes viennent du même endroit : le chapitre 2, partie A — le site web orienté UX, et plus précisément le dernier critère de la grille de P. Morville, USABLE. Je vais donc les définir l'un après l'autre, puis montrer qu'ils servent le même objectif. »

👉 C'est le conseil n°1 des modalités : « Dans quelle(s) partie(s) du cours vais-je trouver les éléments de réponse ? » Ici, la réponse est encore plus forte que d'habitude : les deux termes sont voisins de diapo, et le dire prouve que tu as le plan en tête.

1) AFFORDANCE

① Je décode. « Affordance — le mot vient de l'anglais “to afford”, offrir la possibilité de. En français : ce qu'un objet donne envie de faire rien qu'en le regardant. »

② Je définis, avec les mots du cours. « C'est la propriété d'un élément d'interface qui suggère son utilisation. Le cours la présente comme un moyen de suggérer des actions intuitives : l'internaute comprend quoi faire sans qu'on le lui explique. »

③ J'illustre. « L'exemple du cours est un bouton qui semble cliquable : un rectangle coloré, avec du relief et un verbe d'action dessus — “Ajouter au panier”. À l'inverse, un texte souligné en bleu dit qu'il est un lien. Contre-exemple : un titre encadré que personne ne clique parce qu'il ne ressemble pas à un bouton. »

+ Je rattache. « L'affordance fait partie des outils de navigation du critère USABLE de la grille de Morville — le critère qui exige que “l'internaute trouve ce qu'il recherche rapidement et simplement”. Elle rejoint aussi la cohérence : les internautes ont déjà des repères, comme les call to action sous forme de boutons. »

2) RÈGLE DES 3 CLICS

① Je décode. « Une règle de conception, pas un indicateur : elle ne se mesure pas après coup, elle se respecte quand on construit l'arborescence du site. »

② Je définis, avec les mots du cours. « C'est le principe selon lequel un utilisateur doit trouver l'information qu'il cherche en trois clics maximum. Le cours le formule comme un devoir du site : “permettre à l'internaute d'accéder au contenu en 3 clics”. »

③ J'illustre. « Sur un site e-commerce de chaussures : accueil → “Homme” → “Running” → la fiche du modèle. Trois clics, on y est. Si la même fiche demande six clics parce que les catégories sont mal découpées, l'internaute repart — et ça se lit directement dans le taux de rebond. »

+ Je rattache. « Comme l'affordance, elle appartient au critère USABLE. Elle dépend directement du premier élément clé de l'ergonomie, les catégories — “rassembler ce qui se ressemble et séparer ce qui est différent”. Une mauvaise catégorisation rend la règle des 3 clics impossible à tenir. »

3) LE LIEN — la phrase bonus.

« Les deux répondent à la même question, mais à deux échelles. La règle des 3 clics concerne le chemin : combien d'étapes pour arriver au contenu. L'affordance concerne chaque étape du chemin : est-ce que l'internaute voit où cliquer ? On peut avoir un site à trois clics que personne ne parcourt, parce que les boutons ne ressemblent pas à des boutons. Les deux sont nécessaires, aucune ne suffit — et ensemble, elles constituent le critère USABLE de la grille de Morville. »

❌ CE QUI AURAIT COÛTÉ LA MOITIÉ DES POINTS

« L'affordance, c'est quand un bouton est intuitif. La règle des 3 clics, c'est qu'il faut au maximum 3 clics. » → Deux définitions correctes, zéro illustration, zéro rattachement. Sur 2 points, ça vaut environ 1. Rappel de la leçon A : une illustration contient une marque, un chiffre ou une situation. « Un bouton intuitif » n'est aucun des trois — c'est une reformulation.

🎁 Deux phrases bonus — corrections visibles

A« Pour lancer votre boutique en ligne, un CMS vous évitera de coder, et vous obtiendrez un vrai site d'e-commerce en quelques semaines. »

CMS — ① Content Management System, système de gestion de contenu. ② « Il permet de fabriquer des sites internet en utilisant des modèles pré-établis faits par des programmeurs ➔ simplification de certaines étapes comme la programmation informatique ou l'architecture du site. » ③ Les deux exemples du cours : WordPress, généraliste, et PrestaShop, spécialisé e-commerce. + Il apparaît sous « Outils pour créer son site web », pour développer un site en interne.

Site d'e-commerce — ① Le commerce électronique, la vente en ligne. ② « Un site sur lequel le marchand expose ses produits afin de les vendre ➔ canal de vente, au-delà du canal de communication. Le paiement s'effectue généralement via une plateforme bancaire sécurisée. » ③ Une marque de vêtements qui vendait uniquement en magasin ouvre sa boutique en ligne : son site cesse d'être une vitrine pour devenir un canal de vente. + C'est le troisième des 4 types de site — vitrine, institutionnel, e-commerce, blog — et le seul dont les KPI incluent le panier moyen et le taux d'abandon du panier.

B« Surveillez votre temps de charge : c'est bon pour l'internaute, et c'est bon pour votre éco-index. »

Temps de charge — ① La durée nécessaire pour qu'une page s'affiche complètement. ② C'est le levier du quatrième élément clé de l'ergonomie, la rapidité : « diminuer la longueur des pages, diminuer la taille des images et vidéos, limiter les pop-ups ». ③ Le seuil du cours : « le temps de charge ne doit pas dépasser 2,5 secondes », vérifiable gratuitement sur pagespeed.web.dev. + Critère USABLE de la grille de Morville.

Éco-index — ① Un indice écologique appliqué à un site web. ② « Indicateur évaluant l'impact environnemental d'un site web en fonction de sa performance et de sa consommation énergétique. » ③ Le chiffre du cours : « l'empreinte environnementale des nouvelles technologies représente plus de gaz à effet de serre que l'aviation civile — et ce chiffre est en constante augmentation ». + Il rejoint la communication responsable et l'écoconception vues en début de chapitre.

🔗 Le lien qui rapporte : les deux notions se renforcent. Alléger les images fait baisser le temps de charge et l'empreinte carbone. C'est exactement le constat de l'écoconception du site de Bruxelles Environnement dans le cours : « le nouveau site est plus rapide, léger et performant, améliorant l'expérience utilisateur globale ».

🧠 Remarque le réflexe : dans les deux cas, le « + » ne cite pas seulement le chapitre — il cite la place exacte du terme dans une liste du cours. C'est ça, une « connaissance approfondie ».

Huit questions pour verrouiller

Les mauvaises réponses sont de vraies notions du cours, mal placées. Si tu hésites, c'est utile : ça veut dire que les deux notions se ressemblent, et c'est exactement là que se perdent les points.

1. Dans quel ordre les 55 termes du « Lexique Site Web » sont-ils rangés ?

Le premier terme est « site web » (p. 27, la première diapo de la partie A), le dernier est « éco-index » (p. 36, la dernière). Entre les deux, l'ordre suit le support sans jamais sauter ni revenir en arrière. 👉 Conséquence pratique : si tu oublies une définition, tu peux la retrouver par sa place — « c'était juste après le nom de domaine, donc c'est dans FINDABLE ».

2. Le modèle BEST, dans le support de cours, désigne…

Page 31 du PDF, sous le critère USEFUL : « le contenu du site doit être utile pour l'internaute. C'est le principe de la rédaction du contenu web ➔ modèle BEST ». Behavioral = le comportement attendu (le call to action) · Essential = les infos pertinentes pour la cible, le fond · Strategic = cohérent avec le key message · Targeted = le vocabulaire de la cible, la forme. ⚠️ La deuxième option n'est pas inventée : c'est ce qu'écrit son lexique. Les deux documents se contredisent — voir le récapitulatif.

3. Selon le cours, combien de types d'objectifs un site web permet-il de réaliser, et lesquels ?

Écrit noir sur blanc p. 34 : « Le site web permet de réaliser principalement 3 types d'objectifs : THINK – DO – CARE. » Le See est absent, et c'est cohérent : on n'arrive pas sur un site par hasard, il faut déjà avoir cherché ou cliqué. 💡 Donner le nombre avant la liste — « trois objectifs » — est un réflexe qui rapporte à chaque fois.

4. Le taux d'abandon du panier mesure un objectif de type…

Le cours le range dans le DO, avec le taux de conversion et le panier moyen (p. 35) : « rapport entre le nombre de paniers abandonnés et le nombre total de commandes ». La subtilité utile à l'oral : « un taux d'abandon élevé peut être révélateur d'une ergonomie peu efficace (trop de points de friction) ou d'un manque d'éléments rassurants ». 👉 Un KPI du Do qui diagnostique un problème d'USABLE et de CREDIBLE : voilà une phrase qui montre que tu relies les parties.

5. Le cours donne un seuil chiffré pour le temps de charge d'une page. Lequel ?

« Le temps de charge ne doit pas dépasser 2,5 secondes !!! » (p. 33, avec les trois points d'exclamation de la prof). Et deux outils gratuits pour le vérifier, nommés dans le cours : pagespeed.web.dev et webpagetest.org. 🎯 Un seuil chiffré + deux outils nommés, c'est une illustration complète pour la Q4 — et personne ne l'apprend.

6. Quelle est la différence entre un site vitrine et un site institutionnel ?

Formule courte à retenir : le vitrine parle de ce que l'entreprise vend, l'institutionnel parle de ce que l'entreprise est. Le cours précise que l'institutionnel s'adresse au « grand public, aux employés ou aux actionnaires » — les actionnaires, c'est le mot qui trahit l'institutionnel. Et aucun des deux ne vend en ligne : seul le site d'e-commerce est un « canal de vente, au-delà du canal de communication ».

7. Le cours liste les caractéristiques d'un bon nom de domaine. Ce sont…

Page 30 du PDF. Court : « pour simplifier le travail des visiteurs ». Mémorisable : « on peut le prononcer facilement, s'en souvenir et l'écrire comme il s'entend ». Pertinent : « mise en valeur de l'activité — sera aussi utile pour le référencement naturel », exemple croisieres.com. Unique : « pas trop proche de concurrents ou de marques célèbres », contre-exemple Gougle. 💡 Le nom de domaine relève du critère FINDABLE, avec le référencement — et « une fois choisi, difficile de faire marche arrière ».

8. Le critère FINDABLE repose sur 2 éléments clés. Lesquels ?

Page 29 : « 2 éléments clés : le travail de référencement — le référencement naturel ou organique (c'est-à-dire non payant) doit permettre aux utilisateurs de trouver ou retrouver le site facilement depuis les moteurs de recherche ➔ cf. SEO — et le choix du nom de domaine. » ⚠️ Le piège des trois autres options : le plan du site, le moteur de recherche interne, les liens internes et la règle des 3 clics existent bel et bien… mais dans USABLE. Findable = trouver le site depuis l'extérieur ; Usable = s'y retrouver une fois dedans.

Ce qu'il faut retenir

📕 Le lexique de la prof suit ses diapos, p. 27 → 36. Ce n'est pas une liste, c'est un plan. 55 termes, 5 blocs.
🧱 Les 5 blocs, dans l'ordre : les briques → les 4 types de site → la grille de Morville → l'ergonomie → les KPI.
🏛️ Les 4 types de site : vitrine (l'activité) · institutionnel (les valeurs, les actionnaires, la RSE, l'image) · e-commerce (le seul canal de vente) · blog (articles du plus récent au plus ancien, par thèmes).
🍯 La grille de P. Morville, 6 critères : Findable · Accessible · Useful · Desirable · Credible · Usable. C'est le trajet de l'internaute.
🔍 FINDABLE = 2 éléments clés : le référencement (SEO) et le nom de domaine — court, mémorisable, pertinent, unique.
♿ ACCESSIBLE = 2 facteurs : les personnes handicapées, et tous les devices (le responsive design).
✍️ USEFUL = le modèle BEST : Behavioral, Essential, Strategic, Targeted — c'est la rédaction du contenu web.
🧭 USABLE = 4 éléments clés : catégories, structure, cohérence, rapidité. Puis les outils : plan du site, liens internes, moteur de recherche interne, 3 clics, affordance, chatbot.
⏱️ Les deux chiffres à ne pas perdre : 2,5 secondes de temps de charge maximum, et moins d'une minute de visite = visiteur « non intéressé ».
📊 Les KPI du site se rangent en THINK – DO – CARE. Trois objectifs, pas quatre : pas de See. L'A/B testing et l'éco-index sont hors objectif.
🎯 Le réflexe qui rapporte : annonce le nombre avant la liste. « 4 types de site », « 6 critères », « 2 éléments clés », « 3 objectifs ».

⚠️ Quatre écarts entre son lexique et son support — je n'ai rien corrigé

1Le modèle BEST. Le support (p. 31) : Behavioral · Essential · Strategic · Targeted, une méthode de rédaction de contenu. Le lexique : « approche UX basée sur la beauté, l'ergonomie, la sécurité et la technologie ». Ce ne sont pas deux formulations de la même chose : ce sont deux modèles différents. 👉 Ma recommandation : le support fait foi — c'est lui qui est développé, illustré, et rattaché au critère USEFUL. Si tu veux être imparable : donne la version du support, puis ajoute « et son lexique en propose une lecture centrée sur la beauté, l'ergonomie, la sécurité et la technologie ». Tu es couvert dans les deux cas.

2La grille de Morville : 6 ou 7 ? Le support annonce « l'expérience utilisateur se résume en 6 étapes » et en liste six. Le lexique parle de « FAUDE-CU – User Experience Honeycomb de P. Morville : modèle décrivant les 7 qualités d'une bonne UX (Facile à trouver, Accessible, Utilisable, Désirable, Utile, Crédible, Apporte de la valeur) ». La septième — « apporte de la valeur » — n'existe pas dans le support. 👉 Apprends les 6 du support, et garde la septième en réserve : si elle demande « et la septième ? », tu l'as.

3« FAUDE-CU » ne colle pas à sa propre liste. L'acronyme fait 7 lettres, sa liste fait 7 items, mais ils ne correspondent pas terme à terme. C'est un moyen mnémotechnique, pas une règle. 👉 Ne perds pas de temps à le reconstruire : retiens le nom du modèle — User Experience Honeycomb de P. Morville — et les 6 critères en anglais, qui sont les mots réellement utilisés dans le support.

4Deux termes du lexique sont absents du support. commtozero.be (ACC) — « initiative visant à promouvoir la communication responsable en Belgique » — et le nom User Experience Honeycomb / FAUDE-CU lui-même. Ils ne sont écrits nulle part dans les 160 pages : ils viennent de son oral. 👉 Ça ne les rend pas moins importants — au contraire : elle a pris la peine de les écrire. commtozero.be se rattache au chapitre sur la communication responsable et l'écoconception.

🧊 Rien n'a été « réparé » dans ces documents — c'est ta décision, pas la mienne. Même traitement que « Site web : E » et que Météo-Mons : je signale, je ne corrige pas. Détail supplémentaire : le support écrit « chatbox » là où son lexique écrit « chatbot », et la ligne du site institutionnel (p. 28) se lit « Objectif : vente mais construction de l'image » — il y manque visiblement un mot. Prends « l'image et l'e-réputation », c'est la partie non ambiguë.

🔗 Ce que cette leçon débloque ailleurs

1Question 2 — 9 points. La grille de Morville est le plan de réponse tout fait dès qu'un cas parle de site web : je passe les 6 critères, je diagnostique, je recommande. Six paragraphes, une structure imparable.

2Question 3 — 4 points. Le tri THINK-DO-CARE des KPI du site se raccorde directement à l'échelle des 7 niveaux de KPI du chapitre 3, et à GA4 — le taux de conversion et le taux de rebond s'y lisent.

3Question 1 — 5 points. Le modèle BEST renvoie au key message, aux personas et aux verbatims quali. Et le vocabulaire du site (micro et macro-conversion) est celui du See-Think-Do-Care.

+Chapitre 2B — le SEO. Le critère FINDABLE renvoie explicitement au SEO (« cf. SEO ») : les deux leçons se répondent. Le nom de domaine pertinent est déjà un geste de référencement naturel.

✅ Leçon bouclée — le lexique du site web est cartographié

Tu as désormais 55 définitions rangées en 5 blocs, la grille de Morville avec ses mots accrochés, les chiffres à ressortir, et les quatre écarts entre ses deux documents. Reste le lexique transversal — celui des médias et des mesures, qui ne concerne pas le site web : c'est la leçon C.

← Sommaire du chapitre 4 Ch. 4 · A — la méthode Ch. 2 · A — le site web & l'UX

📐 La suite : leçon C — le lexique transversal, construite sur son correctif de terminologie média offline : GRP, OTS, taux de couverture, bêta coefficient, sélectivité — avec ses calculs corrigés de sa main.