Introduction - Polytechnique Montréal
Transcription
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