Interfaces et ergonomie

Questions fréquentes

C'est quoi l'ergonomie d'une interface ?

L'ergonomie d'une interface est sa capacité à être utilisée facilement, efficacement et sans erreur par les personnes à qui elle est destinée, dans leur contexte réel. Elle se mesure par l'utilisabilité, que la norme ISO 9241-11 définit par trois critères : l'efficacité (le but est atteint), l'efficience (avec peu d'effort) et la satisfaction. Une interface ergonomique se conçoit en partant des utilisateurs et se vérifie par des tests (chapitre 1).

Quelle est la différence entre UX et UI ?

L'UI (user interface) est la partie visible de l'application : la disposition, les couleurs, les boutons, les champs. L'UX (user experience) est tout ce que vit l'utilisateur avant, pendant et après l'usage, y compris hors de l'écran : comprendre, réussir sa tâche, être prévenu au bon moment. L'UI est une partie de l'UX ; une belle UI ne garantit pas une bonne expérience (UX, UI et utilisabilité).

Quels sont les 8 critères de Bastien et Scapin ?

Les critères ergonomiques de Bastien et Scapin (INRIA, 1993) sont le guidage, la charge de travail, le contrôle explicite, l'adaptabilité, la gestion des erreurs, l'homogénéité et la cohérence, la signifiance des codes et dénominations, et la compatibilité. Ils se détaillent en 18 critères élémentaires, comme le feedback immédiat ou la qualité des messages d'erreur. Ils servent à concevoir un écran et à justifier ses défauts lors d'une évaluation (chapitre 2).

Quelles sont les 10 heuristiques de Nielsen ?

Jakob Nielsen a publié en 1994 dix principes : visibilité de l'état du système, correspondance avec le monde réel, contrôle et liberté de l'utilisateur, cohérence et standards, prévention des erreurs, reconnaissance plutôt que rappel, flexibilité et efficacité d'utilisation, esthétique et design minimaliste, aide à la reconnaissance et à la réparation des erreurs, aide et documentation. Ils recouvrent largement les critères de Bastien et Scapin (chapitre 3).

Quelle est la différence entre un wireframe, une maquette et un prototype ?

Le wireframe est le squelette de l'écran, en noir et blanc : il montre la structure et le contenu. La maquette (mockup) montre l'apparence finale, avec les couleurs et la typographie, mais reste statique. Le prototype est interactif : on clique pour passer d'un écran à l'autre, ce qui permet de tester un parcours avec des utilisateurs avant de coder (chapitre 5).

Figma est-il gratuit pour les étudiants ?

Oui : Figma propose un plan Education gratuit qui donne aux étudiants de l'enseignement supérieur, dont ceux de BTS, le plan Professional pendant un an, renouvelable tant qu'ils restent étudiants. La demande se fait sur figma.com/education avec l'adresse électronique de l'établissement, et ton inscription est vérifiée sur justificatif. Le plan gratuit Starter, plus limité, suffit pour débuter, et Penpot est une alternative libre et gratuite (maquetter avec Figma).

Comment calculer le score SUS ?

Pour chacune des dix affirmations notées de 1 à 5, la contribution vaut « note − 1 » pour les affirmations impaires et « 5 − note » pour les paires. On additionne les dix contributions et on multiplie par 2,5 : le score va de 0 à 100. La moyenne de référence est 68, et un score au-dessus de 80,3 place l'interface parmi les 10 % meilleures (le questionnaire SUS).

Combien d'utilisateurs faut-il pour un test utilisateur ?

Cinq participants par profil d'utilisateurs suffisent pour trouver l'essentiel des problèmes d'une interface, environ 84 % d'après le modèle de Nielsen et Landauer. Mieux vaut faire trois tests de cinq personnes, en corrigeant entre chaque, qu'un seul test de quinze. Pour mesurer précisément un taux de réussite ou un temps, il en faut davantage (test utilisateur).

L'accessibilité est-elle obligatoire pour une application ?

Oui pour les services publics et les entreprises de plus de 250 millions d'euros de chiffre d'affaires en France (loi de 2005, RGAA), et, depuis le 28 juin 2025, pour les sites et applications mobiles de commerce en ligne, de banque, de transport et d'autres services aux consommateurs (European Accessibility Act), sauf pour les microentreprises de services. Une application interne n'y est pas soumise, mais l'employeur doit permettre à un salarié handicapé de travailler (chapitre 7).

Faut-il faire une maquette à l'E6 du BTS SIO ?

Le référentiel demande que la maquette de ta solution respecte les fonctionnalités exprimées et que les spécifications de l'interface répondent aux contraintes ergonomiques. Prévois des maquettes dans le dossier de tes réalisations, et dessine une maquette rapide de l'évolution demandée pendant la préparation de la phase 1 : sur papier ou en texte, elle suffit à montrer que tu as conçu l'écran avant de le coder (l'ergonomie à l'E6 SLAM).