M322 V1
Concevoir et implémenter des interfaces utilisateur
- Type
- EP obligatoire
- Lieu
- École professionnelle
- Année
- 2ème année d'apprentissage
- 322_1_Concevoir%20et%20impl%C3%A9menter%20des%20interfaces%20utilisateur.pdf
Compétence visée par le module
Concevoir et implémenter des interfaces utilisateur pour une application en respectant les standards et les exigences ergonomiques.
Situation / objet
Interface utilisateur permettant l’interaction avec une application afin d’atteindre avec efficience l’objectif visé dans l’environnement donné. Exemple: concevoir une application blog interactive comprenant plusieurs masques.
Objectifs opérationnels et connaissances
322.1 Analyser les caractéristiques utilisateur et l’environnement utilisateur en fonction du problème donné et du système, et les documenter. [g1.1 / g1.2 / g1.8 / g2.1] g1 g2 g5
| Connaissance | Texte |
|---|---|
| 322.1.1 | Connaître des processus – p. ex. conception créative (design thinking), conception centrée utilisateur (user centered design [UCD]) – et des méthodes – p. ex. observation, entretien, focus groupe, analyse de logs – pour recenser et documenter – p. ex. persona, récit utilisateur (user story), storyboard, tri de cartes (card sort) – les caractéristiques utilisateur, l’environnement utilisateur et le problème à résoudre (informations et fonctions). |
322.2 Développer des variantes d’une interface utilisateur (masque et enchaînements) sur la base des standards définis et des exigences ergonomiques. [g.1.3 / g2.1 / g2.2] g1 g2 g5
| Connaissance | Texte |
|---|---|
| 322.2.1 | Connaître les règles à observer pour la conception d’une interface utilisateur (p. ex. règles en matière de design, guides de style) ainsi que les méthodes pour développer celle-ci en tenant compte des critères ergonomiques (p. ex. meilleures pratiques, ISO 9241/16982/25010). |
| 322.2.2 | Connaître des possibilités de conception itérative efficace d’interfaces utilisateur (p. ex. maquette fonctionnelle [wireframe], prototype papier). |
| 322.2.3 | Connaître des éléments d’interaction et les conventions d’usage pour la conception d’interfaces utilisateur (p. ex. représentation de menus, navigation, interaction, orientation, ordre, désignation). |
| 322.2.4 | Connaître les règles à observer pour l’affichage des champs obligatoires et les paramètres des formats de saisie prévus. |
| 322.2.5 | Connaître des possibilités pour intégrer de manière ciblée des fonctions d’aide et des informations de feed-back dans une interface utilisateur. |
322.3 Implémenter une interface utilisateur conformément au projet et vérifier les parties problématiques quant à leur faisabilité. [g2.2 / g2.3 / g2.6 / g5.4] g1 g2 g5
| Connaissance | Texte |
|---|---|
| 322.3.1 | Connaître des composants (widgets/controls) pour la mise en œuvre des éléments d’information et d’interaction d’interfaces utilisateur. |
| 322.3.2 | Connaître des critères pour identifier des parties difficiles de l’interface utilisateur en termes de convivialité et de faisabilité, les analyser et les tester (p. ex. prototype cliquable). |
322.4 Vérifier l’ergonomie d’une interface utilisateur. [g1.2 / g2.4 / g2.5 / g5.7] g1 g2 g5
| Connaissance | Texte |
|---|---|
| 322.4.1 | Connaître des méthodes pour tester de manière efficace la convivialité des interfaces utilisateur (p. ex. walkthrough, revue d’expert, A/B, test d’usabilité, etc.). |
| 322.4.2 | Connaître des métriques pour évaluer la convivialité d’interfaces utilisateur (p. ex. SUS, HEART, Logfile, sondage). |
322.5 Implémenter une interface utilisateur sans barrières et la vérifier. [g2.4 / g5.1] g1 g2 g5
| Connaissance | Texte |
|---|---|
| 322.5.1 | Connaître les principales exigences relatives à une interface utilisateur sans barrières (p. ex. WCAG, WAI-Aria). |
| 322.5.2 | Connaître des méthodes pour tester l’absence de barrières d’interfaces utilisateur (p. ex. lecteur d’écran, listes de contrôle). |
Matrice de compétences
| Bande | Compétence | Débutant | Intermédiaire | Avancé | Objectifs |
|---|---|---|---|---|---|
| A1 | Comprendre une analyse des exigences | Je peux nommer les éléments constitutifs d'une analyse des exigences (p. ex. utilisateur, tâches, contexte et technologie). | Je peux expliquer les résultats d'une analyse des exigences (p. ex. utilisateur, tâches, contexte et technologie). | Je peux examiner sous un angle critique une analyse des exigences existante et proposer des améliorations. |
322.1
|
| A2 | Choisir un modèle de procédure | Je peux nommer un modèle de procédure approprié pour recueillir les exigences et en énumérer les phases (p. ex. design thinking, conception centrée sur l'utilisateur). | Je peux expliquer le sens et le but d'un modèle de procédure et ses phases (p. ex. design thinking, conception centrée sur l'utilisateur). | Je peux choisir de manière fondée un modèle de procédure itératif. |
322.1
|
| A3 | Comprendre le contexte d'utilisation | Je peux expliquer une méthode d'analyse de l'environnement d'utilisation, des tâches et du comportement utilisateur (p. ex. observation,entretien, analyse de logs). | Je peux appliquer une méthode d'analyse de l'environnement d'utilisation, des tâches et du comportement utilisateur (p. ex. observation, entretien, analyse de logs). | Je peux traduire en exigences pertinentes les connaissances tirées de l'application d'une méthode. |
322.1
|
| A4 | Saisir les caractéristiques utilisateur | Je peux justifier la finalité d'une saisie méthodique des caractéristiques utilisateur, des objectifs et des besoins. | Je peux déduire les principaux profils utilisateur à partir des caractéristiques utilisateur, des objectifs et des besoins et les saisir de manière méthodique (p. ex. persona, carte d'empathie ou empathy map). | Je peux examiner avec un œil critique les caractéristiques utilisateur, les objectifs et les besoins et optimiser les profils utilisateur en conséquence. |
322.1
|
| A5 | Spécifier les exigences utilisateur | Je peux expliquer une méthode de documentation et de spécification des exigences utilisateur (p. ex. cas d'utilisation, récit utilisateur). | Je peux appliquer une méthode de documentation et de spécification des exigences utilisateur (p. ex. cas d'utilisation, récit utilisateur). | Je peux appliquer une méthode d'évaluation et de hiérarchisation des exigences utilisateur (p. ex. backlog). |
322.1
|
| B1 | Comprendre les principes de conception de dialogue | Je peux expliquer le concept d'utilisabilité (efficacité, efficience et satisfaction). | Je peux expliquer les principes d'interaction d'une interface utilisateur existante (p. ex. selon ISO 9241-110). | Je peux fixer des principes d'interaction pour une interface utilisateur requise. |
322.2
|
| B2 | Concevoir une interface utilisateur | Je peux esquisser des dialogues individuels (écrans, p. ex. sous forme de wireframe). | Je peux présenter un flux (flow) de dialogue (écrans) sous forme de prototype papier. | Je peux concevoir le flux (flow) d'une interface utilisateur sous forme de prototype cliquable. |
322.2
|
| B3 | Appliquer les principes d'interaction | Je peux identifier différents éléments d'interaction d'une interface utilisateur existante (p. ex. menu, navigation, orientation, ordre). | Je peux choisir les éléments d'interaction appropriés pour une interface utilisateur selon les conventions correspondantes et les agencer de manière judicieuse (p. ex. structure sémantique, présentation, désignation, structure). | Je peux analyser et optimiser une interface utilisateur existante en ce qui concerne les éléments d'interaction. |
322.2
|
| B4 | Créer des formats de saisie | Je peux citer des règles pour marquer les champs obligatoires (p. ex. astérisque). | Je peux citer des règles pour créer les formats de saisie attendus (p. ex. date, e-mail, téléphone). | Je peux marquer les champs obligatoires et créer les formats de saisie attendus d'une interface utilisateur de manière auto-explicative. |
322.2
|
| B5 | Intégrer des fonctions d'aide et des informations de feedback | Je peux identifier et proposer des fonctions d'aide appropriées pour une interface utilisateur. | Je peux identifier et proposer des informations de feedback appropriées pour une interface utilisateur. | Je peux représenter toutes les fonctions d'aide et les informations de feedback d'une interface utilisateur. |
322.2
|
| C1 | Connaître et appliquer les éléments d'une interface utilisateur | Je connais des contrôles et des widgets simples ainsi que leurs propriétés pour les interfaces utilisateur et je peux les citer et les expliquer. | Je peux sélectionner et placer de manière judicieuse divers contrôles et widgets à des fins d'interaction. | Je peux concevoir des éléments d'interaction plus complexes et composites et les organiser dans une séquence logique. |
322.3
|
| C2 | Connaître et appliquer les éléments d'une interface utilisateur | Je peux transposer les esquisses conçues en un prototype cliquable. | Je peux tester un projet avec un prototype cliquable et identifier les problèmes éventuels. | Je peux analyser les problèmes, proposer des améliorations et retravailler le prototype. |
322.3
|
| C3 | Améliorer la convivialité | Je peux, en ce qui concerne la convivialité, identifier les éléments difficiles à réaliser. | Je peux soumettre des propositions visant à améliorer la convivialité. | Je peux, à partir d'un élément, mettre au point (élaborer) une meilleure solution en termes d'utilisabilité, qui soit à la fois plus simple et plus intuitive. |
322.3
|
| D1 | Tester l'utilisabilité | Je peux effectuer avec quelqu'un un parcours (walkthrough) à travers une séquence d'interface utilisateur. | Je peux effectuer, en ce qui concerne la convivialité, un test d'utilisabilité d'une séquence d'interface utilisateur. | Je peux planifier et effectuer, en ce qui concerne la convivialité, un test d'utilisabilité d'une séquence d'interface utilisateur. |
322.4
|
| D2 | Quantifier et améliorer l'utilisabilité | Je peux expliquer un questionnaire normalisé (SUS, HEART). | Je peux réaliser et évaluer un questionnaire de suivi sur la base du questionnaire (SUS, HEART). | Je peux analyser les résultats (métriques) et proposer des solutions d'amélioration. |
322.4
|
| E1 | Mettre en œuvre l'accessibilité (accès sans barrières) | Je peux citer les exigences sous-tendant une interface utilisateur sans barrières (accessible à tous) et indiquer les aspects dont il faut tenir compte lors de la conception. | Je peux mettre en œuvre des éléments d'une interface utilisateur sans barrières (étiquettes, navigation par onglets, contraste, texte alternatif, etc.). | Je peux proposer des éléments appropriés pour une interface utilisateur sans barrières. |
322.5
|
| E2 | Vérifier l'accessibilité (accès sans barrières) | Je peux expliquer les possibilités permettant de vérifier l'accessibilité pour tous (p. ex. liste de contrôle). | Je peux vérifier l'accessibilité (accès sans barrières) d'une interface utilisateur selon une liste de contrôle. | Je peux prouver l'accessibilité (sans barrières) d'une interface utilisateur. |
322.5
|
Modules liés par compétences PEC
| Module | Titre | PEC communes |
|---|---|---|
| M223 | Réaliser des applications multi-utilisateurs orientées objets | |
| M293 | Créer et publier un site Web | |
| M294 | Réaliser le front-end d’une application Web interactive | |
| M319 | Concevoir et implémenter des applications | |
| M320 | Programmer orienté objet | |
| M321 | Programmer des systèmes distribués | |
| M324 | Prendre en charge des processus DevOps avec des outils logiciels | |
| M335 | Réaliser une application pour mobile | |
| M426 | Développer un logiciel avec des méthodes agiles | |
| M106 | Interroger, traiter et assurer la maintenance des bases de données | |
| M162 | Analyser et modéliser des données | |
| M164 | Créer des bases de données et y insérer des données |