A. Site web (orienté UX)

Qu'est-ce qu'un site web ?

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

Que fait-on d'un site web ?

C'est avant tout un outil (de communication, de prospection, de vente…).

Qu'est-ce qu'une page de site web ?

L'élément de base du site Web. Chaque page dispose d'une adresse unique (URL).

Que peut contenir une page de site web ?

Du texte, des images, des éléments multimédias, des liens hypertextes ou des widgets.

Quelle page est la porte d'entrée principale d'un site ?

La page d'accueil, surtout lorsque l'internaute cherche précisément l'entreprise.

Qu'est-ce qu'une landing page ?

Une page d'atterrissage, sur laquelle arrive un internaute après avoir cliqué sur un lien (SEO, SEA, email, display…).

Que recommande-t-on comme landing page ?

Choisir une page précise liée à l'action de l'internaute plutôt que la page d'accueil du site.

Cite les 4 types de sites web.

1. Site vitrine, 2. Site institutionnel, 3. Site e-commerce, 4. Blog.

Qu'est-ce qu'un site vitrine ?

Il présente l'entreprise/marque ainsi que son activité (produits, services, coordonnées…).

Quels sont les 2 rôles d'un site vitrine ?

1. Délivrer un discours maîtrisé sur l'entreprise, 2. Lui accorder une visibilité sur les moteurs de recherche.

Qu'est-ce qu'un site institutionnel ?

Il 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…

Quel est l'objectif d'un site institutionnel ?

Pas la vente mais la construction de l'image de l'entreprise et de son e-réputation.

Qu'est-ce qu'un site e-commerce ?

Un site sur lequel le marchand expose ses produits afin de les vendre → canal de vente au-delà du canal de communication.

Qu'est-ce qu'un blog ?

Un site constitué d'articles qui se suivent du plus récent au plus ancien, organisé par catégories (thèmes).

Qu'est-ce qu'un CMS ?

Content Management System = système de gestion de contenu. Il permet de fabriquer des sites internet en utilisant des modèles préétablis (simplification de la programmation et de l'architecture).

Cite 2 exemples de CMS.

WordPress et PrestaShop.

Qu'est-ce que l'UX (User eXperience) ?

La façon dont les utilisateurs perçoivent et interagissent avec un site web.

Quel est le but de l'UX ?

Créer une expérience positive (navigation fluide, compréhension facile, interaction agréable).

Quels sont les 2 effets d'une bonne UX ?

1. Augmenter le taux de conversion, 2. Améliorer la fidélisation des clients.

Combien de critères clés résument la qualité de l'UX d'un site web ?

6 critères.

Quel modèle décrit les 6 critères UX et qui l'a créé ?

Le modèle FAUDE-CU (ou UX Honeycomb) de Peter Morville.

Cite les 6 critères UX de Peter Morville.

1. Findable, 2. Accessible, 3. Useful, 4. Desirable (UI), 5. Credible, 6. Usable.

Que signifie « Findable » ?

Le site doit être facile à trouver.

Quels sont les 2 éléments clés pour rendre un site findable ?

1. Le travail de référencement (SEO), 2. Le choix du nom de domaine.

Qu'est-ce qu'un nom de domaine ?

L'adresse d'une entreprise sur le Web (= l'URL de sa page d'accueil), composé d'un nom et d'une extension séparés par un point.

Cite les 4 caractéristiques d'un bon nom de domaine.

1. Court, 2. Mémorisable, 3. Pertinent, 4. Unique.

Pourquoi un nom de domaine doit-il être court ?

Pour simplifier le travail des visiteurs du site.

Pourquoi un nom de domaine doit-il être mémorisable ?

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

Pourquoi un nom de domaine doit-il être pertinent ?

Pour mettre en valeur l'activité de l'entreprise et favoriser le SEO.

Pourquoi un nom de domaine doit-il être unique ?

Pas trop proche de concurrents ou de noms de marques célèbres (contre-exemple : Gougle).

Quelles sont les 3 étapes après avoir choisi le nom de domaine ?

1. Sélectionner la bonne extension (.com, .be, .brussels…), 2. Vérifier la disponibilité, 3. Enregistrer le nom de domaine.

Que signifie « Accessible » ?

Le site doit être accessible à tous, quel que soit le device utilisé.

Quels sont les 2 facteurs de l'accessibilité ?

1. Le site est à destination de tous (personnes handicapées comprises), 2. Le site est accessible sur tous les devices (responsive design).

Donne des exemples de bonnes pratiques pour rendre un site accessible aux personnes handicapées.

Mots simples et courts, pas d'italiques ou de majuscules, accents sur les capitales, contrastes suffisants, liens différenciés visuellement, transcription et sous-titres.

Qu'est-ce que le responsive design ?

Le site internet s'adapte à la taille de l'écran (le contenu s'agence différemment).

Que signifie « Useful » ?

Le contenu du site doit être utile pour l'internaute.

Quel modèle suivre pour rédiger le contenu web utile ?

Le modèle BEST.

Que signifie « Desirable » ?

Le design visuel du site doit donner envie (UI).

Quelle est la différence entre UX et UI ?

L'UX (User Experience) = la façon dont l'utilisateur perçoit/interagit avec le site. L'UI (User Interface) = le design visuel.

Cite 2 conseils pour rendre un site desirable.

1. S'intéresser aux tendances (notamment les initiatives durables comme commtozero.be), 2. Surveiller ce que font les grands du web (GAFAM, NATU).

Que signifie GAFAM ?

Google, Apple, Facebook, Amazon, Microsoft.

Que signifie NATU ?

Netflix, Airbnb, Tesla, Uber.

Que signifie « Credible » ?

Le site doit être crédible pour rassurer l'utilisateur.

Cite 5 bonnes pratiques pour rendre un site credible.

1. Montrer qu'il existe une organisation réelle (Qui sommes-nous, Contact, Mentions légales, FAQ…), 2. Mettre régulièrement le site à jour, 3. Éviter les erreurs (fautes, liens brisés…), 4. Insérer des témoignages clients, 5. Mettre en avant les certificats de sécurité (https, cadenas…).

Où placer les informations légales du site (Qui sommes-nous, Mentions légales…) ?

Dans le pied de page (footer), souvent commun à toutes les pages.

Que signifie « Usable » ?

Le site doit être facile à prendre en main, ergonomique.

Définis un site ergonomique.

Un site où l'internaute trouve ce qu'il recherche rapidement et simplement.

Cite les 4 éléments clés de l'ergonomie (Usable).

1. Catégories, 2. Structure, 3. Cohérence, 4. Rapidité.

À quoi sert le critère « Catégories » dans l'ergonomie ?

Catégoriser le contenu pour rassembler ce qui se ressemble et séparer ce qui est différent.

Cite des exemples de catégorisation.

Alphabétique (artistes), chronologique (saison sportive), géographique (destinations), thématique, par tâches utilisateur, par cible utilisateur.

À quoi sert le critère « Structure » dans l'ergonomie ?

Hiérarchiser le contenu pour mettre en avant les contenus clés.

Cite les repères standards de navigation à respecter dans une page.

Logo en haut à gauche, menu général en haut au centre, icônes standardisées (ex : enveloppe pour email), infos de contact et éléments légaux en bas de page, CTA sous forme de boutons.

Comment hiérarchiser l'information dans une page ?

Du général au particulier, avec des titres, sous-titres, présentation aérée alternant textes et photos.

À quoi sert le critère « Cohérence » dans l'ergonomie ?

La localisation et la position des éléments doivent être préservées pour ne pas perturber l'utilisateur.

Cite 3 exemples de cohérence sur un site.

1. Même ordre des éléments dans le menu, 2. Mêmes appellations pour désigner les mêmes choses, 3. Même charte graphique sur toutes les pages.

À quoi sert le critère « Rapidité » dans l'ergonomie ?

L'utilisateur veut accomplir sa tâche rapidement.

Cite les 7 moyens pour naviguer rapidement sur un site.

1. Diminuer le temps de charge, 2. Proposer un plan du site, 3. Faciliter la navigation via liens internes, 4. Proposer un moteur de recherche interne, 5. Accès au contenu en 3 clics, 6. Utiliser l'affordance, 7. Intégrer un chatbot.

Quel est le temps de charge maximum recommandé ?

2,5 secondes.

Comment diminuer le temps de charge des pages ?

Diminuer la longueur des pages, diminuer la taille des images et vidéos, limiter les pop-ups.

Cite 2 outils gratuits pour vérifier la rapidité d'un site.

PageSpeed Insights (pagespeed.web.dev) et WebPageTest (webpagetest.org).

Qu'est-ce que l'affordance ?

Suggérer des actions intuitives à l'utilisateur.

Qu'est-ce qu'un chatbot et à quoi sert-il ?

Un outil puissant de la relation client, avec des progrès importants grâce à l'intelligence artificielle.

Quels 3 types d'objectifs peut-on principalement réaliser avec un site web ?

Think, Do et Care (pas See).

Cite les 2 KPIs principaux pour l'objectif Think d'un site web.

1. Le nombre de pages vues par visite, 2. Le temps passé par visite.

Que mesure le nombre de pages vues par visite ?

Le nombre de pages ouvertes et chargées par l'internaute. Plus il a vu de pages, plus il a été intéressé par le site.

Que mesure le temps passé par visite ?

Si les internautes sont intéressés ou non par le site. Moins d'une minute = « non intéressés ».

Cite les 3 KPIs principaux pour l'objectif Do d'un site web.

1. Le taux de conversion, 2. Le panier moyen et son évolution, 3. Le taux d'abandon du panier.

Que mesure le taux de conversion ?

Le rapport entre les individus ayant effectué une action recherchée (achat) et le nombre total de sessions. Il traduit l'efficacité d'un site.

Que mesure le panier moyen ?

Le montant moyen des commandes passées par les clients (site e-commerce). Plus il est élevé, plus le site est jugé efficace.

Que mesure le taux d'abandon du panier ?

Le rapport entre le nombre de paniers abandonnés et le nombre total de commandes. Un taux élevé peut révéler une ergonomie peu efficace ou un manque d'éléments rassurants.

Que peut-on faire face à un taux d'abandon élevé ?

Créer des campagnes de retargeting ciblées pour les clients n'ayant pas finalisé leur commande.

Cite les 2 KPIs principaux pour l'objectif Care d'un site web.

1. Le pourcentage de visiteurs connus, 2. Le taux de réachat.

Que mesure le pourcentage de visiteurs connus ?

Le rapport entre le nombre de visiteurs déjà venus au moins une fois et le nombre de nouveaux visiteurs.

Que mesure le taux de réachat ?

La part de clients qui achète une nouvelle fois un produit de la marque sur une période donnée (site e-commerce). Indicateur intéressant pour vérifier la performance d'une campagne d'emailing ciblée.

Cite 3 KPIs Care mesurables en dehors de Google Analytics.

1. Le nombre de comptes clients et son évolution, 2. Le nombre d'avis laissés après achat, 3. La performance des avis clients (positifs vs négatifs, note moyenne).