Glossaire du web
C'est parti !
Introduction
Ce document interactif vise à présenter quelques termes utilisés dans le secteur de la conception de site web. Connaître ces termes, c'est utile...
- En tant qu'utilisateur-rice du web, cela vous permettra de comprendre des solutions numériques utilisées chaque jour
- En tant qu'acteur-rice du web, cela peut vous aider lors de la conception de votre site ou de contenus destinés au web
- En tant que professionel-le du web, cela facilite les discussions professionnelles avec les parties prenantes (designers, développeur-ses, communicants)
Pour le cours plus spécifiquement, ce document vous aidera lors de la phase d'inspection experte.
Glossaire
CMS
Accessibilité
Accroche
Fil d'Ariane
Fonctionnalité
À propos
Front-office
Arborescence
Gabarit
Back-office
Interface
Bandeau
Navigation
Bas de page
Page d'accueil
Cahier des charges
Transversalité
Call to Action
Termes en images
Cliquez sur les boutons pour découvrir des termes.
BANDEAU
Header
Le bandeau est généralement situé en haut de page, de manière horizontale. Généralement, il intègre le logo/le nom de la marque/de l'entreprise et il met en avant les principales rubriques du site.
PAGE D'ACCUEIL
Home Page
La page d'accueil d'un site est la première visitée par l'utilisateur-rice. Les éléments de conception sont très spécifiques.
ACCROCHE
Baseline, tagline
Slogan ou formule présent-e sur la page d'accueil du site, qui vise à présenter l'activité du site (valeurs, contenus).
INTERFACE
Interface
L’interface soutient les interactions entre la personne et le système : c'est la partie visible d'un site web.
NAVIGATION
Navigation
La navigation comprend l’ensemble des moyens (menu, liens, boutons, repère visuels) permettant à la personne de se repérer dans le site et de parcourir son contenu. La navigation s'appuie sur une logique thématique et hiérarchique. Dans ce cas précis, il est possible d'accéder aux contenus à partir de différents éléments encadrés en bleu.
A PROPOS
Il est recommandé de prévoir une section renseignant sur l'entreprise et facilement accessible pour les utilisateur-rices.
TRANSVERSALITÉ
Contextual browsing, prospective navigation
La transversalité est une forme de navigation, qui permet d'articuler les différentes pages d'un site. Généralement, la transversalité offre des opportunités de navigation basées sur des liens thématiques. Ici par exemple, des articles sont proposés en lien avec celui consulté.
FIL D'ARIANE
Breadcrumb
Le fil d'Ariane est un repère pour la navigation au sein d'un site web : en représentant l'articulation de différents niveaux hiérarchiques, sous une forme linéaire et avec des séparateurs " > ", il guide la personne en lui donnant des indications visuelles sur l'arborescence du site.
Arborescence
GABARIT
Template
Un gabarit correspond à un modèle de mise en page spécifique à un type d'informations, permettant d'assurer une forme de cohérence et d'homogéneité au sein d'un site.Ici par exemple, les fiches des produits sont des gabarits : l'organisation des différentes informations (visuel, nom du produit, prix, options) sont organisées en respectant une même trame.
FONCTIONNALITÉ
Features
Une fonctionnalité est une capacité offerte par le système (élément actionnable comme un bouton ou un lien) qui permet à la personne de réaliser une action précise. La fonctionnalité est un moyen pour la personne d'atteindre l'activité visée. Ici par exemple, le bouton "Panier" me permet d'ajouter un article à ma liste d'achat et à terme, de meubler mon nouveau logement.
CALL TO ACTION
CTA
Un bouton de type CTA vise à orienter l'utilisateur-rice vers une action précise, généralement associé à des enjeux de marleting.
BAS DE PAGE
Footer
Le bas de page comprend généralement un ensemble d'informations (adresse, contact, réseaux sociaux) et de liens secondaires, comme les crédits ou les mentions légales. Il peut également résumer l'architecture du site.
Autres termes spécifiques
Accessibilité
Accessibility
L'accessibilité renvoie à l'idée de garantir un accès universel au numérique, c'est-à-dire de permettre à toute personne d'utiliser des systèmes. Le World Wide Web Consortium (W3C) a élaboré des principes de conception web favorisant l'inclusivité.
https://www.w3.org/
Arborescence
Tree structure
L'arborescence renvoie à la représentation visuelle de la structure hiérarchique d'un site.
Back-office
Back-office
Le back-office est la partie non visible de l'interface, permettant néanmoins sa configuration. Cette partie du site permet notamment :
- de gérer des contenus (textes, images, rubriques)
- de paramétrer le visuel (guide des styles)
- d'assurer sa gestion (suivi des données, satistiques)
Front-office
Cahier des charges
Brief
Le cahier des charges est un document spécifique à chaque projet, définissant un ensemble d'éléments, à savoir :
- Le contexte de déploiement du projet, c'est-à-dire les objectifs visés, les ressources allouées pour y parvenir et les parties prenantes (rôle des intervenant-es, périmètre d'intervention)
- Les critères de conception retenus, comme les principes ergonomiques à considérer et les choix de design (typographie, palette de couleurs, identité de la marque)
- Les spécificités fonctionnelles et les aspects techniques.
CMS
CMS, Content management system
Le CMS est un système de gestion de contenus, qui permet de concevoir un site web (texte, image, vidéo, son) sans avoir à coder des éléments. Exemple de CMS : WordPress ou Drupal
Front-office
Front-office
Le CMS est un système de gestion de contenus, qui permet de concevoir un site web (texte, image, vidéo, son) sans avoir à coder des éléments. Exemple de CMS : WordPress ou Drupal
Back-office
Autres termes
Responsive Design
désigne l'adaptation automatique de l'affichage d'un site web à la taille de l'écran (ordinateur, tablette, smartphone).
Conversion
désigne la réalisation d'une action spécifique par l'utilisateur-rice (par exemple, l'achat d'un produit sur un site marchand)
KPI (Key performance indicator)
désigne des indicateurs de performance spécifiquement définis et utilisés pour mesurer l'efficacité d'un dispositif.
Mobile First
désigne une approche de conception web où l'expérience d'utilisation est prioritairement pensée pour les dispositifs mobiles, puis pour les écrans d'ordinateurs.
Références
Exemples de sites web : - https://www.myswitzerland.com/fr-ch/
- https://www.nngroup.com/
- https://www.ikea.com/ch/fr/
- https://www.olympics.com/museum/fr/
Glossaires utiles :
Glossaire du web
Maelys Le Magadou
Created on March 23, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Essential Course
View
Practical Course
View
Basic Interactive Course
View
Course 3D Style
View
Minimal Course
View
Neodigital CPD Course
View
Laws and Regulations Course
Explore all templates
Transcript
Glossaire du web
C'est parti !
Introduction
Ce document interactif vise à présenter quelques termes utilisés dans le secteur de la conception de site web. Connaître ces termes, c'est utile...
- En tant qu'utilisateur-rice du web, cela vous permettra de comprendre des solutions numériques utilisées chaque jour
- En tant qu'acteur-rice du web, cela peut vous aider lors de la conception de votre site ou de contenus destinés au web
- En tant que professionel-le du web, cela facilite les discussions professionnelles avec les parties prenantes (designers, développeur-ses, communicants)
Pour le cours plus spécifiquement, ce document vous aidera lors de la phase d'inspection experte.Glossaire
CMS
Accessibilité
Accroche
Fil d'Ariane
Fonctionnalité
À propos
Front-office
Arborescence
Gabarit
Back-office
Interface
Bandeau
Navigation
Bas de page
Page d'accueil
Cahier des charges
Transversalité
Call to Action
Termes en images
Cliquez sur les boutons pour découvrir des termes.
BANDEAU
Header
Le bandeau est généralement situé en haut de page, de manière horizontale. Généralement, il intègre le logo/le nom de la marque/de l'entreprise et il met en avant les principales rubriques du site.
PAGE D'ACCUEIL
Home Page
La page d'accueil d'un site est la première visitée par l'utilisateur-rice. Les éléments de conception sont très spécifiques.
ACCROCHE
Baseline, tagline
Slogan ou formule présent-e sur la page d'accueil du site, qui vise à présenter l'activité du site (valeurs, contenus).
INTERFACE
Interface
L’interface soutient les interactions entre la personne et le système : c'est la partie visible d'un site web.
NAVIGATION
Navigation
La navigation comprend l’ensemble des moyens (menu, liens, boutons, repère visuels) permettant à la personne de se repérer dans le site et de parcourir son contenu. La navigation s'appuie sur une logique thématique et hiérarchique. Dans ce cas précis, il est possible d'accéder aux contenus à partir de différents éléments encadrés en bleu.
A PROPOS
Il est recommandé de prévoir une section renseignant sur l'entreprise et facilement accessible pour les utilisateur-rices.
TRANSVERSALITÉ
Contextual browsing, prospective navigation
La transversalité est une forme de navigation, qui permet d'articuler les différentes pages d'un site. Généralement, la transversalité offre des opportunités de navigation basées sur des liens thématiques. Ici par exemple, des articles sont proposés en lien avec celui consulté.
FIL D'ARIANE
Breadcrumb
Le fil d'Ariane est un repère pour la navigation au sein d'un site web : en représentant l'articulation de différents niveaux hiérarchiques, sous une forme linéaire et avec des séparateurs " > ", il guide la personne en lui donnant des indications visuelles sur l'arborescence du site.
Arborescence
GABARIT
Template
Un gabarit correspond à un modèle de mise en page spécifique à un type d'informations, permettant d'assurer une forme de cohérence et d'homogéneité au sein d'un site.Ici par exemple, les fiches des produits sont des gabarits : l'organisation des différentes informations (visuel, nom du produit, prix, options) sont organisées en respectant une même trame.
FONCTIONNALITÉ
Features
Une fonctionnalité est une capacité offerte par le système (élément actionnable comme un bouton ou un lien) qui permet à la personne de réaliser une action précise. La fonctionnalité est un moyen pour la personne d'atteindre l'activité visée. Ici par exemple, le bouton "Panier" me permet d'ajouter un article à ma liste d'achat et à terme, de meubler mon nouveau logement.
CALL TO ACTION
CTA
Un bouton de type CTA vise à orienter l'utilisateur-rice vers une action précise, généralement associé à des enjeux de marleting.
BAS DE PAGE
Footer
Le bas de page comprend généralement un ensemble d'informations (adresse, contact, réseaux sociaux) et de liens secondaires, comme les crédits ou les mentions légales. Il peut également résumer l'architecture du site.
Autres termes spécifiques
Accessibilité
Accessibility
L'accessibilité renvoie à l'idée de garantir un accès universel au numérique, c'est-à-dire de permettre à toute personne d'utiliser des systèmes. Le World Wide Web Consortium (W3C) a élaboré des principes de conception web favorisant l'inclusivité.
https://www.w3.org/
Arborescence
Tree structure
L'arborescence renvoie à la représentation visuelle de la structure hiérarchique d'un site.
Back-office
Back-office
Le back-office est la partie non visible de l'interface, permettant néanmoins sa configuration. Cette partie du site permet notamment :
Front-office
Cahier des charges
Brief
Le cahier des charges est un document spécifique à chaque projet, définissant un ensemble d'éléments, à savoir :
CMS
CMS, Content management system
Le CMS est un système de gestion de contenus, qui permet de concevoir un site web (texte, image, vidéo, son) sans avoir à coder des éléments. Exemple de CMS : WordPress ou Drupal
Front-office
Front-office
Le CMS est un système de gestion de contenus, qui permet de concevoir un site web (texte, image, vidéo, son) sans avoir à coder des éléments. Exemple de CMS : WordPress ou Drupal
Back-office
Autres termes
Responsive Design
désigne l'adaptation automatique de l'affichage d'un site web à la taille de l'écran (ordinateur, tablette, smartphone).
Conversion
désigne la réalisation d'une action spécifique par l'utilisateur-rice (par exemple, l'achat d'un produit sur un site marchand)
KPI (Key performance indicator)
désigne des indicateurs de performance spécifiquement définis et utilisés pour mesurer l'efficacité d'un dispositif.
Mobile First
désigne une approche de conception web où l'expérience d'utilisation est prioritairement pensée pour les dispositifs mobiles, puis pour les écrans d'ordinateurs.
Références
Exemples de sites web :- https://www.myswitzerland.com/fr-ch/
- https://www.nngroup.com/
- https://www.ikea.com/ch/fr/
- https://www.olympics.com/museum/fr/
Glossaires utiles :