[PDF] LOG2420 — Analyse et conception dinterfaces utilisateur





Previous PDF Next PDF



LOG2420 — Analyse et conception dinterfaces utilisateur

LOG2420 — Analyse et conception d'interfaces utilisateur. Principes de l'utilisabilité. Michel C. Desmarais. Génie informatique et logiciel.



LOG2420 — Analyse et conception dinterfaces utilisateur

Aug 18 2021 Cycles. Exigences utilisateur. LOG2420 — Analyse et conception d'interfaces utilisateur. Processus de développement centré utilisateur.



- Modèle MVC

École Polytechnique de Montréal. 29 octobre 2017. LOG2420 — Analyse et conception d'interfaces utilisateur — Mod`ele MVC.



- La gestion des événements

École Polytechnique de Montréal. 26 août 2019. LOG2420 — Analyse et conception d'interfaces utilisateur — La gestion des événements.



Final (corrigé) de LOG2420 Interfaces utilisateurs Questions de

(a) [5 points] Identifiez cinq probl`emes de conception d'interface un pour chaque sujet sui- vant : 1. langage visuel;. 2. charge cognitive;. 3. heuristique 



- Principes de lutilisabilité

LOG2420 — Interfaces utilisateur — Principes de l'utilisabilité Homogénéité/Cohérence : les choix de conception d'interface doivent être conservés pour ...



UNIVERSITÉ DE MONTRÉAL LE FILTRAGE BASÉ SUR LE

Figure 3.1 Interface de la recherche des cours de l'École Polytechnique. Méthodologie de conception centrée sur l'utilisateur. ... Poly/LOG2420.



Le programme de Génie électrique Le programme de Génie électrique

les étudiants de cette concentration les sujets du projet intégrateur de LOG2420 Analyse et conception interfaces utilisateurs. Au choix.



Modifications au programme de génie biomédical

d'utilisabilité et d'expérience-utilisateur. Sigle. Titre du cours cr. 9 crédits obligatoires : LOG2420 ou. IND8402. Analyse et conception des interfaces 



Double diplôme Polytechnique-HEC

May 4 2021 LOG2420. Analyse et conception des interfaces utilisateurs. 3. LOG2810. Structures discrètes. 3. LOG2990. Projet de logiciel d'application ...

CyclesExigences utilisateur

LOG2420 - Analyse et conception

d"interfaces utilisateur Processus de développement centré utilisateur

Michel C. Desmarais

Génie informatique et logiciel

École Polytechnique de Montréal

Automne, 2022

(13 sept., 2022) LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 1/47 CyclesExigences utilisateurProcessus de développement centré utilisateur

1Cycles de conception et de

développementCycles de développement logiciels traditionelsCycles centrés utilisateursLe cycle centré utilisateur

ISO 130472Exigences utilisateur

Élaboration et validation

Exigences d"utilisabilité

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 2/47 CyclesExigences utilisateurLe développement de logiciel Il existe des différences fondamentales entre le développement

d"un logiciel interactif et un logiciel non interactifEx. logicielinteractif: interface à un téléphone portableEx. logicielnon interactif: pilote de la carte antenne du

téléphone portableLa différence principale :les exigences utilisateurs sont

volatiles, elles changent au long du projetPour des applications interactives, c"est près de50% du code

qui est dédié à l"interfacePar conséquent, leprocessus de développement doit être adapté LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 3/47 CyclesExigences utilisateurLe coût de changements d"exigences selon la phase

Coût Phase

1$ Exigences

2-6$ Conception

10$ Codage

15-60$ Tests (développement)

30-70$ Tests (acceptabilité)

40-1000$ Opérationssource : Young, R. (2001). Effective Requirements Practices.

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 4/47 CyclesExigences utilisateurProcessus de développement centré utilisateur

1Cycles de conception et de

développementCycles de développement logiciels traditionelsCycles centrés utilisateursLe cycle centré utilisateur

ISO 130472Exigences utilisateur

Élaboration et validation

Exigences d"utilisabilité

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 5/47

CyclesExigences utilisateurModèle en spirale

Le modèle en spirale s"approche du centré utilisateur sans toutefois en comporter les particularités spécifiques. LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 6/47

CyclesExigences utilisateurModèle itératif

est adaptable, mais pas adapté au modèle centré utilisateur. Les cas d"utilisation sont les artefacts clés pour le développement d"applications interactives. LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 7/47

CyclesExigences utilisateurSCRUM

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 8/47 CyclesExigences utilisateurProcessus de développement centré utilisateur

1Cycles de conception et de

développementCycles de développement logiciels traditionelsCycles centrés utilisateursLe cycle centré utilisateur

ISO 130472Exigences utilisateur

Élaboration et validation

Exigences d"utilisabilité

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 9/47 CyclesExigences utilisateurProcessus de développement centré utilisateur selon

Constantine et Lockwood (1999)

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 10/47 CyclesExigences utilisateurProcessus de développement centré utilisateur selon

Mayhew (1999)

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 11/47 CyclesExigences utilisateurProcessus de développement centré utilisateur selon

Mayhew (1999)

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 12/47 CyclesExigences utilisateurProcessus de développement centré utilisateur selon

Mayhew (1999)

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 13/47 CyclesExigences utilisateurProcessus de développement centré utilisateur selon

Mayhew (1999)

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 14/47 CyclesExigences utilisateurLes méthodes selon Lallemand et Gronier, 2018

1. Planification

Définition du projet (1a)

Recherche secondaire (1b)

Recrutement des utilisateurs (2)

Déontologie et éthique (3)

2. Exploration

Entretien (4)

Focus group (5)

Observation (6)

Questionnaire exploratoire (7)

Sondes culturelles (8)

3. Idéation

Remue-méninge (brainstorming) (9)

Carte d"idéation (10)

Design studio (11)

Experience map (12)

Personas (13)

Techniques génératives (14)4. Génération

Design persuasif (15)

Gamification (16)

Iconographie (17)

Maquettage (18)

Storyboarding (19)

Trie de cartes (20)

5. Évaluation

Complétion de phrases (21)

Courbes d"évaluation UX (22)

Échelles d"utilisabilité (23)

Échelles UX (24)

Évaluation des émotions (25)

Évaluation experte (26)

Journal de bord (27)

Test des 5 secondes (28)

Tests utilisateurs (29)

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 15/47 CyclesExigences utilisateurUn autre exemple de Elvira Hellenpart

(https://careerfoundry.com/en/portfolios/elvira-hellenpart/)1Exploration: Énoncé du problème | Analyse de la concurrence

| Validation du contenu | Expériences utilisateurs (user stories)2Recherche utilisateur: Sontage et entretiens | Cartes

d"affinité | Persona | Scénarios | Modèles mentaux | Analyse de tâche et cheminement utilisateur3Idéation: Plan du site | Prototypes basse / moyenne / haute(interactif) fidélité | Évaluation heuristique4Tests utilisabilité: Plan | Script | Rapports | Recommendations | Tests de préférence5Design visuel: Évaluation selon principes visuels |

Accessibilité | Guide de style

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 16/47 CyclesExigences utilisateurQuelques prémisses fondamentales d"un cycle centré utilisateur1Les exigences, et en particulier les exigences utilisateur : peuvent difficilement êtreentièrement, précisément et correctement spécifiées;il faut un une série deprototypespour aider à mieux les

circonscrire et les comprendre;ellesévoluentau long des itérations.2Il est essentiel de bienconnaître les utilisateurs et le

contexte d"utilisationafin d"effectuer une conception éclairée3On ne peut anticiper parfaitement le comportement des

utilisateurs, il fauttester avec une approche empiriqueet faire appel à plusieurs experts pour évaluer un prototype. LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 17/47 CyclesExigences utilisateurProcessus de développement centré utilisateur

1Cycles de conception et de

développementCycles de développement logiciels traditionelsCycles centrés utilisateursLe cycle centré utilisateur

ISO 130472Exigences utilisateur

Élaboration et validation

Exigences d"utilisabilité

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 18/47 CyclesExigences utilisateurISO 13407(1) Planification du processus centré-utilisateur (2) Comprendre et spécifier le contexte d"utilisation (3) Spécifier les exigences utilisateurs et organisationnelles(4) Concevoir des solutions de conception (5) Évaluer les solutions par rapport aux exigences

Exigences satisfaites?LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 19/47

CyclesExigences utilisateur(1) Planification du cycle centré utilisateur

Enjeux de l"utilisabilité pour le projet

Impact sur les opérations

Complexité (ex. flux d"échanges entre utilisateurs dans l"organisation)Qui sont les utilisateurs?

Utilisateurs captifs?

Expérience et habileté

Fréquence d"utilisation

La loi de la puissance de l"apprentissage (T=a×bn+c)LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 20/47

CyclesExigences utilisateur(2) Contexte d"utilisation

Utilisateurs

Expérience et habiletés, connaissances du domaine, âge et sexe, attitudes et motivationsDiversité (horizontale et verticale)

Tâches

Fréquences

Importances respectives

Durées et niveau de difficulté

Dépendances

Environnement technique

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 21/47(1) Planification du

processus centré-utilisateur (2) Comprendre et spécifier le contexte d"utilisation (3) Spécifier les exigences utilisateurs et organisationnelles(4) Concevoir des solutions de conception (5) Évaluer les solutions par rapport aux exigences

Exigences satisfaites?

CyclesExigences utilisateur(2) Contexte d"utilisation (suite)

Environnement physique

Bruit, chaleur, vibrations, éclairage (ex. guichets dans le rayon du soleil!)Posture, risques à la santé (normes internationales)

Environnement organisationnel

Pratiques, politiques d"utilisation et d"achats matériels, relations de pouvoirL"exemple de Chernobyl révèle l"importance de bien prendre en compte les pratiques LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 22/47 CyclesExigences utilisateurAnalyse coût-bénéfices

Analyse coût-bénéfice

Détermine l"effort qu"on devrait y consacrer

Ex. 1% de 50 utilisateurs×20h×40 sem×3 ans×50 $ =

60 000 $1% de 4h = 2,5 minutes!

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 23/47 CyclesExigences utilisateur(2) Méthodologies d"analyse du contexte d"utilisation Quelques activités lors de l"analyse du contexte d"utilisation :

Questionnaires, documentation

Interviews

Observations ethnographiques

Journal de bord

Analyse de tâche

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 24/47 CyclesExigences utilisateurExemple d"analyse de tâche

Tâches pour de gestion d"un magasin

(http://www.usabilis.com/methode/analyse-tache.htm)LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 25/47

CyclesExigences utilisateurISO 13407

Étape 3(1) Planification du

processus centré-utilisateur (2) Comprendre et spécifier le contexte d"utilisation (3) Spécifier les exigences utilisateurs et organisationnelles(4) Concevoir des solutions de conception (5) Évaluer les solutions par rapport aux exigences

Exigences satisfaites?LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 26/47

CyclesExigences utilisateur(3) Exigences utilisateurs, d"utilisabilité et organnisationnelsExigences utilisateurs surtout des exigences fonctionnelles qui découlent des tâches

Exigences d"utilisabilité

Taux de succès

Nombre d"erreurs

Temps d"exécution des tâches

Rythme d"apprentissage

Satisfaction

Les exigences changent selon les catégories d"utilisateurs et le niveau d"apprentissageExigences organisationnels

Processus et flux d"échanges

Ex. taux d"appels d"un centre de télémarketing ou taux de recouvrement d"un service de facturation LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 27/47

CyclesExigences utilisateurISO 13407

Étape 4(1) Planification du

processus centré-utilisateur (2) Comprendre et spécifier le contexte d"utilisation (3) Spécifier les exigences utilisateurs et organisationnelles(4) Concevoir des solutions de conception (5) Évaluer les solutions par rapport aux exigences

Exigences satisfaites?LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 28/47

CyclesExigences utilisateur(4) Solutions de design

Remue-méninges

Diagrammes d"affinité et tri de cartes

Maquettes papier

Prototypes

Wizard of oz

Prototypage organisationnel

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 29/47

CyclesExigences utilisateurISO 13407

Étape 5(1) Planification du

processus centré-utilisateur (2) Comprendre et spécifier le contexte d"utilisation (3) Spécifier les exigences utilisateurs et organisationnelles(4) Concevoir des solutions de conception (5) Évaluer les solutions par rapport aux exigences

Exigences satisfaites?LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 30/47

CyclesExigences utilisateur(5) Évaluations

Évaluation participative

Évaluation heuristique

Tests utilisateur contrôlés

Questionnaires de satisfaction

Inspections cognitives

Incidents critiques

Feedback suite à un test ou une utilisation prolongée

Statistiques d"utilisation (ex. Web)

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 31/47

CyclesExigences utilisateurExemple

Le baladeur Sanyo revu et corrigéSupposons que l"on a effectué le processus ISO 13407 pour déterminer les exigences utilisateur du baladeur Sanyo.

Exercice Sanyo

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 32/47 CyclesExigences utilisateurProcessus de développement centré utilisateur

1Cycles de conception et de

développementCycles de développement logiciels traditionelsCycles centrés utilisateursLe cycle centré utilisateur

ISO 130472Exigences utilisateur

Élaboration et validation

Exigences d"utilisabilité

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 33/47 CyclesExigences utilisateurProcessus de développement centré utilisateur

1Cycles de conception et de

développementCycles de développement logiciels traditionelsCycles centrés utilisateursLe cycle centré utilisateur

ISO 130472Exigences utilisateur

Élaboration et validation

Exigences d"utilisabilité

LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 34/47 CyclesExigences utilisateurExigences utilisateur et exigences d"utilisabilité Exigencesutilisateurbesoins, buts (découlent des tâches) profil, compétences, préférences (non fonctionnelles) toute autre exigence qui touche directement les utilisateurs se transforment en exigences fonctionnelles Exigencesd"utilisabilitétemps d"exécution d"une tâche, taux d"erreurs, temps d"apprentissage, etc., selon des profils utilisateur spécifiques, bien entendu!déterminées en fonction du contexte d"utilisation, d"applications concurrentes, ou d"objectifs corporatifs. LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 35/47 CyclesExigences utilisateurExigences utilisateurs et analyse de tâche L"analyse de tâcheestpréalableà la spécification des exigences utilisateursUne grande partie des exigences utilisateursdécoulentde l"analyse des tâchesLes tâches et sous-tâches ne sont pas nécessairement liées à

desexigences fonctionnelleset c"est parfois unchoixp.e. poursuivre l"édition d"un fichier implique la sous-tâche

d"ouvrir le fichier dans l"applicationcette action peut être automatisée lors de l"ouverture de

l"applicationp.e. la saisie d"un code de confirmation d"une double identification peut ou non être automatisée Il est donc important de bien identifier les sous-tâches afin de déterminer si on doit éventuellement les soutenir avec des fonctionalités, surtout lorsqu"elles impliquent un effort cognitif ou manuel important. LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 36/47 CyclesExigences utilisateurExemple d"analyse de tâche

Tâches pour de gestion d"un magasin

(http://www.usabilis.com/methode/analyse-tache.htm)LOG2420 - Interfaces utilisateur - Processus de développement centré utilisateur 37/47

CyclesExigences utilisateurTâche sous forme de flux décisionnel Une tâche peut aussi être décrite sous forme d"un flux décisionnel.Traiter une

Client appelle ou

se pr´esente au guichetCollecte information (dates, chambre, etc.)V´erifie disponibilit´es rabais, prix, etc.Le client veut r´eserver?Autres dates ou choix?Remercier client et mettre fin `a l"appel?Pas de r´eservation...oui non nonouiquotesdbs_dbs12.pdfusesText_18
[PDF] Logement. Maintien à domicile. Alimentation. Transport. Budget

[PDF] LOGICIEL DE CAPTURE ET DE GESTION DES FLUX DE DOCUMENTS MOINS DE PAPIER, PLUS D EFFICACITÉ.

[PDF] LOGICIEL DOCUMENTAIRE PMB TUTORIEL A L'USAGE DES ELEVES ET DES ENSEIGNANTS

[PDF] LOGICIELS LIBRES ET OUVERTS. Convention de licence libre de l administration québécoise

[PDF] Logistique (approvisionnement & technique)

[PDF] Logistique et achats Dans le cadre d un GHT

[PDF] LOGOTYPE. Experts-Comptables. CHARTE D APPLICATION Septembre 2010. de l Ordre des CHARTE D APPLICATION LOGO DE L ORDRE DES EXPERTS-COMPTABLES 1

[PDF] LOI 400.02 sur l enseignement obligatoire (LEO)

[PDF] Loi d orientation sur les activités physiques et sportives Contribution du Cnajep

[PDF] Loi d'application d'application du code de procédure civile suisse (LACPC) du 11 février 2009

[PDF] Loi de Financement de la sécurité sociale pour 2014

[PDF] Loi de programme 67-1174 du 28 Décembre 1967 relative à la restauration des monuments historiques et à la protection des sites

[PDF] Loi du 17 août 2015 relative au dialogue social et à l emploi

[PDF] Loi fédérale sur l Assurance suisse contre les risques à l exportation

[PDF] Loi modifiant la Loi sur la protection du consommateur et la Loi sur le recouvrement de certaines créances