Q2 · 45 % de l'oral · Mise en œuvre
🖥️Site web orienté UX
Le site web est avant tout un outil (de communication, de prospection, de vente). Pour qu'il fonctionne, on évalue son expérience utilisateur avec la grille de P. Morville — 6 critères — puis on mesure avec des KPI's Think/Do/Care.
La ruche de Morville : 6 alvéoles autour de l'UX — Findable, Accessible, Useful, Desirable (UI), Credible, Usable. 6 critères, pas 7.
🧩 Les conceptstermes exacts du cours
🧑💻UX (User eXperience)
La façon dont les utilisateurs perçoivent et interagissent avec un site web.
Navigation fluide, compréhension facile, interaction agréable.
Une bonne UX peut aider à augmenter le taux de conversion et à améliorer la fidélisation des clients.
Un site où on trouve tout en 3 clics, qui charge vite et rassure.
🗂️Types de sites web
4 types
4 types : vitrine, institutionnel, e-commerce, blog — chacun son rôle.
4 types
Présente l'entreprise et son activité, discours maîtrisé.
Informe sur les valeurs, l'actualité, la RSE — construit l'image et l'e-réputation.
Le marchand expose ses produits pour les vendre : canal de vente, paiement via plateforme bancaire sécurisée.
Articles du plus récent au plus ancien, structurés par thèmes.
Une PME locale = site vitrine ; un e-shop = e-commerce.
🐝Grille de Morville
6 critères
Les 6 critères clés de P. Morville pour évaluer la qualité de l'UX.
6 critères
Facile à trouver · accessible à tous, quel que soit le device.
Contenu utile · le design donne envie = UI.
Rassure l'utilisateur · facile à prendre en main, ergonomique.
Findable → SEO + bon nom de domaine ; Accessible → responsive design ; Useful → modèle BEST.
⚙️Usable — 4 éléments clés
Catégories, Structure, Cohérence, Rapidité : les 4 éléments d'un site facile à prendre en main.
4 éléments≤ 2,5 s3 clics
Rassembler ce qui se ressemble, séparer ce qui est différent.
Hiérarchiser le contenu, du général au particulier.
Mêmes emplacements et même charte graphique sur toutes les pages.
Temps de charge ≤ 2,5 secondes, accès au contenu en 3 clics.
Repères des internautes : logo en haut à gauche, menu en haut au centre, contacts et mentions légales en bas de page, CTA en boutons.
📊Indicateurs Think / Do / Care
Le site permet 3 types d'objectifs : Think, Do, Care — chacun ses KPI's.
3 objectifs
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.
Visite de moins d'une minute → visiteur considéré comme « non intéressé » (Think).
🧪A/B testing
Tester différentes versions du site, puis trancher par l'analyse des KPI's.
Possibilité de tester différentes versions.
La version définitive du site est choisie après analyse des KPI's.
Tester deux couleurs de bouton « Acheter » pour voir laquelle convertit le mieux.
🌿Éco-index
Mesurer l'impact environnemental de son site.
L'empreinte environnementale des nouvelles technologies représente plus de gaz à effet de serre que l'aviation civile.
Accès au numérique, multiplication des objets connectés.
Alléger pages, images et vidéos réduit à la fois le temps de charge et l'empreinte du site.
⚠️ Les piègesce que l'examinatrice guette
❌
Réciter 7 critères de Morville
La grille du cours compte 6 critères : Findable, Accessible, Useful, Desirable, Credible, Usable. Pas un de plus.
❌
Confondre UX et UI
L'UX = l'expérience globale (perception + interaction). L'UI = le design visuel qui donne envie — c'est le critère Desirable de la grille.
❌
Dire que le site web sert au SEE
Le site permet principalement THINK – DO – CARE. Pour la notoriété (See), d'autres canaux sont plus adaptés.
❌
Mélanger les 2 chiffres de la Rapidité
Temps de charge ≤ 2,5 secondes · accès au contenu en 3 clics. Les deux appartiennent à l'élément Rapidité du critère Usable.
🧠 Teste-toiréponds avant de cliquer
Usable, élément Rapidité : le temps de charge ne doit pas dépasser 2,5 secondes et l'internaute doit accéder au contenu en 3 clics.
Findable (facile à trouver), Accessible (à tous, tout device), Useful (contenu utile), Desirable (design qui donne envie = UI), Credible (rassure), Usable (facile à prendre en main, ergonomique).
Un site e-commerce : le marchand expose ses produits afin de les vendre — c'est un canal de vente, au-delà du canal de communication. Paiement via une plateforme bancaire sécurisée.
L'A/B testing : tester différentes versions du site. Le choix de la version définitive est basé sur une analyse des KPI's (ex : taux de conversion pour un objectif Do).
❓ Mini-QCM du thème5 questions, juste cette fiche
🚀 S'entraîner