Introduction - Polytechnique Montréal

Introduction
Michel C. Desmarais
Génie informatique et logiciel
École Polytechnique de Montréal
29 août 2016
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
1/1
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
2/1
Interface du baladeur Sanyo MP3 CDP-M300CA
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
3/1
Interface schématique du baladeur Sanyo MP3
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
4/1
Interface du Sanyo MP3
Exigences
Les exigences du lecteur CD MP3 de Sanyo
I
Jouer à partir du début
I
Passer à la prochaine plage
I
Revenir à la plage précédente
I
Stopper
I
Faire une pause
I
MP3 : aller à n’importe quelle plage de n’importe quel album
I
Modes aléatoire, reprise, etc.
I
Ajouts : “File search”, ASR ( ? ?), “Display”
I
Ratés : “Album avant”, “Album arrière”
I
[Prenez note des deux items affichés uniquement
sur les transparents ici.]
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
5/1
Comment éviter ces erreurs ?
I
Règles de base d’ergonomie
I
I
I
mais il ne s’agit pas de devenir ergonome
nous nous conterons de voir les principes de base
Méthode de développement centré utilisateur
I
I
l’ingénieur logiciel n’a pas à maı̂triser les principes de
conception
il doit savoir comment appliquer la méthode de conception
appropriée et reconnaı̂tre les situations de dérapage potentiel
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
6/1
Succès commercial du iPod
I
42M d’unités vendues
dont 14M au premier
trimestre de 2006.
I
74% du marché des
appareils semblables
aux ÉU en juillet 2005
I
70% des ventes de
musique en ligne au
ÉU en 2006
I
Augmentation rapide
de 34% à 65% de
janvier 2004 à
janvier 2005.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
8/1
Succès commercial avec le iPad
I
Autre succès
commercial du iPad
I
Autre domaine déjà
occupé où plusieurs
s’étaient déjà
embourbés avec des
produits sans
lendemain
I
En 2011, Apple avait
dépassé Exxon et
Microsoft au titre de
la compagnie la plus
capitalisée
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
10/1
Matière à réflexion :
Pourquoi les concepteurs n’ont pas inclus une fonction pour
effacer une chanson sur le iPod ?
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
12/1
Un autre exemple
Jira : Une application de gestion de projet de développement
centrée sur les besoins utilisateurs :
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
13/1
Capitalisation de Altassian
Évaluation boursière de la compagnie : 3,5G$
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
14/1
Les principes de Altassian I
1. They have a transparent pricing model. It’s always on the
web, so their customers don’t need to call them. Point, click,
buy and use.
2. Like Home Depot, give people tools that are easy to use and
allow people to build their own solutions. Then, constantly
improve the self-service model.
3. Every time a product question is asked by a customer,
Atlassian engineers see it as a challenge to fix in the product
or to make a quick update to the documentation.
4. Put up useful content on the web for free. They don’t use
forms to slow people down. “Really good white papers will sell
the product ; no need for a form,” Simons said.
5. They’ve ingrained the engineering mindset in their culture.
Keep things simple so that people can create software magic.
Simons : “Our model doesn’t work at Jive Software.”
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
15/1
Les principes de Altassian II
6. Always be testing. They A/B test just about everything and
look at conversion rates to determine if a feature, piece of
content, or web page are effective.
7. Make their marketplace (enterprise app store) painless. They
invested a lot in embedding the marketplace in their products
for quick and easy installation.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
16/1
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
17/1
La catastrophe nucléaire de Tchernobyl
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
18/1
Le cas de Tchernobyl I
I
La direction du réacteur soumet un protocole
d’expérimentation aux autorités nucléaires pour tester le
système électrique d’appoint. Elle n’obtient pas de réponse et
décide malgré cela d’aller de l’avant.
I
25 avril 1986 ; test d’un système d’appoint où la production
doit être réduite
I
Un événement inattendu entraı̂ne un délai du test et c’est
l’équipe de nuit qui prend la relève de l’expérience, avec peu
de préparation et moins d’expérience
I
Une erreur entraı̂ne une trop forte baisse de production et une
contamination du réacteur
I
Le réacteur devient instable à ce niveau de production
I
Les opérateurs tentent de rétablir le niveau, mais ils ne
connaissent pas bien le fonctionnement du réacteur et les
conséquences des procédures qu’ils entament.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
19/1
Le cas de Tchernobyl II
I
L’équipe ignore notamment le phénomène d’instabilité à faible
rendement et d’un autre phénomène qui a pu entrer en jeu
pour expliquer le dérapage
I
Une série de mauvaises décisions et de dérogation aux
procédures de sécurité entraı̂ne en l’espace de quelques
secondes une hausse de production par un facteur de 100.
I
Une explosion fait sauter la plaque de ciment qui isole le
réacteur et expose le matériel radioactif ; une seconde
explosion enflamme le graphite qui brûlera pendant 9 jours en
dégageant des particules radioactives dans l’environnement.
I
Un des piliers du nucléaire russe, Vassili Nesterenko, écrira
plus tard que l’accident aurait pu résulter, quelques jours
après l’incident, en une explosion nucléaire de 200 à 330 fois
celle de Hiroshima.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
20/1
Le cas de Tchernobyl III
I
L’héroı̈sme d’équipes d’urgence évita un tel scénario, au prix
de leur vie pour bon nombre d’entre eux. Ils pourraient être
jusqu’à 20 000. 250 000 ouvriers ont été exposés à des doses
de radiation au seuil du tolérable pour construire un “cercueil”
de ciment protecteur.
I
Pourtant, on ne relève aucune dysfonction
de la centrale elle-même
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
21/1
Système application-interface
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
22/1
Système élargi
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
23/1
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
24/1
Les paradigmes d’interfaces prédominants par décennie
I
1950 : 010011 110...
I
1960 : les cartes perforées
I
1970 : moniteurs et langage de commandes
I
1980 : plein écran, fenêtres
I
1990 : écrans graphiques (bitmaps), souris, manipulation
directe
I
2000 : WWW et applications réseaucentriques
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
25/1
Vannevar Bush
L’origine du web, la machine nommée Memex
Vannevar
Bush
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
26/1
Dough Engelbart
Dough Engelbart
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
27/1
Quelques jalons stratégiques en IHO
I
Avènement de l’ordinateur personnel
I
Ubiquité de l’ordinateur
I
Avènement de l’Internet et du Web
I
Divers développement des technologies d’interaction avec
l’ordinateur et de sa capacité de traitement
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
28/1
Jalons IHO
Source : Myers, B.A (1996). ”A Brief History of
Human Computer Interaction Technology.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
29/1
Avènement de la souris
I
SRI
I
I
Xerox Parc
I
I
I
I
Premier prototype avec technique du “ chording ” a été un
échec (1965)
Alto : premier système utilisant les écrans graphiques (raster
graphics), la souris, l’éthernet et le clavier 5-touches.
Utilisation dans différents environnements de recherche
(Smalltalk et Interlisp)
Star : premier système commercial (1981)
Apple
I
I
Lisa, basé sur UNIX, a été le second système commercial
(1982)
Le MacIntosh a ensuite suivi avec un premier succès
commercial (1984)
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
30/1
Évolutions des fenêtres
I
Éditeur Emacs (Stallman, MIT, 1974), mode non graphique
I
Environnement Smalltalk (Kay, Xerox Parc, 1974), mode
graphique (“ bitmap ” et “ overlapping ”)
I
Symbolics Lisp machines (1979) au plan commercial, puis
Xerox Star (1981), puis Apple Lisa (1982), puis MacIntosh
(1984)
I
Système client-serveur X-Windows (MIT, 1984) encore le
standard de nos jours
I
Évolution du WWW
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
31/1