CZMultimedia vous propose une sélection de glossaires, dictionnaires, lexiques et nomenclatures liés au numérique, à la tech et à l’innovation. Explorez nos pages pour approfondir vos connaissances dans les domaines qui vous passionnent.
CZMultimedia vous propose une sélection de glossaires, dictionnaires, lexiques et nomenclatures liés au numérique, à la tech et à l’innovation. Explorez nos pages pour approfondir vos connaissances dans les domaines qui vous passionnent.
Une marketplace est une plateforme en ligne qui met en relation des vendeurs et des acheteurs. Elle permet à plusieurs commerçants de proposer leurs produits ou services sur un seul et même site.
Contrairement à un site e-commerce classique géré par un seul vendeur, une marketplace fonctionne comme un centre commercial numérique. Le gestionnaire de la plateforme fournit l’infrastructure (site, outils de paiement, support client) tandis que les vendeurs y ouvrent leur propre boutique. Amazon, Airbnb ou encore Etsy sont des exemples connus de marketplaces. Elles peuvent être généralistes (vente de tout type de produits) ou spécialisées (location de biens, services entre particuliers, etc.).
Pour un projet digital, lancer une marketplace implique souvent des développements spécifiques, notamment la gestion multi-utilisateurs, le suivi des transactions, les commissions et la modération des contenus. C’est une solution puissante pour centraliser une offre variée tout en laissant une autonomie aux vendeurs.
👉 Découvrez aussi d’autres définitions pour mieux comprendre l’univers du développement web sur notre glossaire.
Un MVP, ou Minimum Viable Product (produit minimum viable), est la version la plus simple et fonctionnelle d’un produit digital, conçue pour être lancée rapidement sur le marché afin de tester son utilité auprès des utilisateurs.
Plutôt que de développer un site web ou une application avec toutes les fonctionnalités imaginées dès le départ, l’idée est de se concentrer uniquement sur les fonctions essentielles, celles qui répondent au besoin principal. Cela permet de recueillir des retours concrets d’utilisateurs réels, de valider (ou non) le concept, et d’ajuster le produit avant d’investir davantage en temps et en budget. Par exemple, un MVP d’application de livraison pourrait se limiter à une seule ville, avec un seul mode de paiement, pour tester l’intérêt du service.
C’est une approche particulièrement utilisée par les startups ou les entreprises qui lancent une nouvelle offre, car elle réduit les risques et accélère le retour sur expérience.
👉 Vous souhaitez approfondir votre vocabulaire du développement web ? Parcourez les autres définitions de notre glossaire.
Figma est un outil en ligne de design d’interface qui permet de créer des maquettes de sites web ou d’applications, seul ou à plusieurs, directement depuis un navigateur. Il est très utilisé dans les phases de conception visuelle d’un projet digital.
Concrètement, Figma sert à imaginer et structurer l’apparence d’un site avant qu’il ne soit développé. Designers, développeurs et chefs de projet peuvent collaborer en temps réel sur un même fichier, ce qui évite les allers-retours fastidieux par email ou les multiples versions de fichiers. L’interface fonctionne par glisser-déposer et permet de construire des pages, tester des interactions ou encore intégrer une charte graphique.
Par exemple, si vous lancez un site vitrine, l’équipe pourra vous présenter une maquette interactive sur Figma pour valider l’organisation des contenus et le rendu visuel, avant même une ligne de code.
👉 Consultez d'autres définitions de notre glossaire pour mieux comprendre les outils et étapes de création d’un projet web.
Firebase est une plateforme développée par Google qui permet de créer plus facilement des applications web et mobiles, en proposant une série de services prêts à l’emploi comme l’hébergement, l’authentification des utilisateurs ou encore la base de données en temps réel.
Au lieu de développer chaque fonctionnalité technique de zéro (comme gérer les connexions, les sauvegardes ou les notifications push), les développeurs peuvent s’appuyer sur Firebase pour gagner du temps et sécuriser leur application. Par exemple, si vous lancez une application mobile de réservation, Firebase peut stocker les données des utilisateurs, envoyer des emails de confirmation, ou encore permettre une mise à jour instantanée des disponibilités.
Son principal avantage : tout est centralisé dans un seul outil, accessible en ligne, ce qui facilite le travail des équipes techniques, surtout pour les projets agiles ou les MVP.
👉 Pour mieux comprendre les outils et technologies utilisés en développement web et mobile.
Les features (ou fonctionnalités en français) désignent les différentes actions ou services qu’un site web ou une application permet de réaliser. Elles représentent ce que le produit “sait faire” pour répondre aux besoins des utilisateurs.
Par exemple, une application de réservation de billets de train peut avoir pour features : la recherche d’itinéraires, la sélection des places, le paiement en ligne et la réception du billet par e-mail. Chaque feature est pensée pour améliorer l’expérience utilisateur et apporter une vraie valeur ajoutée au produit. Lors du développement, les équipes priorisent souvent les fonctionnalités les plus essentielles pour lancer un MVP (produit minimum viable), puis enrichissent progressivement l’outil avec de nouvelles features en fonction des retours utilisateurs et des besoins métier.
Bien définir ses fonctionnalités en amont permet de cadrer le projet, d’estimer les ressources nécessaires et de garantir une solution adaptée aux objectifs du client.
👉 Consultez les autres définitions de notre glossaire pour mieux comprendre le vocabulaire du développement web et mobile.
Le front-end correspond à la partie visible d’un site ou d’une application : ce que l’utilisateur voit et avec quoi il interagit.
Il inclut la mise en page, les animations, les boutons, les formulaires… tout ce qui est affiché à l’écran. Développé en HTML, CSS et JavaScript (souvent avec des bibliothèques comme React ou Vue.js), le front-end vise à offrir une expérience fluide, esthétique et intuitive.
C’est le front-end qui donne vie aux maquettes conçues sur Figma, avant qu’elles soient connectées au back-end.
👉 Consultez aussi les entrées Wireframe ou Prototype pour mieux suivre le parcours de création d’une interface.
Filament PHP est un ensemble d’outils open source conçus pour faciliter le développement d’interfaces d’administration dans des projets Laravel. Il permet de créer rapidement des back-offices modernes, élégants et entièrement personnalisables, sans avoir à coder chaque écran manuellement.
Concrètement, Filament propose des composants prêts à l’emploi pour gérer les ressources (utilisateurs, articles, produits, etc.), les formulaires, les tableaux de données ou encore les filtres. Par exemple, si vous développez une plateforme de réservation avec Laravel, Filament vous permet de générer en quelques lignes une interface pour ajouter, modifier ou supprimer des réservations via un tableau de bord intuitif. L’interface est pensée pour être à la fois performante pour les développeurs et agréable à utiliser pour les équipes métier.
C’est un choix très apprécié pour les projets qui nécessitent un back-office solide sans devoir passer par une interface sur mesure coûteuse en temps.
👉 Envie de découvrir d’autres outils utiles pour vos projets web ? Continuez à explorer notre glossaire dédié au développement.
Fastlane est un outil open source qui automatise la publication d’applications mobiles, notamment sur les stores iOS (App Store) et Android (Google Play). Il permet de gagner un temps précieux en simplifiant les tâches répétitives liées à la mise en production.
Au lieu de gérer manuellement la génération des versions, les captures d’écran, les certificats, ou encore l’envoi vers les stores, Fastlane centralise tout cela via des scripts personnalisables. Par exemple, une équipe de développement peut, en une seule commande, générer une nouvelle version de l’app, la signer, ajouter les notes de mise à jour, et la soumettre au store, le tout sans intervention humaine.
Cet outil est particulièrement utile pour les projets mobiles en croissance ou les applications mises à jour régulièrement, car il réduit le risque d’erreur, améliore la productivité et facilite l’intégration continue.
👉 Pour en savoir plus sur les outils qui facilitent le développement et la gestion de projets digitaux, explorez les autres termes de notre glossaire.
React est une bibliothèque JavaScript qui permet de créer des interfaces utilisateur interactives pour des sites ou des applications web. Elle est particulièrement utilisée pour développer des pages dynamiques, rapides et réactives.
Conçu par Facebook, React facilite la construction d’éléments d’interface (comme des boutons, des formulaires ou des menus) que l’on appelle des composants. Ces composants sont réutilisables et s’actualisent automatiquement quand les données changent, ce qui rend l’expérience utilisateur plus fluide. Par exemple, si vous consultez une boutique en ligne développée avec React, le panier peut se mettre à jour en temps réel sans recharger la page. Cette approche permet aux développeurs de gagner du temps, d’avoir un code plus clair et de proposer des applications modernes, aussi bien sur desktop que sur mobile (avec React Native).
👉 Pour en savoir plus sur les outils et technologies utilisés en développement web, parcourez les autres termes de notre glossaire.
Le routing désigne la gestion des URL dans une application, en liant chaque chemin (ex : /produits/123) à une vue ou un composant à afficher.
Dans les frameworks comme React ou Vue.js, on utilise des bibliothèques comme React Router pour gérer cette navigation côté client.
👉 À associer avec SPA, Vue.js, Prototype, Features.
Le responsive design consiste à adapter l’interface d’un site ou d’une app à toutes les tailles d’écran (ordinateur, mobile, tablette).
Il repose sur des grilles flexibles, des media queries et une hiérarchie visuelle fluide.
Par exemple, un menu horizontal peut devenir un menu “hamburger” sur mobile.
👉 À lier avec UI, UX, Prototype, Figma, Front-end.
Un algorithme est une suite d’instructions logiques qui permet de résoudre un problème ou d’effectuer une tâche de manière automatique. On le retrouve au cœur de nombreux outils numériques, des moteurs de recherche aux applications mobiles.
Dans le contexte du développement web, un algorithme peut par exemple trier des résultats, recommander des produits ou calculer un itinéraire. Il fonctionne comme une recette de cuisine : une série d’étapes précises qui, une fois suivies dans le bon ordre, aboutissent à un résultat. Par exemple, lorsqu’un utilisateur effectue une recherche sur un site, un algorithme analyse les mots-clés et affiche les contenus les plus pertinents. Plus l’algorithme est bien conçu, plus l’expérience utilisateur est fluide, rapide et personnalisée.
Les algorithmes peuvent être simples (comme additionner des nombres) ou très complexes (comme ceux qui régissent les réseaux sociaux ou l’intelligence artificielle).
👉 Pour mieux comprendre les concepts clés du développement web, explorez les autres définitions de notre glossaire.
L’authentification permet de vérifier l’identité d’un utilisateur avant de lui donner accès à des données privées ou sensibles.
Elle peut se faire via mot de passe, code SMS, Google Login, etc. Des services comme Firebase Auth ou Auth0 facilitent cette étape.
👉 À relier avec API, Firebase, Back-end, SaaS, MVP.
Un persona est un profil fictif représentant un utilisateur type d’un produit ou d’un service. Il est utilisé pour mieux comprendre les besoins, les comportements et les attentes des clients cibles lors de la conception d’un site ou d’une application.
Concrètement, un persona regroupe des informations clés comme l’âge, la profession, les objectifs, les frustrations et les habitudes numériques d’un utilisateur représentatif. Par exemple, une agence de développement web peut créer un persona nommé "Julie, 38 ans, responsable marketing dans une PME", pour guider la création d’un site vitrine adapté à ses besoins : prise d’information rapide, simplicité de navigation, formulaire de contact clair, etc.
Travailler avec des personas permet de prendre des décisions centrées sur l’utilisateur final, et non sur des suppositions internes. Cela aide les équipes design, développement et marketing à aligner leur travail autour d’un objectif commun : proposer une expérience pertinente et efficace.
👉 Continuez à explorer notre glossaire pour découvrir d’autres notions essentielles en conception et développement web.
Un prototype est une version préliminaire d’un site web ou d’une application, conçue pour tester son fonctionnement, son ergonomie et son parcours utilisateur avant le développement final. Il sert à visualiser concrètement le produit et à recueillir des retours dès les premières étapes du projet.
Contrairement à une maquette figée, un prototype est souvent interactif : on peut cliquer sur des boutons, naviguer entre des écrans, simuler des actions. Il ne contient pas toutes les fonctionnalités réelles, mais permet de se projeter dans l’expérience utilisateur. Par exemple, pour une application de réservation, un prototype peut permettre de tester le parcours de choix d’un service, la sélection d’une date et la validation du formulaire, même si rien n’est encore connecté en base de données.
Les prototypes sont très utiles pour valider les choix avant de passer au développement, éviter les malentendus et gagner du temps (et du budget) en corrigeant les problèmes tôt.
👉 Découvrez d’autres étapes clés de la création d’un site ou d’une application dans notre glossaire du développement web.
Une PWA est une application web conçue pour offrir une expérience proche d’une application mobile native : utilisation hors-ligne, notifications push, ajout à l’écran d’accueil…
Elle est développée avec des technologies web classiques (HTML, CSS, JS), mais enrichie pour être plus performante et fluide sur mobile.
C’est une alternative légère au développement d’applications natives.
👉 À lier avec React, Vue.js, Firebase, Fastlane.
Vue.js est un framework JavaScript léger et progressif utilisé pour créer des interfaces web interactives et dynamiques. Il permet de développer des applications web modernes, avec une navigation fluide et réactive.
Concrètement, Vue.js aide les développeurs à structurer leur code en composants réutilisables, ce qui simplifie la gestion d’une interface complexe. Par exemple, sur un site e-commerce, chaque fiche produit, panier ou barre de recherche peut être un composant Vue.js indépendant, mis à jour instantanément sans recharger la page. Vue est souvent apprécié pour sa courbe d’apprentissage douce, sa flexibilité, et sa documentation claire, ce qui en fait un choix fréquent pour des projets de tailles variées, de la startup au grand compte.
Il peut être intégré petit à petit dans un site existant ou utilisé pour développer une application web complète.
👉 Envie d'en savoir plus sur les technologies web ? Explorez les autres définitions de notre glossaire pour mieux comprendre l’univers du développement.
Le versioning permet de suivre l’évolution du code d’un projet au fil du temps, grâce à des outils comme Git.
Chaque modification est enregistrée avec un identifiant, un auteur et un message. Cela permet de collaborer à plusieurs, de revenir en arrière en cas d’erreur, et de créer des branches pour développer des fonctionnalités en parallèle.
👉 C’est une brique essentielle du travail d’équipe en développement web, souvent couplée à la CI/CD.
👉 À associer à Code coverage, Sprint, Clean Architecture.
Symfony est un framework PHP open source qui permet de développer des applications web complexes, performantes et évolutives en suivant les bonnes pratiques du développement logiciel.
Pensé pour les projets de grande envergure, Symfony propose une architecture modulaire qui permet aux développeurs de construire leur application pièce par pièce, grâce à des composants réutilisables. Il est particulièrement apprécié pour sa robustesse, sa flexibilité et la qualité de sa documentation. Par exemple, si vous avez besoin d’un système de gestion de comptes utilisateurs, d’un tableau de bord administrateur ou d’une API sur mesure, Symfony offre une base fiable et sécurisée pour les développer.
Il est souvent choisi par les entreprises ayant des besoins spécifiques ou des contraintes techniques avancées, notamment dans les secteurs du e-commerce, de l’assurance ou de l’industrie.
👉 Vous souhaitez mieux comprendre les outils derrière la création d’un site ou d’une application web ? Consultez les autres définitions de notre glossaire.
Un sprint est une période de travail courte (souvent 1 à 2 semaines) pendant laquelle une équipe se concentre sur un ensemble précis de tâches à réaliser.
Issu de la méthode Agile, le sprint permet d’avancer par itérations rapides, avec des objectifs clairs, des livrables à tester, et une réunion de rétrospective à la fin.
C’est un format particulièrement adapté aux projets digitaux évolutifs (MVP, app mobile, SaaS).
👉 Explorez aussi les termes MVP, Features et KPI pour comprendre comment les sprints nourrissent une stratégie produit.
Un SaaS est une application accessible en ligne via un abonnement, sans installation locale.
Les utilisateurs accèdent au service via leur navigateur (ex : Figma, Notion, Google Drive), pendant que les éditeurs gèrent l’infrastructure, les mises à jour et la sécurité.
C’est un modèle économique largement adopté dans le digital, qui permet une évolution continue du produit et une facturation récurrente.
👉 À lier avec MVP, Features, Firebase, Fastlane, KPI.
La scalabilité désigne la capacité d’une application ou d’un système à gérer une montée en charge, c’est-à-dire à supporter plus d’utilisateurs, de données ou de trafic sans perte de performance.
Par exemple, une marketplace doit pouvoir accueillir 1 000 puis 10 000 puis 100 000 utilisateurs sans être réécrite à chaque palier.
La scalabilité dépend du choix de l’architecture technique, du framework (Laravel, Symfony) et des outils (Firebase, services cloud, etc.).
👉 À relier avec Clean Architecture, MVP, SaaS, KPI.
Le Shadow DOM est une fonctionnalité du navigateur qui permet d’encapsuler une portion d’interface HTML/CSS/JS dans un composant.
Il évite que le style ou les scripts de l’extérieur n’interfèrent avec le composant, ce qui améliore la modularité et la réutilisabilité.
Par exemple, un bouton personnalisé avec ses propres styles ne sera pas impacté par ceux du reste de la page.
👉 À lier avec Web components, React, Vue.js.
Une SPA est une application web qui ne recharge jamais la page complète.
Elle charge une seule fois l’interface, puis met à jour le contenu dynamiquement via JavaScript. Résultat : une navigation ultra fluide, comme une app mobile.
Les SPAs sont souvent développées avec React, Vue.js ou Angular.
👉 À relier à Front-end, API, Vue.js, React, PWA.
Storybook est un outil utilisé pour documenter et tester visuellement les composants d’interface d’un projet (React, Vue, Angular…).
Il permet de travailler le design système en autonomie, sans lancer toute l’application.
Idéal pour les équipes front-end, design ou QA.
👉 À relier à UI, Design System, Front-end, Prototype.
Stripe est une solution de paiement en ligne qui permet de gérer les transactions sur un site ou une application.
Elle propose une API très complète pour accepter cartes bancaires, Apple Pay, paiements récurrents, etc.
Ex : sur une marketplace, chaque vendeur peut être connecté à Stripe pour encaisser directement.
👉 À associer avec API, Webhook, Marketplace, SaaS.
Un wireframe est une maquette simplifiée d’un site web ou d’une application, qui sert à visualiser la structure des pages avant le travail de design graphique ou de développement.
Concrètement, un wireframe ressemble à un schéma en noir et blanc, sans couleurs ni images, qui indique où seront placés les différents éléments d’une page : titres, menus, boutons, zones de texte, etc. C’est un outil utilisé en amont d’un projet pour réfléchir à l’ergonomie, à la navigation et à l’organisation des contenus. Par exemple, lors de la création d’un site vitrine, le wireframe permet de valider avec le client qu’on retrouve bien une présentation claire de l’entreprise, une mise en avant des services et un bouton de contact bien visible.
Cela évite les malentendus, fluidifie la collaboration entre les équipes (UX, design, développement) et fait gagner du temps sur les phases suivantes.
👉 Pour continuer à découvrir les étapes clés de la création d’un site ou d’une application, parcourez les autres définitions de notre glossaire.
Un webhook est un système de notification automatique entre deux services.
Concrètement, lorsqu’un événement se produit (ex : une commande passée, un formulaire soumis), un webhook envoie une requête HTTP vers une URL définie, pour transmettre les données.
C’est l’inverse d’une API “appelée à la demande” : ici, le serveur émet l’information dès qu’elle est disponible.
Par exemple, Stripe peut envoyer un webhook à un site e-commerce pour signaler qu’un paiement a été validé.
👉 À relier avec API, Firebase, Back-end, CI/CD.
Un Web Component est un élément HTML personnalisé et réutilisable, créé avec des technologies natives du navigateur (sans framework).
C’est une façon de créer des interfaces modulaires et indépendantes, qui peuvent être utilisées partout (même sans React ou Vue).
👉 À associer avec Shadow DOM, Front-end, Prototype, Features.
Le code coverage, ou couverture de code, mesure la part du code source d’une application qui est testée automatiquement à l’aide de tests unitaires ou fonctionnels. C’est un indicateur utilisé pour évaluer la qualité et la fiabilité des tests dans un projet de développement.
Plus précisément, le code coverage indique le pourcentage de lignes, de fonctions ou de blocs de code qui sont exécutés lorsque les tests tournent. Par exemple, si une application contient 1 000 lignes de code et que les tests en font passer 800, la couverture est de 80 %. Cela permet de repérer les zones du code non testées, donc potentiellement plus vulnérables aux bugs. Toutefois, un taux élevé ne garantit pas l'absence d’erreurs : tout dépend aussi de la pertinence des tests.
C’est un outil d’aide à la décision, souvent utilisé dans les projets exigeant une grande stabilité, comme les applications bancaires ou médicales.
👉 Pour mieux comprendre les outils et bonnes pratiques du développement web, explorez les autres termes de notre glossaire.
La Clean Architecture est une méthode d’organisation du code qui vise à rendre une application plus claire, plus maintenable et plus indépendante des technologies utilisées. Elle repose sur une séparation stricte des responsabilités entre les différentes couches d’un projet.
Concrètement, cette architecture divise le code en plusieurs cercles concentriques. Au centre, on retrouve les règles métier (ce que fait l’application), puis autour, les couches qui s’occupent de la logique d’application, de l’interface utilisateur, ou encore de la base de données. L’idée est que les éléments les plus importants (la logique métier) ne dépendent jamais des détails techniques (framework, base de données, etc.).
Par exemple, dans une application de gestion de rendez-vous, la manière dont les créneaux sont réservés doit fonctionner de la même façon, que ce soit via une interface web ou une appli mobile. Cela facilite les évolutions, les tests, et le remplacement de certaines briques techniques sans tout casser.
👉 Pour aller plus loin dans la découverte des bonnes pratiques en développement web, continuez à parcourir les définitions de notre glossaire.
CRUD est un acronyme pour Create, Read, Update, Delete, soit les quatre opérations de base sur des données dans une application.
Par exemple, dans un back-office développé avec Filament PHP, on pourra créer une fiche produit, la lire, la modifier ou la supprimer via des interfaces générées automatiquement.
C’est une notion centrale dans le développement d’applications web, liée à la gestion des ressources.
👉 Terme à relier à Back-end, Filament PHP et Features.
La CI/CD est une méthode de travail automatisée pour intégrer et déployer rapidement du code.
CI (Continuous Integration) : le code est automatiquement testé à chaque mise à jour.
CD (Continuous Delivery/Deployment) : le code validé est mis en ligne automatiquement.
Cela garantit un développement plus fluide, des livraisons fréquentes et moins d’erreurs humaines.
👉 Couplé avec des outils comme Git, Fastlane, ou Firebase Hosting, c’est un incontournable des projets modernes.
👉 À associer à Fastlane, KPI, Code coverage, Sprint.
CMS (Content Management System)
Un CMS est un outil qui permet de gérer facilement le contenu d’un site web sans écrire de code.
Le plus connu est WordPress, mais il en existe d’autres comme Strapi, Ghost ou Sanity.
Les CMS sont utilisés pour créer des blogs, des sites vitrines ou des plateformes éditoriales, avec une interface d’administration simplifiée pour les non-développeurs.
👉 À relier avec Figma (pour la phase de design), Features, Prototype et Back-end.
Une API (pour Application Programming Interface) est une interface qui permet à deux applications ou services de communiquer entre eux. Elle sert de “pont” pour échanger des données de manière structurée et sécurisée.
Dans un projet web, une API permet par exemple à un site e-commerce d’afficher des avis clients récupérés depuis une plateforme externe, ou à une application mobile de se connecter à une base de données distante. C’est un peu comme un serveur dans un restaurant : vous passez commande (la requête), et il vous rapporte votre plat (la réponse) sans que vous ayez à entrer en cuisine.
Les API sont partout dans le web moderne : elles permettent d’intégrer Google Maps sur un site, de proposer un paiement via Stripe, ou encore de gérer l’authentification avec Facebook ou Google. Pour les développeurs, elles offrent une façon rapide et standardisée d’ajouter des fonctionnalités sans tout recréer de zéro.
👉 Découvrez d’autres définitions techniques dans notre glossaire pour mieux comprendre les coulisses d’un projet digital.
Le back-end désigne la partie invisible d’un site ou d’une application, celle qui gère la logique métier, les bases de données, les serveurs et les échanges avec l’interface utilisateur (le front-end).
Par exemple, lorsqu’un utilisateur soumet un formulaire de contact, c’est le back-end qui reçoit les données, les traite et les stocke. Il est développé avec des langages comme PHP, Python, Ruby ou Node.js, et repose souvent sur des frameworks comme Laravel ou Symfony.
Un bon back-end est essentiel à la sécurité, à la performance et à la fiabilité d’un projet digital.
👉 Explorez aussi les définitions liées au front-end, à l’API ou à la Clean Architecture pour mieux comprendre l’articulation d’un projet web.
L’UX, ou expérience utilisateur, désigne la qualité du ressenti d’un internaute lorsqu’il navigue sur un site ou une application.
Un bon UX se traduit par une interface intuitive, rapide, agréable, qui répond efficacement aux attentes de l’utilisateur. Cela passe par des choix ergonomiques, un design clair, un contenu bien structuré et une navigation fluide.
Par exemple, si un site e-commerce est trop lent ou complexe, même avec les meilleures fonctionnalités, l’expérience utilisateur sera perçue comme négative.
👉 Découvrez aussi les définitions Persona, Prototype ou Wireframe pour comprendre comment on conçoit une bonne UX.
La UI, ou interface utilisateur, fait référence à l’aspect graphique d’un site ou d’une application : les couleurs, les boutons, les typographies, les animations.
C’est ce que l’on voit à l’écran et qui permet d’interagir avec le produit. L’UI est le “visage” du projet, souvent conçu avec des outils comme Figma, et pensé pour être cohérent avec l’expérience utilisateur (UX).
Par exemple, deux applications peuvent proposer les mêmes fonctionnalités (features), mais leur UI peut tout changer en termes de perception et d’accessibilité.
👉 À associer avec les termes UX, Front-end, et Design system.