INTERACTION HOMME-MACHINE 3. Madalina Croitoru IUT Montpellier 2 France croitoru@lirmm.fr

Dimension: px

Commencer à balayer dès la page:

Download "INTERACTION HOMME-MACHINE 3. Madalina Croitoru IUT Montpellier 2 France croitoru@lirmm.fr"

Laure Bélanger
il y a 8 ans
Total affichages :

1 INTERACTION HOMME-MACHINE 3 Madaina Croitoru IUT Montpeier 2 France croitoru@irmm.fr

2 Design d'information Pendant a phase de design d'information, es objets et actions possibes d'un système sont représentés et arrangés d'une manière qui faciite a perception et a compréhension. Le design d'information incut e design des écrans d'appications, des pages WWW, des menus, des boîtes de diaogue et des icônes.

faciite a perception et a compréhension.

3 La théorie de 'action Proposée par Donad Norman en 1986 Deux distances entre a compréhension des tâches par 'utiisateur (d'une part) et e support de ces tâches par e système (d'autre part) : La distance d'évauation fait référence à a distance cognitive entre ce qui est affiché sur un écran et a représentation mentae faite par 'utiisateur de 'objet et des objectifs de a tâche La distance d'exécution fait référence à a distance entre es objectifs de a tâche courante d'un utiisateur et es procédures et actions que e système offre pour arriver à ces objectifs

sur un écran et a représentation mentae faite par 'utiisateur de 'objet et des objectifs de a tâche La distance d'exécution fait référence à

4 Exempe Un comptabe travaie sur e budget du mois dernier : I doit percevoir ce qui est affiché sur 'écran de 'ordinateur (un groupe de pixes considéré comme une igne ou une autre forme, etc.) I doit ensuite interpréter ces perceptions simpes comme des objets qui jouent un rôe dans e ogicie (une icône, un bouton, une coonne séectionnée dans une feuie de cacu, etc.) I doit donner un sens à ce qu'i a vu en fonction de ses objectifs, pour peut-être se rendre compte qu'i a avec succès mis à jour un bian sur sa feuie de cacu ou qu'i a par erreur séectionné a mauvaise coonne de chiffres

) I doit ensuite interpréter ces perceptions simpes comme des objets qui jouent un rôe dans e ogicie (une icône, un bouton, une coonne séectionnée

5 Théorie de 'action un aperçu Distance d'évauation : Perception Interprétation Donner du sens Distance d'exécution Objectif du système Pan d'action Exécution

6 Percevoir 'information Guider En 'utiisateur afin qu'i voit es structures importantes dans 'information affichée est e cœur du design d information 1920 une équipe de psychoogues aemands a décrit es principes du gestatisme (ou psychoogie de a forme) pour 'organisation perceptive Comment Ques Ques Ces es fragments d'information sont regroupés ééments seront vus comme un tout cohérent ééments seront vus comme faisant partie de 'arrière-pan principes sont devenus un des piiers de a psychoogie perceptive et ont de nombreuses appications dans a conception de systèmes informatiques affichant de 'information

Ces es fragments d'information sont regroupés ééments seront vus comme un tout cohérent ééments seront vus comme faisant partie de 'arrière-pan

7 Gestatisme pour es interfaces Proximité Simiitude Aire Symétrie Continuité : es ééments es pus proches tendent à être vus comme un groupe Ééments d'un menu, mots d'un paragraphe, etc. : es ééments qui partagent des caractéristiques visuees tendent à être vus comme un groupe Icônes sur un bureau virtue, etc. : tendance à grouper es ééments de manière à créer a pus petite forme possibe Pop-up affichée par dessus un document, etc. : tendance à voir des ééments symétriques comme faisant partie de a même forme : tendance à grouper des ééments qui apparaissent dans un motif continu ou répétitif Un ensembe de paragraphes, es ceues d'une feuie de cacu, etc.

: tendance à grouper es ééments de manière à créer a pus petite forme possibe Pop-up affichée par dessus un document, etc.

8 Compromis : afficher toutes es tâches actives améiore a compréhension et a sensation de contrôe MAIS chaque éément affiché ajoute de a compexité à 'interface utiisateur

9 Exercices Utiisez Faites Concevez a distance d'évauation pour anayser 'information que vous traitez quand vous vérifier vos emais pour a première fois chaque jour. Qu'arrive-t-i pendant a perception? L'interprétation? Quand vous donnez du sens? une capture d'écran de votre panning de cours en igne. Anaysez 'affichage seon es principes du gestatisme. Pouvez-vous trouver des exempes de ces principes en action? Dans ce cas, estce qu'is favorisent ou défavorisent a perception? Pouvez-vous imaginer des améiorations? deux visuaisations pour un système de gestion de fichiers (exporateur de fichiers). Faites un schéma des deux visuaisations et discutez comment chaque design et traite es tâches communes de a gestion de fichiers, de a récupération de fichiers, et de a gestion de versions («version contro»)

Pouvez-vous trouver des exempes de ces principes en action? Dans ce cas, estce qu'is favorisent ou défavorisent a perception? Pouvez-vous imaginer des améiorations?

Documents pareils

Lexmark Print Management

Lexmark Print Management Optimisez impression en réseau et accès à vos informations avec une soution fexibe. Impression des documents sûre et pratique Fexibe. Libérez es travaux d impression à partir de