LOG 350 - PowerPoint PPT Presentation

1 / 29
About This Presentation
Title:

LOG 350

Description:

L' tude de la conception, la r alisation, et l' valuation des syst mes ... C'est un des sujets majeurs. de LOG 350. Principes de base ... Ne supposez pas que vous ... – PowerPoint PPT presentation

Number of Views:588
Avg rating:3.0/5.0
Slides: 30
Provided by: mjm89
Category:
Tags: log | majeurs

less

Transcript and Presenter's Notes

Title: LOG 350


1
LOG 350 Conception et évaluation des interfaces
utilisateurs
  • École de technologie supérieure, Montréal
  • Hiver 2008
  • Prof. Michael McGuffin

2
LIHM
  • Interaction humain-machine
  • Synonymes (ou presque)interaction
    homme-machine,interfaces usagers-machine,intera
    ction, interfaces humain,homme-machine,ordinat
    eur,
  • En anglais Human-Computer Interaction (HCI),
    Computer-Human Interaction (CHI), Man-Machine
    Interaction (MMI),

3
LIHM
  • Létude de la conception, la réalisation, et
    lévaluation des systèmes interactifs (et surtout
    informatisés) destinés à lusage humain, et
    létude des phénomènes associés.
  • NB le mot interface signifie la surface de
    contact, ou la frontière, entre deux corps ou
    deux régions despace.Linteraction a lieu à
    linterface.

4
Sujets à lintérieur de lIHM
  • Méthodologies de conception
  • Étant donné une tâche et une classe
    dutilisateurs, concevoir la meilleure interface,
    en respectant les contraintes, qui optimise un
    aspect de lutilisabilité (lefficience, la
    facilité dapprentissage, etc.)
  • Comment réaliser des interfaces
  • Algorithmes, outils de programmation,boîtes à
    outils, libraries,
  • Techniques dévaluation dinterfaces
  • Trouver les faiblesses dune interface,comparer
    deux interfaces, mesurer la performance,
  • Développer des interfaces et destechniques
    dinteraction novetrices
  • Développer des modèles et desthéories
    descriptifs et prédictifs

LOG 350 Lapplication de ces aspects dans des
contextes pratiques
5
Autres cours reliés
  • LOG 740 Systèmes interactifs multimodaux
  • Version avancée de LOG 350
  • Modèles et expérimentations scientifiques
  • Programmation et conceptiondinterfaces pour le
    3D
  • MGL 820 et 830
  • Seront bientôt fusionnés (jespère)
  • Couvrent lensemble de LOG 350 LOG 740,mais
    avec plus daccent sur la recherche

6
Autres domaines reliés à lIHM
  • Facteurs humains, ergonomie
  • Ne se limite pas juste aux interactions avec les
    ordinateurs ou les machines. Met parfois plus
    daccent sur le côte humain, et/ou sur le travail
    (et des tâches répétitives, en particulier), que
    dans lIHM.
  • Sintéresse à comprendre les capacités humaines,
    et à appliquer ce savoir à la conception
    dobjets, doutils, de systèmes, de machines, de
    tâches, de services, et denvironnements destinés
    à lusage humain
  • Des sous-branches ergonomie physique, ergonomie
    cognitive ( engineering psychology )
  • Quelques concepts clés stress, perception,
    attention, contrôle moteur, mémoire, charge
    mental, faire des décisions, les erreurs,
  • A été beaucoup développé, par exemple, pendant la
    deuxième guerre mondiale pour améliorer les
    contrôles davions et dautres machines, et aussi
    pour améliorer la performance des ouvriers dans
    les usines qui effectuent des tâches répétitives

7
Autres domaines reliés à lIHM (2)
  • Informatique
  • Psychologie
  • Génie
  • Infographie
  • Conception graphique ( Graphic Design )
  • Intelligence Artificielle
  • Linguistique
  • Sociologie
  • Etc.
  • LIHM est un domaine interdisciplinaire!

8
Pourquoi apprendre àconcevoir les interfaces?
Ne sont-t-ils pas déjà amplementconviviales et
intuitives?
9
Je nai pas de choix!
10
Quest-ce que ça veut dire dannulerune
opération déjà annulée?
11
(No Transcript)
12
  • Il est facile de mal-concevoir une interface
  • Même lorsquune interface est bien conçue, les
    interfaces graphiques modernes laissent encore
    beaucoup à désirer
  • La souris et le clavier sont des instruments
    dexpression très limités
  • Lorganisation hiérarchique des fichiers nest
    pas nécessairement idéale
  • Etc (autres problèmes / défis ?)

13
Le développement delordinateur personnel
Source Michel Beaudouin-Lafon, Designing
Interaction, not Interfaces, Proceedings of AVI
2004, http//doi.acm.org/10.1145/989863.989865
14
Pourquoi est-il difficile de bien concevoir des
interfaces?
  • LIHM est une  science douce 
  • Lhumain est difficile à modéliser
  • Il y a une grande variété dutilisateurs, de
    tâches, dapplications, et de périphériques

15
Les utilisateurs atypiques
  • Les interfaces supposent souvent que leur
    utilisateur
  • a deux mains
  • peut voir et entendre
  • et a un bon contrôle moteur
  • est intelligent et débrouillard
  • na pas peur des ordinateurs
  • peut lire et comprendre langlais
  • est familier avec les conventions des  GUIs 
    typiques
  • a la motivation dapprendre à utiliser
    linterface
  • a le temps nécessaire de résoudre des problèmes
    lorsquils arrivent
  • Quel pourcentage de la population a toutes ces
    caractéristiques?

16
Toutefois, il existe des procédures systématiques
quon peut suivre pour concevoir les
interfaces!Cest un des sujets majeursde LOG
350
17
Principes de base
  • Ne supposez pas que vous savez ce qui est de
    mieux pour lutilisateur
  • Ne supposez pas que vous savez ce que sont les
    buts, les tâches, et les habitudes de
    lutilisateur
  • Le temps de lutilisateur est plus précieux que
    le temps du programmeur ou de lordinateur

18
Le coût de changer laspécification dune
interface
coût
temps
19
Les  concepteurs purs  ne sont pas toujoursau
courant de toutes les contraintes
  • Programmeur  Quest-ce que tu aimeraisque je
    change dans linterface? 
  • Concepteur  Quest-ce qui est possible de
    changer? 
  • P  Je peux tout changer! Cest un logiciel,
    après tout. 
  • C  Peux-tu mettre une police plus grosse? 
  • P  Bon, en fait, je ne peux pas changer ça  
  • C  Mais tu mas dit que tu pouvais tout
    changer! 

20
Quelques dimensions de lutilisabilité (selon
Nielsen)
  • Lefficience ( efficiency ) par exemple, en
    termes de vitesse
  • La facilité dapprentissage ( learnability )
  • La memorabilité est-ce quon se rappelle
    facilement de comment fonctionner linterface?
  • Le taux derreurs et labsence derreurs
    catastrophiques
  • La satisfaction
  • Autres critères et termes à distinguer (ou à
    éviter?)
  • flexible, puissante, intuitive, fluide, utile,
    efficace

21
Je me présente
  • École primaire, secondaire,et cégep à
    Chibougamau
  • Bac. en génie informatique (1999) à lU de
    Waterloo (en Ontario), Maîtrise (2002) et Ph.D.
    (2007) en informatique à lU de Toronto
  • Entreprises où jai travaillé CAE, SoftImage,
    Discreet Logic à Montréal Aliaswavefront, IBM,
    et Ontario Cancer Institute à Toronto

22
Mes intérêts de recherche
  • Visualisation
  • Interfaces utilisateurs
  • Techniques dinteraction
  • Infographie interactive
  • Bioinformatique
  • Mouvement humain

23
Mon ancien poste detravail ergonomique
24
Et vous?
  • Votre programme détudes?
  • Combien dautres cours prenez-vous?
  • Avez-vous déjà fait un stage? Deux stages?
  • Avez-vous déjà travaillé sur linterface
    utilisateur dun logiciel, site web, produit,
    etc.?
  • Windows, Mac OS X, UNIX/Linux, autres ?
  • C, C, Java, C, Python, autres ?

25
Site du cours
  • http//profs.logti.etsmtl.ca/mjm/log350-2008h/

26
Travaux
  • T1 un travail INDIVIDUEL, où létudiant(e) aura
    à modifier linterface utilisateur dun logiciel
    Java qui leur est fourni (10).
  • T2 un travail en équipe (3-4 personnes), où
    chaque équipe aura à choisir une interface à
    concevoir et à prototyper. Une fois leur choix
    approuvé, léquipe aura à effectuer une analyse
    de tâche, et développer un prototype statique.
    Remettre le prototype avec rapport (15).
  • T3 un travail en équipe, pour continuer T2.
    Chaque équipe aura à développer un prototype
    dynamique (logiciel), lévaluer avec des
    utilisateurs, et rédiger une liste de changements
    recommandés à linterface. Remettre le prototype
    avec rapport (20), et donner une présentation
    orale (5).

27
T1
  • (démo)

28
T1
29
Ce que vous pouvez faire cette semaine
  • Vérifier si vous avez un compte
  • Préparez vous à faire un peu de programmation Java
Write a Comment
User Comments (0)
About PowerShow.com