Présentation orale: Ergonomie du logiciel

1. Présentation orale: Ergonomie du logiciel Les notions fondamentales Pour Etude d’Informatique de gestion pourle cours d’ergonomie du logiciel Dirigé par Mme Mathy Christiane Par Strée Eloi, 2ème Bac type court Sur base de L’interface graphique, de Jean-Michel Gillet,édité par InterEditions.Chapitre: Les notions fondements p 51-75

2. Les notions fondamentales Table des matières originale Les notions fondamentales 1 - Utilisateur 1.1 Processeur humain 1.2 Le processus objet-action 1.3 Communication visuelle 1.4 Reproduire le modèle conceptuel de l'utilisateur 1.5 Le contrôle à l'utilisateur 2 - La cohérence 2.1 La cohérence avec l'environnement graphique 2.2 La cohérence avec les autres applications 2.3 La cohérence à l'intérieur de l'application 3 - L'adaptabilité 1.1 Le grand public 1.2 Les professionnels « occasionnels » 1.3 Les applications de production 1.4 Le juste ce qu’il faut 1.5 Processeur humain 1.6 Processeur humain 4 - Le retour de l’information 5 - L’interactivité 6 - Le droit à l’erreur

3. Les notions fondamentales Introduction à ce PowerPoint Exemple 1- Observation, voir question 2- Critique positive ou négative Les points essenciels Résumer des points importants énoncés dans les exemples

4. Les notions fondamentales Introduction Ergonomie Définition de Wikipédia (1) L'ergonomie informatiquea pour objectif d'améliorer l'interaction homme-machine. Cette pratique cherche à concevoir ou modifier des interfaces afin qu'elles soient en adéquation avec les caractéristiques physiologiques, perceptives et cognitivesde ses utilisateurs potentiels. Elle s'appuie sur différents méthodes de conception et d’évaluation permettant d’obtenir le logiciel ou le site web le mieux adapté aux utilisateurs visés. Objectif principale Le première objectif d'un application est avant tous de répondre aux besoins des l'utilisateurs. Objectif secondaire Bien développer le produit; qu’il soit exempte d'anomalie, facile à maintenir et à administrer; qu’il rentre dans le budget ... (1) http://fr.wikipedia.org/wiki/Ergonomie_informatique, le 03.10.10

5. Les notions fondamentales Introduction Utilisateur Caractéristiques d’ un utilisateur - Il utilise l'application pour un travail précis et ne veut pas savoir comment on se débrouille pour le faire. - Il ne voit que ce qui est à l'écran - Il aime et veux ce sentir au commande - Il apprend par la pratique - Il n'apprend que ce qu'il a besoin de savoir - Il se souvient de manière globale - Ils tous sont uniques.

6. Les notions fondamentales ExempleUtilisateur – Processeur humain Processeur Cognitif ProcesseurMoteur Processeur sensoriel

7. Les notions fondamentales Les points essenciersUtilisateur – Processeur humain Problème La machine a été conçu sur le schéma du cerveau humain, le cerveau humain possède donc les mêmes problèmes:- lecture mémoire à long terme conditionner et globale- lecture mémoire à cours terme très limitée. Limite mémoire long terme N’est utilisé que si l’interface est globalement le même que dans les autres applications Limite mémoire cours terme • Capacité de retenir au mieux de 9 items • Capacité de enregistré 0 à 7 informations en un coup d’œil • -Capacité de retenir ces informations entre 7 et 100 secondes Aller voir dans Word, la division des espaces

8. Les notions fondamentales Exemple Utilisateur -processus objet-action MySQL Action - objet Objet - action Bonne méthode : objet-action Étape 1 Sélectionne l’objet ou les objetsÉtape 2 On associe une action But Action générique ->plus évident pour l’humainAction cumulative ->gain de tempsPas besoin de connaitre l’article ->gain sur la mémoire court terme

9. Les notions fondamentales Exemple Utilisateur -Communication visuelle Lisibilité et visibilité + Structuré- Mauvais qualitée d’image-Typographie illisible Ce qui est visible n’est pas toujours lisible, mais ce qui est lisible est toujours visible Icône et interface visuel + Icônes représentatives+ Taille correcte+ Libeller à chaque boutons+Colorisation du lieu de la souris Interface + liste déroulante+ valeurs enregistrées par défaut + information en directe+ structure correcte

10. Les notions fondamentales ExempleUtilisateur -Communication visuelle Arc de progression visuel Utilisation de l’habitude de l’utilisateur Lecture de droite à gauche -> informations importantes en haut à gauche Préférence à la paresse -> Informations synthétiques isolées et différenciées Ex: titre, synthèse, notation …

11. Les notions fondamentales ExempleUtilisateur -modèle de conception Reproduire le modèle conceptuel de l’utilisateur Objet réel Idée Utilisateur à déjà une idée sur l’aspectdu logiciel. Application attendue par l’utilisateur Le but du jeu est de trouver à quoi ressemble cette conception au plus proche possible Résultat Application finale Prise en main facile, rapide et intuitive

12. Les notions fondamentales Les points essenciersUtilisateur -Communication Visuelle 80 % de la communication utilisateur-machine est visuelle Une ergonomie visuel, c’est: Un interface identique à la pensée humaine Lisibilité totale et sans ambigüité Interface graphique vivant, intuitif, balisant l’interaction de l’utilisateur Interface graphique sobre et structuré Interface qui accompagne l’utilisateur Interface qui utilise les habitudes de l’utilisateur Design conceptuellement proche de celui imaginé par l’utilisateur … Une ergonomie visuel, c’est rendre un semblant de vivant , d’intelligence, à la machine. Pour qu’elle accompagne l’utilisateursans le frustrer.

13. Les notions fondamentales Exemple La cohérence -l'environnement graphique La cohérence avec l’environnement graphique Problème Problème de cohérence lors de l’apparition de Boot Camp. Image reconstituée pour l’exemple Problème de cohérence entre les applications du système Apple. Problème de standardisation de l’environnement d’exploitation Image fabriqué pour l’exemple

14. Les notions fondamentales Exemple La cohérence -l'environnement graphique La cohérence avec les autres applications Trouvez l’intrus

15. Les notions fondamentales Exemple La cohérence -l'environnement graphique La cohérence à l’intérieur de l’application Standard à respecter • Présentation aspect, positionnement, interface … • - Comportement réaction de l’application envers l’utilisateur • Enchaînement mode de navigation entre les fenêtres … • fonctionnalité façon d’exécuter une action …

16. Les notions fondamentales Les points essenciers La cohérence Une application est cohérente si elle conserve une homogénéité de présentations, de réactions et de comportements avec son environnement Type de cohérence principale Avec l’environnement Respectez les standards au maximum dans ce qui vous est proposé Avec les autres applications Regardez ce que les autres proposes déjà Avec l’intérieur de ça propre application Créez vos propres standards de présentation, comportement …Et respectez dans toutes les parties de l’application Une ergonomie cohérente simplifie l’adaptation, et donc l’assimilation, de l’utilisateur envers le produit utilisé

17. Les notions fondamentales Exemple L’adaptabilité L’adaptabilité c’est connaitre le niveau, la demande et l’intensité d’utilisation de l’utilisateur dans le but de concevoir l’application demandée. 3 types de public Application grand public Application de production Application pour professionnels occasionnels

18. Les notions fondamentales Les points essenciers L’adaptabilité Application pour le grand public C’est La loi du plus petit dénominateur commun. L’application doit être simple, limité et dirigé pour être accessible à tous. Simple Le but Application pour les professionnels occasionnels C’est Une application intuitive, réactive, qui s’adapte à l’utilisateur. Le but est d’être productif en le moins de temps possible. Rapide et productif Le but Application de production C’est Un programme conviviale et complète. Il permet de longues heures de travail. Il est adapté pour des utilisateurs de différents niveaux: débutant, professionnel, vétéran … Conviviale et complet Le but

19. Les notions fondamentales Les points essenciers L’adaptabilité Le juste ce qu’il faut Simple, court et pas plus Un surplus d’information est un défaut d’ergonomie puis qu’il ralentit la personne dans sont travail, complexifie les informations … Ordre de grandeur Adapter l’information selon l’utilisateur.Exemple, pour la taille d’un logiciel: Programmeur aura besoin de l’information 6 789 675 octets Utilisateur aura besoin de l’information 6,8 Mo

20. Les notions fondamentales Les points essenciersL'interactivité Rendre le logiciel intelligent - Au lieu de signaler un problème, il peut proposer de envoyer l’utilisateur versl’endroit pour le résoudre. - Possibilité d’arrêter ou suspendre un tache du logiciel.

21. Les notions fondamentales Les points essenciersLe retour de l’information Information À toutes actions de l’utilisateur, il doit correspondre une signalisation d’action. Ce qui permet à l’utilisateur d’avoir confirmation de ce qu’il fait. Exemple: surligner la case où il écrit, colorier le formulaire en cours d’utilisation , enfoncer un bouton quand on click dessus ... Prévention Prévenir lors d’un attente de l’utilisateur L'utilisateur doit toujours être informé simplement, rapidement et sans ambiguïté sur ce qu'il fait.

22. Les notions fondamentales Les points essenciersDroit à l’erreur Droit à l’erreur Un utilisateur apprend empiriquement à utiliser un logiciel. Il va donc faire des erreurs. De plus, il peut faire des erreurs de distractions, d’interface , de vitesse … Droit à l’erreur intelligente L'interface doit être indulgent, amical avec l’utilisateur parce que l'inverse n'est pas réciproque xD Laisser le libre parcourt à l’utilisateur, mais il faut le prévenir avant une manipulation décisive

23. Les notions fondamentales Les points essenciersLa transparence Idée Ne montrer les aspect techniques à l’utilisateur seulement si cela est nécessaire. Manque de transparence indirecte L’interface est identique à la composition des bases de données Il est compréhensible que les bases de données sont diviséespour l’évolutivité de l’application. Mais la présentation à l’utilisateur peut en être tout autre, par exemple pour adhérer au standard du logiciel

24. Les notions fondamentales End Résumer http://stree.be/coursHelmo/2erSaintLaurentHelmo/ergonomie/notionErgonnomie.htmlhttp://Elearning.helmo.be Source L’interface graphique, de Jean-Michel Gillet, édité par InterEditions.Chapitre: Les notions fondements p 51-75 http://fr.wikipedia.org/wiki/Ergonomie_informatique, le 03.10.10 Les images utilisées dans le power point viennent de « L’interface graphique », payPal, stree.be, ebay, word, powerPoint, 3D’s max , iphoto, apple, window 7, firefox, itune, hotmail, deezer Logiciels utilisés pour fabriquer ce travail Word, Power Point, Paint, Photoshop