Conception des Réalisé par : Nassim TIGUENITINE.

Présentation au sujet: "Conception des Réalisé par : Nassim TIGUENITINE."— Transcription de la présentation:

1 Conception des Réalisé par : Nassim TIGUENITINE

2 PLAN Introduction Démarche ergonomique de conception
Méthode de conception : LUCID Conception d’IHM en praqtique 2

3 Introduction Objectif :
permettre à l’utilisateur d’accomplir ses tâches : • de façon efficace • avec une bonne productivité • en toute sécurité • en prenant plaisir à le faire • en apprenant rapidement à utiliser le système

4 Quelle direction prendre ?
Approche technocentriste centrée sur la machine et ses fonctionnalités où c'est l'utilisateur qui doit s'adapter à la machine Approche anthropocentriste centrée sur l'homme, sur les utilisations où c'est la machine qui doit s'adapter à l'activité des utilisateurs L'homme et la machine Approches anthropocentriques : • une approche dite des "facteurs humains" : pour que les logiciels soient utilisables il faut tenir compte des facteurs humains (des limitations des opérateurs ?), des usages rééls approche de la conception centrée utilisateur • une "approche anthropologique" : étudier en quoi l'homme cognitif, culturel, social est changé par la machine et réciproquement. Il y a une co-adaptation de l'utilisateur et de son instrument approche de la réalité augmentée (W. Mackay, Cf. par exemple dans la Recherche numero spécial)) et d'un chercheur en ergonomie cognitive (P. Rabardel) : approche des "acteurs humains" dans une activité instrumentée (référence : Pierre Rabardel, Les hommes et les technologies, approche cognitive des instruments contemporains, Colin, Paris, 1995, 239 p.) 4

5 Démarche ergonomique de conception
étape d'analyse définition des sites de référence systèmes existants (concurrence) contexte d'utilisation, d'organisation sociale population de référence analyse de l'activité création d'un modèle de l'utilisateur création d'un modèle de la tâche étape de conception conception du système : les concepts informatiques modèle de l'interaction 5

6 Démarche ergonomique de conception
Quel modèle de plaque de cuisson vous paraît le plus ergonomique ? A B C 6

7 Démarche ergonomique de conception
Pour résumé, l’ergonomie va s’intéresser à la fonction par rapport aux conditions d’utilisation, le design donne la forme et permet l’industrialisation. 7

8 Méthode de conception : LUCID Logical User-Centered Interactive Design (Kreitzberg 1996)‏
Étape 1 : développement du concept du produit Étape 2 : analyse Étape 3 : conception initiale de l'interface Étape 4 : conception incrémentale (ou itérative) de l'interface Étape 5 : implantation de l'application Étape 6 : évaluation externe LUCID 8

9 Développement du concept du produit (étape 1)‏
Créer un concept de haut niveau du Produit Identifier les objectifs commerciaux que le produit soutiendra Identifier les principales fonctions du produit Identifier la population d'utilisateurs Identifier les contraintes de haut niveau Créer une première maquette LUCID Ex 1.1: "le nouveau service bancaire MinutePay permet de régler n'importe quel achat sur Internet, de transférer de l'argent à quelqu'un, de vendre aux enchères, tout cela sans aucun risque, les échanges se font par et les transferts sont gratuits" 9

10 Analyse (étape 2)‏ LUCID Segmenter la population d'utilisateurs
Identifier les principales activités Créer des scénarios décrivant chaque activité Identifier les besoins fonctionnels Identifier les objets du métier LUCID 10

11 Conception initiale de l'interface (étape 3)‏
Créer un modèle conceptuel en utilisant une métaphore Créer un modèle de navigation Réaliser une maquette des écrans-clés LUCID 11

12 Conception incrémentale (étape 4)‏
LUCID nécessité d'un approche itérative - approche empirique (essais-erreurs)‏ - cycle de vie en spirale (cf génie logiciel)‏ 12

13 Implantation de l'application (étape 5)‏
Lien entre l'application et l'interface Conception de l'interface "étendue" : aide en ligne, documentation, procédure d'installation, tutoriels LUCID 13

14 Evaluation externe (étape 6)‏
Diffusion d'une version béta Mise en place d'un plan d'évaluation Corrections des erreurs minimes Livraison de la première version Planification des versions suivantes : Maintenance curative Maintenance évolutive LUCID 14

15 Conception d’IHM en pratique
4 étapes : Scenario de Travail Brainstorming (Scenario de Conception) Prototypage papier prototype réel (mini-projet)‏ 15

16 Conception d’IHM en pratique Description de la Situation de travail
Activité : Réflexion d’équipe But : Décrire la situation antérieure au système informatique Définir un scénario ordinaire d’utilisation de l’outil Procédure Définir un scénario : qui, où, quoi, comment simple à comprendre : situation ordinaire, sans surprise caractéristique de l’outil 16

17 Conception d’IHM en pratique Description du Scénario de Conception: Brainstorming
Activité : Remue-méninges / Brainstorming But : Décrire la situation d’usage avec le système informatique Réfléchir aux fonctions utiles pour l’utilisateur Définir un scénario utilisant l’outil Rôle : un médiateur un scribe 17

18 Brainstorming (suite)‏
Procédure Phase 1 : Créer une liste d ’idées sans les juger Enregistrer toutes les idées Phase 2 : Chacun sélectionne ses idées préférées Sélectionner les idées les plus intéressantes (vote)‏ Ne pas oublier les idées insolites Matériaux : papier, crayon 18

19 Conception d’IHM en pratique Maquette papier
But : Produire une maquette de l’interface Tester son utilisabilité Procédure Définir un scénario à partir du Brainstorming : reprenant quelques idées intéressantes simple à comprendre, simple à imaginer caractéristique de l’outil 19

20 Maquette papier : procédure
Mettre en œuvre le scénario de conception. Dessiner des images d ’écran sur papier. Décrire le scénario et prévoir quelques variantes simples. Dérouler le scénario devant un public d ’utilisateurs potentiels. Évaluer l’utilisabilité de la maquette. Matériaux : papiers couleur, feutres, transparents, adhésif. 20

21 Conception d’IHM en pratique Prototype réel
But : Produire un prototype informatique de l’interface Tester son utilisabilité 21

22 Prototype réel (suite)
Procédure Partir de la maquette papier Utiliser un outil de prototypage Créer des écrans, même vides, pour l ’ensemble des activités Développer l ’interface complète pour certaines tâches Développer suffisamment de fonctionnalités pour exécuter tout le scénario Tester l’utilisabilité du système auprès d ’utilisateurs potentiels 22

23 Merci de votre attention !
23