CHAPITRE 2 › A) SITE WEB (ORIENTÉ UX)

Le site web
orienté UX

10 pages de syllabus (p. 26 à 35) — la section la plus courte du chapitre 2, et la seule dont deux termes sont déjà tombés : « expérience utilisateur » et « responsive design » étaient la question 4 de l'examen blanc. Tu as la correction de la prof, mot pour mot, dans cette leçon.

🌐 Un site web, c'est avant tout un outil

Cette première partie est du vocabulaire pur : cinq définitions courtes que tu dois pouvoir sortir en dix secondes. Elles ne rapportent pas de points toutes seules — elles t'évitent de perdre les autres.

📖 La définition

Un site web = « un ensemble de pages Web accessibles à partir d'un navigateur Internet comme Chrome, Firefox, Edge ou Safari. »

🎯 La phrase du cours à ne pas rater : « Ce que l'on en fait : un site web, c'est avant tout un OUTIL (de communication, de prospection, de vente, etc.) » — c'est ta phrase d'ouverture pour n'importe quelle question sur le site web. On ne juge pas un outil pour sa beauté, on le juge sur ce qu'il fait faire.

🧱 Les pages = les éléments de base

Elles contiennent du texte et des images…
… mais aussi des éléments multimédias (vidéos…), des liens hypertextes ou des widgets (ex : chatbox, carte Google Maps…).
« Chaque page dispose d'une adresse unique (URL) » — retiens le mot unique, il revient pour le nom de domaine.

?Tu lances une pub Google Ads pour une seule promo. Vers quelle page envoies-tu les gens — et pourquoi ?

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

Vers une landing page, surtout pas la page d'accueil.

Le cours pose les deux en opposition :
→ « La page d'accueil (homepage) est souvent la porte d'entrée sur votre site lorsque l'internaute cherche précisément votre entreprise. »
→ « Mais… les landing pages (= pages d'atterrissage) sont primordiales ! »

Landing page = « page sur laquelle arrive un internaute après avoir cliqué sur un lien (résultat SEO, lien SEA, lien email, lien display, etc.) ».

Et la recommandation, mot pour mot : « choisir une page précise liée à l'action de l'internaute plutôt que la page d'accueil du site ».

🎯 Pourquoi ça rapporte : la landing page est le point de rendez-vous de tous les canaux du chapitre 2. Le SEO, le SEA, l'emailing et le display y atterrissent tous. Dès qu'un cas d'examen parle d'une campagne qui convertit mal, « ils renvoient tout le monde sur la page d'accueil » est une faute qui se voit — et qui se corrige en une phrase.

Les 4 types de site web

Le cours en liste quatre. La question piège n'est jamais « c'est quoi un site vitrine ? » — c'est « quel type de site recommandez-vous à cette entreprise, et pourquoi ? ». Alors retiens surtout l'objectif de chacun.

🪟 Site vitrine « Présente l'entreprise ou la marque ainsi que son activité. » Donne toutes sortes d'informations : produits, services, coordonnées…

Il permet de : délivrer un discours maîtrisé sur l'entreprise · lui accorder une visibilité sur les moteurs de recherche.

🏛️ Site institutionnel « Informe le grand public, les employés ou les actionnaires » sur les valeurs, l'actualité, les résultats, la politique RSE, les recrutements…

Objectif : vente mais construction de l'IMAGE de l'entreprise et de son e-réputation.

🛒 Site d'e-commerce « Un site sur lequel 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 (solution sécurisée, carte bancaire, VISA, Mastercard…).

✍️ Blog « Constitué d'articles qui se suivent du plus récent au plus ancien » — « logique proche des posts sur des réseaux sociaux ».

Il est « structuré par thèmes (les catégories) ».

🗣️ La phrase qui fait la différence à l'oral : le site d'e-commerce est le seul qui soit un canal de VENTE — les trois autres sont des canaux de communication. C'est exactement ce que dit tes notes du chapitre 1 : « Site web : pour informer · Site e-commerce : site pour vendre ».

🔧 Comment on le fabrique

« Pour développer un site web en interne, on peut avoir recours à des systèmes de gestion de contenu (CMS) qui permettent 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 et PrestaShop. Retiens-les tous les deux — PrestaShop est orienté e-commerce, c'est la nuance qui montre que tu ne récites pas bêtement.

?Dans le modèle POEM, où tes notes de cours placent-elles le site web ? (attention, ce n'est pas ce que tu crois)

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

Tes notes du chapitre 1 écrivent, noir sur blanc : « Site web : E ».

Je ne le corrige pas — c'est ce qui est écrit dans ton cours, et c'est ce que la prof a dicté. Sur la même liste : Emailing : P/O · Médias sociaux : O · SEO : O · SEA : P · Blogs : O (si c'est le nôtre) / E (si quelqu'un parle de nous sur son blog sans qu'on le paye).

🚩 Ce que je te conseille à l'oral : restitue la liste du cours, sans commentaire. Si la prof creuse, tu ajoutes le raisonnement — un site web est un support qu'on possède et qu'on contrôle — et tu la laisses trancher. On ne gagne jamais de points en contredisant une slide ; on en gagne en montrant qu'on connaît le raisonnement.

Vérifie-le sur ta slide du chapitre 1 avant l'oral : c'est le seul point de cette leçon où je te dis « ne me crois pas, crois ton cours ».

🎯 6 critères — et c'est déjà tombé

Tout le reste de la leçon tient dans une grille de 6 lignes. C'est la colonne vertébrale de la section A, et c'est aussi ton plan de réponse tout fait pour n'importe quel cas « jugez ce site ».

🎁 Cadeau : la correction de la prof, mot pour mot

À l'examen blanc, la question 4 soulignait deux termes dans cette phrase :

« Prolongez l'expérience utilisateur et réduisez les taux de rebond, en utilisant aussi le responsive design pour vos landing pages. »

Consigne : « Définissez et illustrez les 2 termes soulignés. » Voici sa correction — apprends-la comme une récitation, c'est 2 points qui ne demandent aucune réflexion :

1Expérience utilisateur = UX (User eXperience)
« Il s'agit de la façon dont les utilisateurs perçoivent et interagissent avec un site web. Le but de l'UX est de créer une expérience positive pour les utilisateurs, en leur offrant une navigation fluide, une compréhension facile et une interaction agréable. Une bonne UX peut aider à améliorer la fidélisation des clients et à augmenter le taux de conversion. »

2Responsive design
« Un site accessible sur tous les devices (un site internet qui s'adapte à tous les écrans — téléphone, tablette, ordinateur, etc.). »

⚠️ La consigne dit « définissez ET illustrez ». La définition seule ne vaut que la moitié des points. Illustre : pour l'UX, « un site de commande de pizza où l'on choisit, paie et suit la livraison sans jamais se demander où cliquer » ; pour le responsive design, « le menu horizontal de l'ordinateur devient un menu burger sur téléphone — le contenu s'agence différemment ».

📖 La version du syllabus (même contenu, ordre inversé)

« L'UX est la façon dont les utilisateurs perçoivent et interagissent avec un site web. Le but de l'UX est de créer une expérience positive pour les utilisateurs, en leur offrant une navigation fluide, une compréhension facile et une interaction agréable. Une bonne UX peut aider à augmenter le taux de conversion et à améliorer la fidélisation des clients. »

🧠 Les deux versions disent la même chose. Retiens la structure plutôt que l'ordre : 3 verbes (percevoir · interagir · créer une expérience positive) → 3 promesses (navigation fluide · compréhension facile · interaction agréable) → 2 bénéfices business (conversion + fidélisation). C'est imperdable comme ça.

« C'est la grille d'analyse de P. MORVILLE »

« 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). » Clique sur chaque critère pour le déplier.

🎯 Les 6 critères, dans l'ordre du cours CLIQUE-LES TOUS

1️⃣ FINDABLE — « le site doit être facile à trouver »

Ce qu'il contient : 2 éléments clés — le travail de référencement (« cf. SEO ») et le choix du nom de domaine.

C'est le seul critère qui se joue avant que l'internaute arrive : un site parfait que personne ne trouve reste invisible.

2️⃣ ACCESSIBLE — « accessible à tous, quel que soit le device »

Ce qu'il contient : 2 facteurs — l'accès aux personnes handicapées et le responsive design.

⭐ C'est le critère de la question 4 de l'examen blanc.

3️⃣ USEFUL — « le contenu doit être utile pour l'internaute »

Ce qu'il contient : le modèle BEST (Behavioral · Essential · Strategic · Targeted), c'est-à-dire tout le principe de la rédaction du contenu web.

4️⃣ DESIRABLE — « le design visuel doit donner envie (UI) »

Ce qu'il contient : suivre les tendances (notamment les initiatives durables) et surveiller GAFAM et NATU.

⚠️ Le seul critère où le cours écrit « UI » et pas « UX » — c'est aussi celui qu'on oublie le plus souvent en récitant les six.

5️⃣ CREDIBLE — « le site doit être crédible pour rassurer »

Ce qu'il contient : le pied de page (7 entrées), les mises à jour, l'absence d'erreurs, les témoignages clients et les certificats de sécurité.

C'est le Trust du E-E-A-T vu dans la leçon SEO.

6️⃣ USABLE — « facile à prendre en main, ergonomique »

Ce qu'il contient : 4 éléments clés — Catégories, Structure, Cohérence, Rapidité. C'est de loin le plus détaillé des six, et le seul qui contienne des chiffres (2,5 s · 3 clics).

🎉 Les 6 critères de Morville sont ton plan de réponse. Devant n'importe quel site à juger, tu ouvres avec : « Je vais l'analyser avec la grille de P. Morville, qui compte 6 critères » — et tu les prends dans l'ordre. Tu ne peux plus rien oublier, et tu montres une méthode. C'est exactement ce que demandent les CONSEILS de la prof : « 1) Structure : dans quelle partie du cours vais-je trouver les éléments de réponse ? »

🧠 Le moyen mnémotechnique

Les 6 initiales : F · A · U · D · C · U. Lis-les à l'envers et tu obtiens « U-C-D-U-A-F » — illisible. Alors garde plutôt la logique du parcours, dans l'ordre du cours :

Je dois d'abord te trouver (Findable) → puis pouvoir y accéder, avec mon handicap et mon téléphone (Accessible) → une fois dedans, le contenu doit me servir (Useful) → et me plaire (Desirable) → je dois te faire confiance (Credible) → et m'en servir sans effort (Usable).

🗣️ Récite-le comme une histoire : « je te trouve, j'entre, ça me sert, ça me plaît, je te crois, je m'en sers ». Six verbes, six critères, dans l'ordre.

FINDABLE

ACCESSIBLE

USEFUL

DESIRABLE

CREDIBLE

USABLE

🔎 Me trouver, puis me laisser entrer

1 · FINDABLE — « le site doit être facile à trouver »

2 éléments clés — et c'est tout, ne cherche pas plus loin :

1Le 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 (ex : Google) » ➔ cf. SEO.

2Le choix du nom de domaine
Le cours lui consacre une page entière — c'est donc le morceau à connaître, détaillé juste en dessous.

🔗 Le cours écrit littéralement « cf. SEO » : il te renvoie à la section B. À l'oral, cite le lien — « le premier critère de Morville, Findable, c'est tout le chapitre SEO » — et enchaîne sur ON PAGE / OFF PAGE. → Revoir la leçon B · SEO-SEA

🏷️ Le nom de domaine

« Un nom de domaine est l'adresse d'une entreprise sur le Web (= l'URL de sa page d'accueil). Il se compose de deux parties, séparées par un point : un nom et une extension. »

Ex : nomdelentreprise.com (coca-cola.com), nomdelentreprise.be (ephec.be)…

« Il ne peut pas y avoir 2 noms de domaines identiques ⇒ il est unique. »
« Une fois choisi, difficile de faire marche arrière. » ⇒ c'est une décision quasi irréversible, d'où l'importance des 4 critères.

✅ Les 4 caractéristiques d'un bon nom de domaine CLIQUE-LES TOUTES

✂️ Court

« Pour simplifier le travail des visiteurs du site. »

Test concret : est-ce qu'on peut le dicter au téléphone sans le répéter ?

🧠 Mémorisable

« On peut le prononcer facilement, s'en souvenir et l'écrire facilement (« comme il s'entend »). »

La formule « comme il s'entend » est de la prof — place-la telle quelle.

🎯 Pertinent

« Mise en valeur de l'activité de l'entreprise. » Et « sera aussi utile pour le référencement naturel (SEO) ».

L'exemple du cours : croisieres.com.

🔒 Unique

« Pas trop proche de concurrents ou de noms de marques célèbres. »

Le contre-exemple du cours : >< Gougle.

🎉 Court · Mémorisable · Pertinent · Unique. Le critère « Pertinent » est celui qui fait le lien avec la section B : un nom de domaine qui contient le mot-clé du métier (croisieres.com) aide le SEO. C'est le genre de passerelle entre deux sections qui fait grimper une note d'oral.

🔢 Une fois le nom choisi — remets les étapes dans l'ordre

Choisir le nom (court, mémorisable, pertinent, unique) Sélectionner la bonne extension (.com, .be, .brussels…) selon la zone géographique de l'activité Vérifier la disponibilité (ex : dns.belgium.be) Enregistrer le nom de domaine

2 · ACCESSIBLE — « accessible à tous, quel que soit le device »

2 facteurs à prendre en compte — et ils n'ont rien à voir l'un avec l'autre. C'est le piège du critère : on ne pense qu'au second.

♿ Accessible à TOUS « Le site est à destination de tous = les personnes handicapées peuvent l'utiliser. Ils peuvent percevoir, comprendre, naviguer, interagir avec le web, et y contribuer. »

📱 Accessible sur TOUS LES DEVICES « Le site est accessible sur tous les devices = responsive design (= le site internet s'adapte à la taille de l'écran). Le contenu s'agence différemment. »

🎯 Les 5 verbes de l'accessibilité — percevoir · comprendre · naviguer · interagir · contribuer — sont une liste du cours. Le dernier, contribuer, est celui qu'on oublie : il ne s'agit pas seulement de lire le site, mais de pouvoir y écrire (remplir un formulaire, laisser un avis).

?« Responsive design » : donne la définition et l'illustration. (c'était littéralement la question 4 de l'examen blanc — 1 point)

👆 Réponds à voix haute, puis clique pour comparer avec la correction de la prof

Correction officielle : « Un site accessible sur tous les devices (un site internet qui s'adapte à tous les écrans — téléphone, tablette, ordinateur, etc.). »

Le mot du syllabus qu'elle ne met pas mais qui fait la différence : « le contenu s'agence différemment ». Le responsive design, ce n'est pas « réduire le site ». C'est le réorganiser : trois colonnes deviennent une, le menu horizontal devient un menu burger, les images se recadrent.

Ton illustration prête à l'emploi : « Sur ephec.be, le menu s'affiche en ligne sur ordinateur ; sur téléphone, il se replie derrière trois traits. C'est le même site, agencé autrement. »

🔗 Et le chiffre qui appuie, tiré de la section B : 71 % des recherches se font sur mobile. Un site non responsive perd donc 7 visiteurs sur 10.

✍️ Le contenu qui sert, le design qui donne envie

3 · 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. »

🎯 BEST est un des rares modèles à sigle de tout le cours — comme SMART, comme POEM, comme E-E-A-T. Les modèles à sigle sont les chouchous des questions de vocabulaire : ils se demandent en deux mots et se corrigent en dix secondes. Apprends les 4 mots anglais, pas seulement les traductions.

🔤 Le modèle BEST — les 4 lettres CLIQUE-LES TOUTES

B · Behavioral (comportemental)

« En fonction de l'objectif de communication à atteindre, quel comportement est attendu de la part des prospects ? »

➔ call to action pour favoriser la micro ou macro-conversion (ex : rendez-vous, partagez, likez, achetez, commentez…)

E · Essential (essentiel) — LE FOND

« Quelles informations sont pertinentes et/ou utiles pour la cible dans le contexte dans lequel elle se trouve ? » (cf. persona(s))

➔ le cours l'écrit lui-même : le FOND du message.

S · Strategic (stratégique)

« Le contenu du message doit être en cohérence avec le key message, renforcer l'identité de la marque et se démarquer de la concurrence (créativité !) »

C'est la seule lettre qui remonte au chapitre 1 : le key message vient de la stratégie.

T · Targeted (ciblé) — LA FORME

« Les contenus doivent faire l'objet d'un ciblage précis en utilisant le vocabulaire (cf. verbatims quali) et les formes de contenu utilisés par la cible »

➔ le cours l'écrit lui-même : la FORME du message.

🎉 Behavioral · Essential · Strategic · Targeted. Le cours te donne lui-même la clé : E = le fond, T = la forme. Si tu ne retiens qu'une chose de BEST, retiens ce couple — c'est ce qui te permet de distinguer deux lettres qui se ressemblent quand la prof te demande de les illustrer.

?Dans le modèle BEST, quelle lettre correspond au FOND du message et laquelle à la FORME ?

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

E · Essential = LE FOND — quelles informations je donne (les infos pertinentes et utiles pour ma cible, dans son contexte).

T · Targeted = LA FORME — avec quels mots et quels formats je les donne (le vocabulaire de la cible — les verbatims quali — et les formes de contenu qu'elle utilise).

L'exemple qui verrouille : une mutuelle qui s'adresse à des étudiants. E (fond) : « tu es couvert à l'étranger pendant ton Erasmus ». T (forme) : elle le dit en story Instagram, en tutoyant, avec le mot « Erasmus » et pas « mobilité internationale » — parce que c'est le mot que les étudiants emploient.

🔗 « Verbatims quali » vient du chapitre 1 : ce sont les mots exacts relevés dans les études qualitatives et remontés dans le persona. Citer ce lien montre que tu as vu le cours en entier.

4 · DESIRABLE — « le design visuel doit donner envie (UI) »

⚠️ Le seul critère où le cours écrit « UI » et pas « UX ». Ne les confonds pas :

🎨 UI — User Interface Ce que tu vois : les couleurs, les typos, les boutons, les images. C'est l'apparence.

Un seul des 6 critères de Morville : Desirable.

🧭 UX — User eXperience Ce que tu vis : trouver, comprendre, réussir sans effort. C'est le parcours.

Les 6 critères réunis — l'UI n'en est qu'un morceau.

Les 2 conseils du cours :

1S'intéresser aux tendances
« Notamment les nouvelles tendances comme les nouvelles initiatives durables. » ➔ le lien avec l'écoconception et l'Eco-index qu'on verra dans les mesures.

2Surveiller ce que font les grands du web
GAFAM = Google · Apple · Facebook · Amazon · Microsoft
NATU = Netflix · Airbnb · Tesla · Uber

🗣️ GAFAM et NATU sont deux sigles gratuits pour la question 4. Et l'argument derrière : ces entreprises fixent les habitudes des internautes. Quand Netflix met une grande image et trois lignes de texte, tout le monde s'attend à ça. Le cours dira plus loin : « les internautes possèdent déjà des repères qu'il faudra respecter ».

🛡️ Rassurer — le critère qu'on saute toujours

« Le site doit être crédible pour rassurer l'utilisateur. » C'est le critère le plus facile à corriger dans un cas d'examen : tout se joue dans le pied de page, et ça ne coûte rien à mettre en place. Dans un plan d'action, ce sont tes « victoires rapides ».

5 · CREDIBLE — les bonnes pratiques du cours

1Montrez qu'il existe une organisation réelle derrière votre site
« Et c'est à placer dans un pied de page souvent commun à toutes les pages. »

2Mettez régulièrement votre site à jour
« … ou montrez au moins qu'il a été révisé récemment. »

3Évitez les erreurs en tout genre
« Si petites soient-elles : fautes d'orthographe, erreurs typographiques et liens brisés. »

4Insérez des témoignages de clients
« … pour rassurer l'internaute. »

5Mettez en avant les certificats de sécurité
« https, cadenas, sceaux de confiance, normes de sécurité… »

🦶 Les 7 éléments du pied de page CLIQUE-LES TOUS

👥 Qui sommes-nous ?

La preuve qu'il existe une organisation réelle — c'est la formulation exacte du cours.

✉️ Nous contacter

Un humain joignable. Le cours rappelle par ailleurs l'usage de l'icône enveloppe standardisée.

⚖️ Mentions légales

Obligation légale — et donc une absence qui se remarque dans un cas d'examen.

🔐 Politique de confidentialité

« Que faites-vous de mes données ? » — indispensable dès qu'il y a un formulaire ou une newsletter.

📜 Conditions générales

Le cadre de la vente : livraison, retours, garanties. Critique sur un site d'e-commerce.

❓ FAQ

Les questions fréquentes. Double bénéfice : elle rassure (CREDIBLE) et elle nourrit le SEO longue traîne.

📱 Réseaux sociaux

La preuve d'une activité vivante — à rapprocher de « montrez au moins que le site a été révisé récemment ».

🎉 7 éléments, un seul endroit : le pied de page. Dans un cas d'examen, si on te dit « le site n'a ni mentions légales ni page contact », tu as immédiatement le critère (CREDIBLE), le diagnostic (« rien ne prouve qu'une organisation réelle existe derrière ») et l'action (« créer un pied de page commun à toutes les pages avec ces 7 entrées »). Diagnostic + action, c'est ce que la prof note.

?« Crédibilité », « témoignages », « mentions légales », « HTTPS »… Tu as déjà vu exactement cette liste ailleurs dans le cours. Où, et sous quel nom ?

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

Dans la section B, sous le nom d'E-E-A-T : Expertise · Experience · Authority · Trust.

Le T (Trust) du E-E-A-T, c'est mot pour mot le critère CREDIBLE de Morville : HTTPS, mentions légales, prix transparents. Et les témoignages clients nourrissent l'A (Authority).

🎯 Pourquoi c'est de l'or à l'oral : tu montres que deux sections différentes du cours parlent de la même chose. La phrase à placer : « Ce que Morville appelle CREDIBLE, Google l'appelle E-E-A-T — et Google en fait un critère de classement. Améliorer la crédibilité, ce n'est donc pas seulement rassurer l'internaute : ça fait aussi remonter le site. » Ça, ce n'est plus de la récitation.

→ Revoir le E-E-A-T dans la leçon B

🧰 4 éléments clés — le plus gros morceau

« Le site doit être facile à prendre en main, ergonomique. Cela signifie que l'internaute trouve ce qu'il recherche rapidement et simplement. » Le cours détaille 4 éléments clés — et le quatrième, Rapidité, à lui seul, vaut une demi-page de bonnes pratiques chiffrées.

① Catégories

Définition : « Il s'agit de catégoriser le contenu pour rassembler ce qui se ressemble et séparer ce qui est différent. »

Les 6 façons de catégoriser données par le cours, avec ses exemples :

Alphabétique : liste d'artistes sur des sites de musique
Chronologique : calendrier d'une saison sportive pour un club de rugby
Géographique : localisation d'une destination de vacances sur des sites de voyages
Thématique : pièces ou billets pour un site de collectionneurs
Par tâches utilisateur : acheter, vendre pour un site immobilier
Par cible utilisateur : étudiants, chercheurs, entreprises… pour une université

🎯 Les deux dernières sont les plus fortes — et les plus oubliées. « Par tâches » et « par cible » sont les seules qui partent de l'utilisateur et non du contenu. Le site de l'EPHEC est d'ailleurs organisé par cible : futurs étudiants / étudiants / entreprises. Cite cet exemple, il est sous tes yeux tous les jours.

② Structure

Définition : « Structurer le contenu, c'est hiérarchiser le contenu pour mettre en avant les contenus clés. »

Dans les pages, on peut :

Hiérarchiser l'information : du général au particulier
« Utilisez des titres, des sous-titres, une présentation aérée et une mise en page agréable alternant textes et photos »

Et la phrase la plus utile de toute la section : « Les internautes possèdent déjà des repères qu'il faudra respecter » —

↖️ Le logoen haut à gauche

⬆️ Le menu généralen haut au centre

✉️ Les icônes standardiséesex : une enveloppe pour un contact par email

⬇️ Contact & éléments légauxen bas de page ↔ CREDIBLE

+ « Les CTA sous forme de boutons » ↔ le B de BEST

🧠 Pourquoi respecter les repères ? Parce qu'un internaute ne lit pas une page, il la scanne. S'il doit chercher le logo ou le menu, tu lui as déjà fait perdre l'attention. Créatif sur le contenu, conventionnel sur les repères.

③ Cohérence

Définition : « 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. »

L'exemple du cours : « le même ordre des éléments dans le menu ».

🔗 Le mot « charte graphique » est un pont vers le chapitre 1. Une charte incohérente ne casse pas que l'ergonomie : elle casse l'identité de marque — donc le S de BEST (« renforcer l'identité de la marque »). Un même défaut qui touche deux critères, c'est le genre de remarque qui fait dire « il a compris ».

④ Rapidité — le morceau chiffré

« Une fois sur votre site, l'utilisateur ne cherche pas seulement à accomplir une tâche… il veut le faire RAPIDEMENT ! »

2,5 s « Le temps de charge ne doit pas dépasser 2,5 secondes !!! » (les trois points d'exclamation sont dans le cours)

« Permettre à l'internaute d'accéder au contenu en 3 CLICS » (en majuscules dans le cours)

Comment diminuer le temps de charge — les 3 leviers, dans l'ordre du cours :

Diminuer la longueur des pages
Diminuer la taille des images et vidéos
Limiter les pop-ups

2 outils gratuits pour vérifier la rapidité de chargement : pagespeed.web.dev et webpagetest.org.

Et pour naviguer vite, 6 autres bonnes pratiques :

Proposer un plan du site pour se repérer facilement
Faciliter la navigation au travers des pages via des liens internes (vers la page d'accueil ou d'autres pages) ↔ le maillage interne du SEO
Proposer un moteur de recherche interne
Permettre d'accéder au contenu en 3 CLICS
Utiliser l'affordance = « suggérer des actions intuitives »
Intégrer un chatbox : « outil puissant de la relation client », « progrès importants grâce à l'intelligence artificielle »

?L'affordance — définis-la et donne un exemple concret. (un mot rare = un candidat parfait pour la question 4)

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

Définition du cours, mot pour mot : « Utiliser l'affordance = suggérer des actions intuitives. »

Autrement dit : un élément doit montrer par sa forme ce qu'on peut en faire, sans qu'on ait besoin de l'expliquer.

Tes exemples :
→ Un bouton qui a l'air d'un bouton (relief, couleur vive, coins arrondis) appelle le clic. Un texte souligné en bleu appelle le clic.
→ Une poignée de porte verticale dit « tire » ; une plaque plate dit « pousse ». Si tu dois écrire « POUSSEZ » sur la porte, l'affordance a échoué.
→ Le panier en haut à droite d'un site marchand : personne ne l'explique, tout le monde le comprend.

💡 Le test à retenir : si tu dois ajouter une notice, c'est que la forme ne suffisait pas. Une bonne affordance rend le mode d'emploi inutile.

🎮 Quel critère de Morville est en cause ?

C'est l'entraînement exact de l'exercice d'examen. Devant chaque constat, ton premier réflexe doit être : « ça, c'est du Findable » / « ça, c'est du Usable ». 8 cas, deux par critère.

Le nom de domaine est court et se retient sans le noter. Le logo est en haut à gauche sur toutes les pages. Trois témoignages clients s'affichent sur la page d'accueil. Les textes emploient le vocabulaire exact de la cible (les verbatims). On atteint n'importe quel produit en 3 clics depuis l'accueil. Les mentions légales et la politique de confidentialité sont en pied de page. Les balises title et H1 ont été optimisées pour remonter dans Google. Un call to action « Prenez rendez-vous » est présent sur chaque page.

🧠 Le piège à connaître : plusieurs constats peuvent toucher deux critères à la fois (un bouton CTA = Behavioral pour l'action, Structure pour la forme). À l'oral, ne choisis pas : dis les deux. « C'est d'abord un problème de contenu (USEFUL, le B de BEST), et accessoirement de structure (USABLE) » — montrer qu'un défaut a plusieurs facettes rapporte plus que trancher au hasard.

📊 THINK · DO · CARE — et pas SEE

🚨 Le piège en une phrase

« Le site web permet de réaliser principalement 3 types d'objectifs : THINK – DO – CARE. »

Le SEE n'est pas là. Et c'est logique : le SEE, c'est la phase où l'on touche des gens qui ne te connaissent pas encore — or, pour arriver sur ton site, il faut déjà avoir cliqué quelque part. Le site web ne fait pas de la notoriété froide : il reçoit ceux que les autres canaux lui envoient.

🗣️ La phrase à placer : « Le site web travaille sur THINK, DO et CARE — pas sur le SEE, parce qu'on n'arrive pas sur un site par hasard : c'est le display, les médias sociaux ou le SEA qui font le SEE et qui alimentent le site. » Tu montres que tu comprends l'articulation entre les canaux, pas juste une liste.

« Afin de mesurer les objectifs et de prendre des mesures nécessaires pour en améliorer l'efficience, l'entreprise utilise des KPI. » Clique sur chacun pour l'ouvrir.

🤔 THINK — est-ce qu'il s'intéresse ? CLIQUE-LES TOUS

📄 Le nombre de pages vues par visite

= « nombre de pages ouvertes et chargées par l'internaute ».

« Plus le visiteur aura vu de pages, plus celui-ci aura été intéressé par votre site. Si ce n'est pas le cas, il conviendra d'en comprendre la raison. »

⏱️ Le temps passé par visite

« Permet de savoir si les internautes sont intéressés ou non par votre site. »

⚠️ Le seuil à citer : « dans le cas de visites de moins d'une minute, les visiteurs peuvent être considérés comme non intéressés ».

🎯 DO — est-ce qu'il agit ?

💱 Le taux de conversion

« Mesure le rapport entre les individus ayant effectué une action recherchée (achat) et le nombre total de sessions. »

⭐ « Le taux de conversion traduit donc l'EFFICACITÉ d'un site. » — c'est le KPI du site web.

🧺 Le panier moyen (e-commerce)

« Le montant moyen des commandes passées par vos clients. »

« Plus celui-ci sera élevé, plus votre site sera jugé efficace. » Le cours insiste sur « et son évolution » : un chiffre seul ne dit rien.

🚪 Le taux d'abandon du panier (e-commerce)

« Rapport entre le nombre de paniers abandonnés et le nombre total de commandes. »

Un taux élevé « peut être révélateur d'une ergonomie peu efficace du site web (trop de points de « friction ») ou d'un manque d'éléments rassurants pour le client ».

➔ « On peut créer des campagnes de retargeting ciblées pour les clients n'ayant pas finalisé leur commande. »

💚 CARE — est-ce qu'il revient ?

🔁 Le pourcentage de visiteurs connus

« Rapport entre le nombre de visiteurs déjà venus au moins une fois sur le site et le nombre de visiteurs qui viennent pour la première fois. »

« Si ce taux reste stable ou augmente, cela indique que votre base de visiteurs connus reste stable ou est en augmentation elle aussi. »

🛍️ Le taux de réachat (e-commerce)

« La part de clients qui achète une nouvelle fois un produit de votre marque sur une période donnée. »

🔗 « Indicateur intéressant pour vérifier la performance d'une campagne d'emailing ciblée vers votre base de clients. » — le pont direct avec la leçon F.

📋 Les 3 KPI mesurables EN DEHORS de Google Analytics

« Le nombre de comptes clients et l'évolution de ce nombre »
« Le nombre d'avis laissés sur le site après achat »
« La performance au niveau des avis clients (nombre d'avis positifs VS négatifs, note moyenne, etc.) »

🎉 Le détail qui rapporte gros : le cours prend soin de préciser que certains KPI se mesurent EN DEHORS de Google Analytics. Si on te demande « comment mesurez-vous la fidélisation ? », répondre « dans GA4 » et s'arrêter là, c'est passer à côté de la moitié. Les avis clients et les comptes créés se comptent ailleurs — et ce sont souvent les plus parlants. C'est aussi ce que le taux de réachat relie à la leçon F (emailing).

🧪 Et pour trancher entre deux versions : l'A/B testing

« Possibilité de tester différentes versions du site : A/B testing. » Et surtout : « Le choix de la version définitive du site sera basé sur une ANALYSE DES KPI. »

🎯 C'est la boucle complète, et elle vaut des points. On ne choisit pas une version parce qu'elle est « plus jolie » — on la choisit sur les chiffres. L'A/B testing est aussi tombé à l'examen blanc en question 2, sur l'emailing (objet A vs objet B). Même méthode, deux canaux : une seule variable change, les KPI tranchent. → Revoir l'A/B testing dans la leçon F

🌱 Mesurer son impact environnemental : l'Eco-index

« C'est important car aujourd'hui, 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 car de plus en plus de personnes ont accès au numérique et les objets connectés ne cessent de se multiplier. »

🔗 Le lien qui boucle le chapitre 1 : juste avant cette section, ton cours détaille l'écoconception du site de Bruxelles Environnement — audit, plan d'action, suivi des performances, et les solutions retenues (optimisation des médias, réduction des requêtes HTTP, optimisation pour mobiles, conception fonctionnelle et accessible). Regarde bien : ce sont exactement les leviers de « Rapidité » du critère USABLE. Alléger un site, c'est améliorer l'UX ET réduire l'empreinte carbone en même temps. Cette phrase-là, sortie à l'oral, vaut de l'or : elle relie durabilité et performance, qui est la tendance n°1 du critère DESIRABLE.

🖊️ L'exercice : jugez l'expérience utilisateur

« Les exercices d'application sont à REFAIRE car l'examen est souvent semblable (ex : juger l'efficacité, bonnes pratiques, etc.) » — la prof, dans ses CONSEILS. Voici un cas taillé sur le même patron. Écris ta réponse d'abord, la correction est juste en dessous.

📋 Le cas

La Brasserie du Tilleul, brasserie artisanale à Namur, vient de lancer sa boutique en ligne. Après trois mois, les ventes ne décollent pas. Voici ce qu'on observe :

L'adresse du site est www.labrasserie-du-tilleul-namur-boutique.be. Au téléphone, les clients n'arrivent jamais à la noter correctement.
Les 40 bières sont présentées dans une seule longue liste, sans aucun classement. Il faut 7 clics depuis l'accueil pour arriver à une fiche produit.
La page d'accueil affiche 18 photos en pleine résolution et met 6 secondes à s'afficher.
Le menu ne présente pas les mêmes entrées dans le même ordre sur l'accueil et sur les pages produits. Le blog, lui, n'a ni le même logo ni les mêmes couleurs.
Les descriptions des bières sont recopiées du catalogue papier. Aucun bouton « ajouter au panier » n'est visible sans faire défiler la page.
Il n'y a ni mentions légales, ni page « qui sommes-nous », ni avis clients. Le navigateur affiche « site non sécurisé ».
Sur téléphone, le menu déborde de l'écran et le bouton de paiement est coupé.
Les publicités Google Ads de la brasserie renvoient toutes vers la page d'accueil.
Dans Google Analytics : temps moyen par visite 42 secondes · taux d'abandon du panier 82 %.

📝 Consigne : « En vous basant sur la grille d'analyse de P. Morville, jugez l'expérience utilisateur de ce site et proposez un plan d'action. »

1) STRUCTURE — « dans quelle partie du cours vais-je trouver les éléments de réponse ? »

Annonce ton plan en une phrase : « J'analyse ce site avec la grille d'analyse de P. Morville, qui définit 6 critères clés pour évaluer la qualité de l'UX : Findable, Accessible, Useful, Desirable, Credible, Usable. Je terminerai par les KPI du site web, qui confirment le diagnostic. » Cette phrase seule montre que tu sais où chercher — c'est exactement ce que demandent les CONSEILS.

2) APPLICATION — les 10 constats, critère par critère

① FINDABLE — le nom de domaine échoue sur 2 des 4 caractéristiques. « labrasserie-du-tilleul-namur-boutique.be » n'est ni court (« pour simplifier le travail des visiteurs ») ni mémorisable (« on peut le prononcer facilement, s'en souvenir et l'écrire facilement, comme il s'entend ») — la preuve est dans le cas : les clients n'y arrivent pas au téléphone. Il reste pertinent et unique. Action : réserver un nom court type brasserieduTilleul.be et rediriger l'ancien. ⚠️ Nuance à dire à l'oral : « une fois choisi, difficile de faire marche arrière » — un changement de nom de domaine se paie en référencement, donc on le fait maintenant, pas dans deux ans.

② FINDABLE — rien n'indique un travail de référencement. Le premier des 2 éléments clés est absent du cas. Action : traiter le ON PAGE (balises title, H1, meta description, attributs alt des 18 photos) et le OFF PAGE (une fiche Google Business Profile — c'est une brasserie à Namur, donc du référencement local, et des avis).

③ ACCESSIBLE — le site n'est pas responsive. « Le menu déborde » et « le bouton de paiement est coupé » : le site n'est pas « accessible sur tous les devices ». Action : passer le site en responsive design, « le contenu doit s'agencer différemment » selon l'écran. ⚠️ C'est la priorité absolue : un bouton de paiement coupé sur mobile, c'est une vente impossible. Et ajouter : le second facteur du critère, l'accessibilité aux personnes handicapées (percevoir, comprendre, naviguer, interagir, contribuer), n'est pas évoqué non plus — il faudrait l'auditer.

④ USEFUL — le contenu ne respecte aucune lettre du modèle BEST. Les textes sont « recopiés du catalogue papier » : ils ne sont ni Targeted (pas le vocabulaire ni les formes de contenu de la cible web) ni Behavioral (« aucun bouton ajouter au panier visible » = pas de call to action, donc aucune macro-conversion possible). Action : réécrire les fiches selon BEST — un CTA visible sans défiler sur chaque fiche, des descriptions utiles à la décision d'achat (goût, degré, accord mets-bière) et non un copier-coller.

⑤ CREDIBLE — c'est le plus grave, et le plus rapide à corriger. Le cours demande de « montrer qu'il existe une organisation réelle derrière votre site, à placer dans un pied de page commun à toutes les pages ». Ici il manque les mentions légales, le « qui sommes-nous », les témoignages clients — et le site affiche « non sécurisé » alors que le cours dit explicitement de « mettre en avant les certificats de sécurité (https, cadenas, sceaux de confiance) ». Sur un site où l'on paie par carte, l'absence de HTTPS est rédhibitoire. Action : installer un certificat HTTPS (jour 1), créer le pied de page avec les 7 entrées, activer les avis clients.

⑥ USABLE / Catégories — les 40 bières ne sont pas catégorisées. Le cours définit : « rassembler ce qui se ressemble et séparer ce qui est différent ». Action : catégoriser — thématique (blondes / brunes / ambrées / saisonnières), ou par tâches utilisateur (« offrir un coffret » / « acheter au fût ») qui est la catégorisation la plus orientée client.

⑦ USABLE / Structure — les repères ne sont pas respectés sur les fiches produits : pas de CTA en bouton, hiérarchie inexistante (« du général au particulier »). Action : titres/sous-titres, présentation aérée, « CTA sous forme de boutons ».

⑧ USABLE / Cohérence — le site se contredit lui-même. Le cours est catégorique : « la localisation et la position des éléments doivent être préservées pour ne pas perturber l'utilisateur » et « le site doit conserver la même charte graphique sur toutes les pages ». Ici, l'ordre du menu change et le blog a un autre logo. Action : un menu identique partout (« le même ordre des éléments »), une charte graphique unique. ⚠️ Et le double effet à mentionner : une charte incohérente abîme aussi l'identité de marque, donc le S · Strategic de BEST.

⑨ USABLE / Rapidité — deux règles chiffrées violées. 6 secondes de chargement contre « le temps de charge ne doit pas dépasser 2,5 secondes » (soit plus du double), et 7 clics contre la règle des « 3 CLICS ». Action : « diminuer la taille des images et vidéos » (les 18 photos pleine résolution), « diminuer la longueur des pages », « limiter les pop-ups » ; mesurer sur pagespeed.web.dev ou webpagetest.org ; ajouter un moteur de recherche interne, un plan du site et des liens internes pour redescendre à 3 clics.

⑩ Le hors-grille qui fait la différence : les publicités renvoient vers la page d'accueil. C'est une faute contre la recommandation du cours : « choisir une page précise liée à l'action de l'internaute plutôt que la page d'accueil du site ». Action : créer une landing page par campagne. Ce point n'est dans aucun des 6 critères de Morville — le citer prouve que tu maîtrises toute la section, pas seulement la grille.

3) LES KPI CONFIRMENT LE DIAGNOSTIC — c'est ce qui transforme une bonne réponse en très bonne réponse :

→ 42 secondes par visite : le cours dit que « dans le cas de visites de moins d'une minute, les visiteurs peuvent être considérés comme NON INTÉRESSÉS ». C'est un KPI THINK, et il est dans le rouge.
→ 82 % d'abandon de panier : le cours donne les deux causes possibles, et les deux sont présentes ici — « une ergonomie peu efficace (trop de points de friction) » (7 clics, 6 secondes, bouton coupé sur mobile) « ou un manque d'éléments rassurants » (pas de HTTPS, pas de mentions légales, pas d'avis). C'est un KPI DO.
→ À court terme, on peut « créer des campagnes de retargeting ciblées pour les clients n'ayant pas finalisé leur commande » — mais c'est un pansement : sans corriger la friction, on repaiera de la publicité pour ramener des gens qui rebondiront à nouveau.
→ Ensuite, faire de l'A/B testing sur les fiches produits, et « le choix de la version définitive sera basé sur une analyse des KPI ».

4) L'ORDRE DES PRIORITÉS — s'il te reste trente secondes, termine par ça, ça fait de toi un consultant et plus un récitant :

Jour 1 (bloquant, coût ~nul) : HTTPS + mentions légales / qui sommes-nous + correction du bouton de paiement sur mobile. Tant que ces trois-là ne sont pas faits, aucun euro de publicité n'a de sens.
Semaine 1 : responsive complet, compression des images (2,5 s), catégorisation des 40 bières (3 clics).
Mois 1 : réécriture BEST des fiches, charte graphique unifiée, landing pages par campagne, fiche Google Business Profile + avis.
Ensuite : A/B testing et suivi des KPI THINK / DO / CARE.

💡 La phrase de conclusion : « Ce site n'a pas un problème de design, il a un problème d'expérience. Une bonne UX augmente le taux de conversion et améliore la fidélisation — ici, les deux sont au plus bas, et les KPI le prouvent. »

✅ 8 questions — les pièges de la section A

Combien de critères compte la grille d'analyse de P. Morville, et lesquels ?

« 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) » — et le cours conclut : « C'est la grille d'analyse de P. MORVILLE ». Le piège classique est d'oublier DESIRABLE (le design visuel, l'UI) parce qu'il paraît moins « sérieux » que les autres. « Measurable » n'existe pas dans la grille — c'est le M de SMART, un autre modèle du cours.

Une campagne Google Ads promeut une offre précise. Vers quelle page faut-il envoyer les internautes ?

La recommandation du cours est explicite : « choisir une page précise liée à l'action de l'internaute PLUTÔT QUE la page d'accueil du site ». L'option 2 est un vrai extrait du cours, mais elle décrit un autre cas : la page d'accueil est la porte d'entrée « lorsque l'internaute cherche précisément votre entreprise » — pas quand il clique sur une pub pour une offre. Landing page = « page sur laquelle arrive un internaute après avoir cliqué sur un lien (résultat SEO, lien SEA, lien email, lien display) ».

Dans le modèle BEST, quelle lettre correspond à la forme du message ?

Le cours l'écrit noir sur blanc : E · Essential ➔ « le FOND du message » · T · Targeted ➔ « la FORME du message ». Targeted, c'est utiliser « le vocabulaire (cf. verbatims quali) et les formes de contenu utilisés par la cible ». B = le comportement attendu (call to action, micro/macro-conversion) et S = la cohérence avec le key message et l'identité de marque.

Selon le cours, le temps de charge d'une page ne doit pas dépasser :

« Le temps de charge ne doit pas dépasser 2,5 secondes !!! » — avec trois points d'exclamation dans le syllabus, ce qui trahit un chiffre que la prof veut voir tomber. C'est un des deux seuls chiffres de toute la section A, avec la règle des 3 CLICS. Les 2 outils gratuits pour le vérifier : pagespeed.web.dev et webpagetest.org.

Quels types d'objectifs le site web permet-il principalement de réaliser ?

« Le site web permet de réaliser principalement 3 types d'objectifs : THINK – DO – CARE. » Pas de SEE — et c'est logique : on n'arrive pas sur un site par hasard, il faut déjà avoir cliqué quelque part. Ce sont le display, les médias sociaux et le SEA qui font le SEE et qui alimentent le site. L'option 4 (TOFU/MOFU/BOFU) est un vrai modèle du cours, mais c'est l'entonnoir de contenu, pas les objectifs du site web.

Un taux d'abandon du panier élevé révèle, selon le cours :

Mot pour mot : « Un taux d'abandon élevé peut être révélateur d'une ergonomie peu efficace du site web (trop de points de « friction ») ou d'un manque d'éléments rassurants pour le client. » Retiens les deux causes et le mot friction — elles renvoient à deux critères de Morville différents : USABLE pour l'ergonomie, CREDIBLE pour les éléments rassurants. Et le remède immédiat proposé par le cours : « créer des campagnes de retargeting ciblées pour les clients n'ayant pas finalisé leur commande ».

Que signifie le critère « Cohérence » dans les 4 éléments clés de USABLE ?

C'est la définition exacte du cours, illustrée par « le même ordre des éléments dans le menu ». Les trois autres options sont de vraies notions du cours placées au mauvais endroit : l'option 1 est le S · Strategic de BEST · l'option 2 relève de CREDIBLE (« mettez régulièrement votre site à jour ») · l'option 4 est la définition de Catégories, le premier des 4 éléments clés. Distinguer 4 notions voisines, c'est exactement ce que teste une question d'application.

Le cours dit que certains KPI se mesurent en dehors de Google Analytics. Lesquels ?

« On peut également mesurer certains KPI en dehors de Google Analytics : le nombre de comptes clients et l'évolution de ce nombre · le nombre d'avis laissés sur le site après achat · la performance au niveau des avis clients (nombre d'avis positifs VS négatifs, note moyenne, etc.). » Les trois autres options listent de vrais KPI du cours, mais qui se lisent dans Analytics. La nuance vaut des points : si on te demande « comment mesurez-vous la fidélisation ? », répondre uniquement « dans GA4 » te fait perdre la moitié de la réponse.

🎯 À retenir

Un site web = « un ensemble de pages Web accessibles à partir d'un navigateur ». Et surtout : « c'est avant tout un OUTIL (de communication, de prospection, de vente) ». Chaque page a une URL unique.
Homepage = porte d'entrée quand on cherche précisément l'entreprise. Landing page = page d'arrivée après un clic (SEO, SEA, email, display) — « choisir une page précise liée à l'action plutôt que la page d'accueil ».
4 types de site : vitrine (discours maîtrisé + visibilité) · institutionnel (image + e-réputation) · e-commerce (canal de VENTE, au-delà de la communication) · blog (articles du plus récent au plus ancien, structuré par catégories). Fabriqués avec un CMS : WordPress, PrestaShop.
UX = « la façon dont les utilisateurs perçoivent et interagissent avec un site web » → navigation fluide, compréhension facile, interaction agréable → fidélisation + taux de conversion. C'était la question 4 de l'examen blanc.
La grille de P. MORVILLE, 6 critères : Findable · Accessible · Useful · Desirable (UI) · Credible · Usable. « Je te trouve, j'entre, ça me sert, ça me plaît, je te crois, je m'en sers. »
FINDABLE, 2 éléments clés : le travail de référencement (cf. SEO) + le nom de domaine (= l'URL de la page d'accueil, nom + extension, unique, « difficile de faire marche arrière »). Ses 4 caractéristiques : Court · Mémorisable · Pertinent · Unique (>< Gougle). Puis : extension → disponibilité (dns.belgium.be) → enregistrement.
ACCESSIBLE, 2 facteurs : les personnes handicapées peuvent percevoir, comprendre, naviguer, interagir et CONTRIBUER · le responsive design = « accessible sur tous les devices », « le contenu s'agence différemment ». Aussi tombé en question 4.
USEFUL = le modèle BEST : Behavioral (le CTA, micro/macro-conversion) · Essential (le FOND, cf. personas) · Strategic (cohérence avec le key message, identité, créativité) · Targeted (la FORME, les verbatims quali de la cible).
DESIRABLE = l'UI. Suivre les tendances (notamment les initiatives durables) et surveiller GAFAM (Google, Apple, Facebook, Amazon, Microsoft) et NATU (Netflix, Airbnb, Tesla, Uber).
CREDIBLE : une organisation réelle visible dans le pied de page (7 entrées : qui sommes-nous · contact · mentions légales · confidentialité · CGV · FAQ · réseaux sociaux) · mises à jour · zéro faute et zéro lien brisé · témoignages clients · certificats de sécurité (https, cadenas, sceaux de confiance). ↔ c'est le Trust du E-E-A-T.
USABLE, 4 éléments clés : Catégories (rassembler ce qui se ressemble, séparer ce qui est différent — 6 façons, dont par tâches et par cible) · Structure (du général au particulier + les repères : logo haut gauche, menu haut centre, icônes standardisées, légal en bas, CTA en boutons) · Cohérence (positions préservées, même charte graphique) · Rapidité.
Les 2 chiffres de la section : 2,5 secondes de temps de charge maximum et la règle des 3 CLICS. Outils : pagespeed.web.dev · webpagetest.org. Plus : plan du site, liens internes, moteur de recherche interne, affordance (= « suggérer des actions intuitives ») et chatbox.
KPI du site web : THINK – DO – CARE (⚠️ pas de SEE). THINK : pages vues/visite · temps par visite (< 1 min = non intéressé). DO : taux de conversion (« traduit l'efficacité d'un site ») · panier moyen · abandon de panier (friction ou manque de rassurance → retargeting). CARE : % de visiteurs connus · taux de réachat (↔ emailing) · et hors Google Analytics : comptes clients, nombre d'avis, performance des avis.
A/B testing pour trancher entre deux versions — « le choix de la version définitive sera basé sur une analyse des KPI ». Et Eco-index : « l'empreinte environnementale des nouvelles technologies représente plus de gaz à effet de serre que l'aviation civile ».

✅ Bonne nouvelle : cette section est presque complète

Contrairement au SEO, la section A est presque entièrement textuelle — tout le contenu du cours est dans cette leçon. Les seules images absentes de tes deux extractions sont illustratives, pas informatives : l'« Exemple : » de landing page (p. 27) · le visuel de la grille de Morville (p. 29) · les visuels d'accessibilité (p. 30) · les captures d'écran illustrant les catégories, la structure et la cohérence (p. 32-33) · les visuels plan du site, moteur de recherche interne, 3 clics et affordance (p. 34) · le tableau récapitulatif des KPI par objectif (p. 35).

👀 Si tu ne devais en ouvrir qu'une : la page 34 (affordance et 3 clics illustrés) — parce que « affordance » est un mot que la prof aime bien, et qu'un exemple visuel te donnera ton illustration pour la question 4. Le reste, tu peux t'en passer : aucune définition ne manque.

✓ Leçon bouclée — et 2 points de la question 4 sont désormais des récitations.

« Les exercices d'application sont à REFAIRE car l'examen est souvent semblable (ex : juger l'efficacité, bonnes pratiques, etc.) » — refais le cas de la Brasserie du Tilleul à voix haute, sans la correction, en 15 minutes chrono. Puis récite les 6 critères de Morville et le modèle BEST jusqu'à ce qu'ils sortent sans réfléchir.

B · SEO & SEA → C · Médias sociaux & Meta D · Marketing d'influence Sommaire du chapitre 2

✅ Chapitre 2 terminé : 6 leçons sur 6. La dernière, D · Marketing d'influence, est en ligne.