Introduction - Polytechnique Montréal

Introduction
Tchernobyl
Historique
LOG2420 — Analyse et conception d’interfaces
utilisateur
Introduction
Michel C. Desmarais
Génie informatique et logiciel
École Polytechnique de Montréal
Automne, 2016
(version 29 août 2016)
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
1/31
Introduction
Tchernobyl
Historique
Introduction
1
Introduction
2
Le contexte d’utilisation, l’exemple de Tchernobyl et la
conception centrée utilisateur
3
Historique
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
2/31
Introduction
Tchernobyl
Historique
Interface du baladeur Sanyo MP3 CDP-M300CA
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
3/31
Introduction
Tchernobyl
Historique
Interface schématique du baladeur Sanyo MP3
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
4/31
Introduction
Tchernobyl
Historique
Interface du Sanyo MP3
Exigences
Les exigences du lecteur CD MP3 de Sanyo
Jouer à partir du début
Passer à la prochaine plage
Revenir à la plage précédente
Stopper
Faire une pause
MP3 : aller à n’importe quelle plage de n’importe quel album
Modes aléatoire, reprise, etc.
Ajouts : “File search”, ASR ( ? ?), “Display”
Ratés : “Album avant”, “Album arrière”
[Prenez note des deux items affichés uniquement
sur les transparents ici.]
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
5/31
Introduction
Tchernobyl
Historique
Interface du Sanyo MP3
Exigences
Les exigences du lecteur CD MP3 de Sanyo
Jouer à partir du début
Passer à la prochaine plage
Revenir à la plage précédente
Stopper
Faire une pause
MP3 : aller à n’importe quelle plage de n’importe quel album
Modes aléatoire, reprise, etc.
Ajouts : “File search”, ASR ( ? ?), “Display”
Ratés : “Album avant”, “Album arrière”
[Prenez note des deux items affichés uniquement
sur les transparents ici.]
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
5/31
Introduction
Tchernobyl
Historique
Interface du Sanyo MP3
Exigences
Les exigences du lecteur CD MP3 de Sanyo
Jouer à partir du début
Passer à la prochaine plage
Revenir à la plage précédente
Stopper
Faire une pause
MP3 : aller à n’importe quelle plage de n’importe quel album
Modes aléatoire, reprise, etc.
Ajouts : “File search”, ASR ( ? ?), “Display”
Ratés : “Album avant”, “Album arrière”
[Prenez note des deux items affichés uniquement
sur les transparents ici.]
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
5/31
Introduction
Tchernobyl
Historique
Comment éviter ces erreurs ?
Règles de base d’ergonomie
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
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/31
Introduction
Tchernobyl
Historique
Une note plus positive avec un exemple de succès
Le iPod
Un succès commercial fabuleux
depuis 2001
Le dernier modèle peut stocker
jusqu’à 15 000 chansons
devrait poser un problème de
taille si on compare à celui d’un
lecteur CD
La solution du iPod
5 boutons
Un menu hiérarchisé qui
comporte des rubriques simples
Un mécanisme de défilement basé
sur le défilement à roulette tactile
Possibilité de défiler rapidement
une longue liste
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
7/31
Introduction
Tchernobyl
Historique
Une note plus positive avec un exemple de succès
Le iPod
Dépôt d’un brevet d’interface
par R. Jeffries (VP), S. Jobs
(PDG) et T. Wasko en 2004
(US 20040055446),
ce qui lui aurait assuré un
avantage durable
mais rejeté faute d’un brevet plus
récent par un employé de
Microsoft, si mois après la sortie
du iPod !.
Nécessite un niveau d’expertise
exceptionnel (R. Jeffries est un
auteur très prolifique en IHM).
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
7/31
Introduction
Tchernobyl
Historique
Succès commercial du iPod
42M d’unités vendues
dont 14M au premier
trimestre de 2006.
74% du marché des
appareils semblables
aux ÉU en juillet 2005
70% des ventes de
musique en ligne au
ÉU en 2006
Augmentation rapide
de 34% à 65% de
janvier 2004 à
janvier 2005.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
8/31
Introduction
Tchernobyl
Historique
L’exploit se répète avec le iPhone
Le iPhone
Le iPhone sort en 2007 dans un
marché déjà pleinement occupé
par RIM (Blackberry) et le Palm
Pilot
Apple définit à nouveau un type
d’interface innovateur qui
combine logicielles et matérielles.
Le iPhone détrône rapidement les
autres téléphones cellulaires et
amène Apple à un nouveau succès
commercial
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
9/31
Introduction
Tchernobyl
Historique
Succès commercial avec le iPad
Autre succès
commercial du iPad
Autre domaine déjà
occupé où plusieurs
s’étaient déjà
embourbés avec des
produits sans
lendemain
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/31
Introduction
Tchernobyl
Historique
Une note plus positive avec un exemple de succès
Le iPod
Sans être le seul, la conception,
en général, et l’interface en
particulier, est un facteur clé du
succès d’un produit technologique
Elle nécessite une vision très
étendue du contexte et des enjeux
L’entreprise sollicitera beaucoup
plus l’ingénieur à la phase
conception qu’à celle de
l’implémentation
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
11/31
Introduction
Tchernobyl
Historique
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/31
Introduction
Tchernobyl
Historique
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/31
Introduction
Tchernobyl
Historique
Capitalisation de Altassian
Évaluation boursière de la compagnie : 3,5G$
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
14/31
Introduction
Tchernobyl
Historique
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/31
Introduction
Tchernobyl
Historique
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/31
Introduction
Tchernobyl
Historique
Introduction
1
Introduction
2
Le contexte d’utilisation, l’exemple de Tchernobyl et la
conception centrée utilisateur
3
Historique
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
17/31
Introduction
Tchernobyl
Historique
La catastrophe nucléaire de Tchernobyl
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
18/31
Introduction
Tchernobyl
Historique
Le cas de Tchernobyl 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.
25 avril 1986 ; test d’un système d’appoint où la production
doit être réduite
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
Une erreur entraı̂ne une trop forte baisse de production et une
contamination du réacteur
Le réacteur devient instable à ce niveau de production
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
19/31
Introduction
Tchernobyl
Historique
Le cas de Tchernobyl II
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.
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
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.
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.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
20/31
Introduction
Tchernobyl
Historique
Le cas de Tchernobyl III
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.
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.
Pourtant, on ne relève aucune dysfonction
de la centrale elle-même
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
21/31
Introduction
Tchernobyl
Historique
Système application-interface
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
22/31
Introduction
Tchernobyl
Historique
Système élargi
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
23/31
Introduction
Tchernobyl
Historique
Introduction
1
Introduction
2
Le contexte d’utilisation, l’exemple de Tchernobyl et la
conception centrée utilisateur
3
Historique
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
24/31
Introduction
Tchernobyl
Historique
Les paradigmes d’interfaces prédominants par décennie
1950 : 010011 110...
1960 : les cartes perforées
1970 : moniteurs et langage de commandes
1980 : plein écran, fenêtres
1990 : écrans graphiques (bitmaps), souris, manipulation
directe
2000 : WWW et applications réseaucentriques
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
25/31
Introduction
Tchernobyl
Historique
Vannevar Bush
L’origine du web, la machine nommée Memex
Vannevar
Bush
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
26/31
Introduction
Tchernobyl
Historique
Dough Engelbart
Dough Engelbart
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
27/31
Introduction
Tchernobyl
Historique
Quelques jalons stratégiques en IHO
Avènement de l’ordinateur personnel
Ubiquité de l’ordinateur
Avènement de l’Internet et du Web
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/31
Introduction
Tchernobyl
Historique
Jalons IHO
Source : Myers, B.A (1996). ”A Brief History of
Human Computer Interaction Technology.
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
29/31
Introduction
Tchernobyl
Historique
Avènement de la souris
SRI
Premier prototype avec technique du “ chording ” a été un
échec (1965)
Xerox Parc
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
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/31
Introduction
Tchernobyl
Historique
Évolutions des fenêtres
Éditeur Emacs (Stallman, MIT, 1974), mode non graphique
Environnement Smalltalk (Kay, Xerox Parc, 1974), mode
graphique (“ bitmap ” et “ overlapping ”)
Symbolics Lisp machines (1979) au plan commercial, puis
Xerox Star (1981), puis Apple Lisa (1982), puis MacIntosh
(1984)
Système client-serveur X-Windows (MIT, 1984) encore le
standard de nos jours
Évolution du WWW
LOG2420 — Analyse et conception d’interfaces utilisateur — Introduction
31/31