39
1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 [email protected] http://www.math-info.univ-paris5.fr/~delozanne Interfaces Post-Wimp

1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 [email protected] delozanne Interfaces

Embed Size (px)

Citation preview

Page 1: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

1

IHM de demain ?

É. Delozanne, M1-IHM, Paris [email protected]://www.math-info.univ-paris5.fr/~delozanne

Interfaces Post-Wimp

Page 2: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

2

IHM post Wimp ? Des besoins nouveaux et des technologies récentes…

exemples

De nouveaux paradigmes d’IHM « Au-delà du bureau », interfaces post-WIMP L’ordinateur évanescent, invisible , l’informatique

diffuse, pervasive Les interfaces multimodales La réalité augmentée, mixte, les interfaces tangibles

Ingénierie des interfaces et méthodes de conception et d’évaluation

De la conception centrée-utilisateur à la conception centrée sur le contexte

Les trois U : Utilité, Utilisabilité, Universalité Conception participative, études de terrains

Page 3: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

3

Des besoins nouveaux…

Support à des activités humaines collectives, diversifiées, situées Informatique de communication (MédiaSpace), Collecticiel « au-delà du bureau »

Vie quotidienne, santé, culturePassage à l’échelle

Masses gigantesques d’informations Hypermédia planétaire

Diversité extrêmes des publics, des culturesPlateformes diversifiées

Informatique mobile Intégration entre les mondes physiques et informatiques

« Le meilleur des deux mondes »

Page 4: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

4

Quelques repères AFHIM : association francophone d’interaction Homme-Machine

http://www.afihm.org/ Un congrès annuel

IHM’2003 à Caen IHM’2004 à Namur IHM’2005 à Toulouse IHM’2006 à Montréal

Une revue scientifique : RIHM : Revue d’Interaction Homme-Machine

ACM Special Interest Group on Computer-Human Interaction SIGCHI

http://portal.acm.org Une conférence principale annuelle : CHI Beaucoup de conférences spécialisées Des revues

Page 5: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

5

…Des problématiques nouvelles Inventer de nouveaux paradigmes d’interaction

Informatique disséminée, diffuse (UbiComp) Interface tangible, réalité mixte et augmentée Approche Design

Informatique sociale CSCW (Computer Supported Cooperative Work)

Trouver de nouvelles méthodes de conception et

d’évaluation de nouveaux cadres théoriques pour les fonder

Informatique située (Mackay & Beaudoin LafonA) Ethnométhodologie (Suchman) Interaction incarnée (Dourish) Action instrumentée (Rabardel)

Page 6: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

6

Ubiquitous computingMark Weiser (96)

Inventeur du termeUbiquitous computing

Le 3ième paradigme (Alan Kay) Avant : Gros systèmes partagés par de nombreuses

personnes Maintenant : Informatique personnelle

•Les gens et les machines se font face à travers le "bureau"

Futur immédiat : L'informatique ubiquitaire•La technologies tranquille ou la technologie disparaît en toile de fond de nos vies

http://www.ubiq.com/hypertext/weiser/UbiHome.html« Some Computer Science Issues in Ubiquitous Computing

»http://www.ubiq.com/hypertext/weiser/UbiCACM.html

Page 7: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

7

UbiComp 2002

Idées de base réalité augmentée

Au lieu d’apporter son travail sur son ordinateur de bureau, pourquoi ne pas introduire de l’informatique là où on en a besoin : dans les murs, les tables les stylos, les montres, le papier etc.

seamless interaction Il s’agit d’introduire l’informatique dans des

objets familiers avec lesquels l’ordinateur interagit sans rupture .

l’informatique pervasive L’idée est que l’on ne voit plus d’ordinateurs

nulle part (l’ordinateur invisible) mais que l’informatique soit partout

Page 8: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

8

« Ubiquitous Computing »Les utilisateurs

ne sont plus devant leur écran mais interagissent dans le monde entre eux et avec de nombreux appareils qui embarquent

de l’informatiqueNotions équivalentes

Pervasive computing (latin pervadere se répandre partout)

Invisible computerDisappearing computer (programme Européen)

En français : informatique pervasiveConséquences : Informatique tangible

Page 9: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

9

UbiComp : http://www.viktoria.se/ubicomp/video-

program.html "The computer has evolved from a solitary, desk-

bound box that demanded the user’s entire attention to a collection of smaller, ubiquitous information and communication appliances connected to a host of other such appliances and users, approaching Weiser’s vision of the pervasive and invisible computer.

At the same time, users want these devices to be both highly informative and ecologically unobtrusive, keeping the user aware what is going on in various ways without unduly disrupting the current social or environmental context. "

Page 10: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

10

Exemples :

Une activité distribuée sur plusieurs types d’appareils informatiques pick and drop (prendre et lâcher) Hyperdraging Écrans muraux

La réalité augmentée les objets physiques support à la collaboration le contrôle aérien

le meilleur des deux mondesCahier d’expérimentation augmenté

Page 11: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

11

Pick and DropMétaphore

Comme des baguettes prendre de la nourriture d’un plat à l’autre

transférer des données d’un ordinateur à l’autre. technique de manipulation

étend le concept du « drag and drop » aux environnements d’utilisation d’ordinateurs multiples.

Jun Rekimoto. Pick-and-Drop: A Direct Manipulation Technique for Multiple Computer Environments. In Proceedings of UIST’97, pp. 31-39, October 1997.

http://www.csl.sony.co.jp/person/rekimoto.html

Page 12: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

12

Pick and drop « With Pick-and-Drop, the user first picks up an computer

object by tapping it with the pen tip and then lifts the pen from the screen. After this operation, the pen virtually holds the object. Then, the user moves the pen tip towards the designated position on the screen without contacting display surface. When the pen tip comes close enough to the screen, a shadow of the object appears on the screen as a visual feedback showing that the pen has the data. Then, the user taps the screen with the pen and the object moves from the pen to the screen at the tapped position. »

« In our design, each pen is assigned a unique ID. This ID is readable from the computer when a pen is closer enough to its screen. We are currently using a combination of modifier buttons (attached to the pen as a side switch) to represent IDs. We also assume that all computers are connected to the network (either wired or wireless). There is a server called the ‘‘pen manager’’ on the network. »

Page 13: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

13

Pick an drop

Page 14: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

14

La palette du peintre

L’utilisateur se sert d’un ordinateur de poche comme d’une palette de peintre pour écrire sur un tableau blanc.

Il peut se servir de son crayon aussi bien pour travailler sur la palette que sur le tableau.

On peut aussi travailler à plusieurs sur le tableau.

Page 15: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

15

« Hyperdragging »surfaces augmentées par video :

environnement hybride formé d’une table digitale, d’un mur électronique et d’ordinateurs portables

créer un espace de travail continu entre les écrans d’ordinateurs portable, la table et le mur.

Technique de manipulation directe pour déplacer l’information au-delà des limites des ordinateurs et des surfaces

Fondée sur un système de reconnaissance d’objets à partir de marqueurs

 

Page 16: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

16

Nouveaux besoins : support à l’activité

Au travail :Activité collective : Les strips papier des contrôleurs aériensActivité multimédia :Le cahier d’expérimentation augmentéActivité nomade : Les ingénieurs en génie civil, en agricultureActivité de création : La conception architecturale

Dans la vie quotidienneÉmotions, affectivité, partage

Gaver, Kinetic TypographyHabitat intelligent

comHomeConsommation

La mode : Miralab, Igrashi Welbo, Rekimoto

Divertissement, éducation : tableau interactif

Page 17: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

17

Strips papier des contrôleurs aériensMackay 97« De nombreux projets d'automatisation ou de

semi-automatisation se sont soldés par des échecs magistraux. Par exemple, l'administration des impôts

américaine a récemment annoncé qu'elle a dépensé 4 milliards de dollars pour un nouveau système informatisé qui a finalement été abandonné car il ne fonctionnait pas.

L'histoire de l'automatisation est pleine d'exemples similaires où des systèmes très coûteux sont abandonnés ou maintenus bien qu'ils diminuent la productivité des utilisateurs. »

Page 18: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

18

Strips papier des contrôleurs aériens (Mackay 97)

« Les contrôleurs gèrent le trafic essentiellement à l'aide de trois outils : le radar qui leur fournit une image de la situation dans un secteur donné, la radio qui leur permet de communiquer avec les pilotes et les strips des vols (voir figure 1).

Les strips des bandes de papier sur lesquelles sont imprimées les informations sur

l'avion et son plan de vol sont rangés dans un tableau de strips organisé selon un ordre qui varie selon les

individus. les strips correspondant à des conflits sont souvent rangés côte à côte. Les

strips des avions dont il faut se souvenir sont décalés. Les contrôleurs

annotent les instructions données aux avions sur les strips. S’en servent d'aide-mémoire et de moyen de communication entre les

contrôleurs. permettent aux autres contrôleurs de savoir quelles instructions ont été

données au pilote par le contrôleur radariste sans avoir à déranger celui-ci. Le rôle essentiel des strips est revendiqué par les contrôleurs Les strips sont cependant éliminés des projets d'automatisation, du moins sous leur

forme papier Ainsi, un système sans strips papiers a déjà été implémenté à Maastricht, mais

seulement pour les secteurs supérieurs et le trafic en route, qui constituent un type de trafic plus simple. »

Page 19: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

19

Strips papier des contrôleurs aériens (Mackay 97)

Page 20: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

20

Le cahier d’expérimentation (Mackay 2002)

Le cahier d’expérimentation (institut Pasteur )outil pour la recherche et document légal

avantages multimédia : post-it, photos, séquences d’ADN,radios etcsimple à utiliser et flexible, rapide à utiliser, portablePermanent : les cahiers d’expérimentation de la fin du XIX

siècle /documents informatiques des années 70 (les formats des fichiers ne sont plus lisibles)

inconvénients pas de fonctionnalités d’indexation, de création de table

de matières, recherche dans le cahier mais aussi dans les archives, références en général

idée : un cahier augmenté pour avoir le meilleur des deux mondes

Page 21: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

21

Le cahier d’expérimentation (Mackay 2002)

Page 22: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

22

La réalité augmentée

Def : augmente les objets physiques dans le monde réel avec la technologie informatique

Environnements qui intègrent des capacités informatiques dans des objets physiques

« Des objets familiers mais radicalement nouveaux »« the computer in the real world »

Comment augmenter ? L’utilisateur L’objet L’environnement

http://www-ihm.lri.fr/~mackay/

Page 23: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

23

La réalité mixteL’utilisateur manipule à la fois des objets

virtuels et des objets physiquesIHM : Interaction des Humains avec des

Mondes à la fois physiques et virtuelsExemples :

WELBODéveloppé au R Systems Laboratory, Kodak, Japon par H. Tamura et son équipe. http://www.mr-system.co.jp/project/ind

ex_e.html

Page 24: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

24

Welbo

Page 25: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

25

Création : EsquissePierre Leclerc, Interface esquisse en ingénierie de

conception, Démonstration IHM’2002

http://139.165.122.58/Lucid/Projects_Virtual_desktop.php

Disappearing computer :L’architecte utilise gomme et crayon et travaille sur un

bureau où il trace des croquis et des plans à la main et pas sur un écran avec des menus.

Page 26: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

26

Création : Esquisse

Page 27: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

27

Interface tangibleExemples

Le métre augmenté (CHI’2000) Marble answering machine (Bishop 95)IO/Brush

Il s’agit de remplacer l’interaction avec des objets

virtuels icône, menu etc

par une interaction avec des objets physiques Métre, bille, piéces d’échec

Informatique tangible = UbiComp + Design « Graspable interfaces »

Page 28: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

28

Les émotions

Gaver : Explore la transmission de sentiments amoureuxTransmettre des rêvesDes émotions (plumes, musiques etc.)

Kim Bisted HyperMask, Des masques projetés sur des visages pour des créations théatrales

Pervasive computing & magic

Page 29: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

29

Kinetic Typography Johnny C. Lee, Jodi Forlizzi, Scott E. , The Kinetic Typography Engine: An

Extensible System for Animating Expressive Text, UIST’2002 Absolument voir la vidéo pour comprendre le pouvoir évocateur http://www.cmu.edu/cfa/design/kdg/kt/

Kinetic typography : text that uses movement or other temporal change –

Kinetic typography – text that uses movement or other temporal change – has recently emerged as a new form of communication. As we hope to illustrate in this paper, kinetic typography can be seen as bringing some of the expressive power of film – such as its ability to convey emotion, portray compelling characters, and visually direct attention – to the strong communicative properties of text. Although kinetic typography offers substantial promise for expressive communications, it has not been widely exploited outside a few limited application areas (most notably in TV advertising). One of the reasons for this has been the lack of tools directly supporting it, and the accompanying difficulty in creating dynamic text. This paper presents a first step in remedying this situation – an extensible and robust system for animating text in a wide variety of forms. By supporting an appropriate set of carefully factored abstractions, this engine provides a relatively small set of components that can be plugged together to create a wide range of different expressions. It provides new techniques for automating effects used in traditional cartoon animation, and provides specific support for typographic manipulations.

Page 30: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

30

Salon d’essayage virtuel

Page 31: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

31

Habitat intelligentDans le cadre du projet européen : Disappearing

ComputerProjet comHomehttp://www.disappearing-computer.net/

Video CHIles réfrigérateurs intelligents qui vous téléphonent à votre

bureau pour vous rappeler de passer prendre du lait avant de rentrer,

le banc sur lequel vous vous asseyez et qui vous donne les nouvelles de la communauté

Le miroir qui vous dit que vous êtes la plus belle…Une introduction à l’ « ambient intelligence » en français :

http://www.limsi.fr/Individu/jps/enseignement/examsma/2003/BASKIOTIS_FEREY/ambientintelligence.htm

Page 32: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

32

Manipulation directe

coups de cœur Clothing manipulation UIST 2002Smart skin (Rekimoto)

Page 33: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

33

Clothing manipulation

Page 34: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

34

Concepts "Pervasive computing”, Diseappearing computer, invisible

computer Information appliance Everyday technology Affective computing Qualités ergonomiques et hédoniques des interfaces Augmented Reality Graspable interfaces Tangible interfaces Seamless interfaces Traversable interfaces Situated Computing, Embodied interaction Context aware computing Wearable computing

Page 35: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

35

Application à l'éducationStory telling et CHI Kids

shoulder to shoulder collaboration (vs distributed collaboration)

Videocours multimédia

Interactif TextbookLes simulateurs en formation professionnelleLe tableau Magique (Berard, Clips) etc…Smart classroomLe papier, les livres et cahiers augmentés

Page 36: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

36

Les problèmes ouvertsTechniques

Plasticité etc…Design Patterns

Dourish : Information appliances/convergence Interface invisible/ interface médiatrice Rôle des sciences sociales Relations entre les représentations physiques et symboliques et la notion de représentation

Page 37: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

37

RéférencesVideo : http://insitu.lri.fr/~roussel/digital-library

Mot de passe spécial pour paris5Actes de conférences :Proceedings of the CHI’2000,ACM, The Hague,

Netherlands 1-5 April 2000,A-W ISBN 0-201-48563-X

Ann Blandford, Jean Vanderdonckt, Phil Gray (Eds), People and computers-Interaction without Frontiers, Joint Proceedings of HCI’2001 and IHM’2001, Lille, France, Springer, 592 p., ISBN 1-85-235-51567

Proceedings of UIST 2002, ACM Symposium on User Interface Software and Technology, Paris, France, CHI Letters 4(2), ISBN 1-58113-488-6

Proceedings of IHM’2002, International Conference Proceedings Series, ACM 2002, Poitiers, France. ISBN 1-58113-615-3/02/0011

Page 38: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

38

Références (suite)Un livre de réflexion :Paul Dourish, Where the Action Is : the

Foundations of Embodied Interaction, Bradford Book, MIT Press, 233 p., 2001, ISBN 0-262-04196-0

Un livre panoramique et collectif : John M. Caroll (ed), Human Computer Interaction

in the new Millennium, Addison Wesley, 2001, 700 pages.

Page 39: 1 IHM de demain ? É. Delozanne, M1-IHM, Paris 5 Elisabeth.Delozanne@math-info.univ-paris5.fr delozanne Interfaces

39

Take Home messagesUne vision aborigène du monde :

le monde est l’interface avec l’informatique (pas une souris ou un clavier (Jakup Wejchert, Commission Européenne)

La conception s’organise autour de trois axes La technologieLes gensLe Design

Conception centrée sur l’activité des gens, le contexte plus sur l’ordinateur

L’activité peut être distribuée sur plusieurs appareils et requiert l’utilisation coordonnée de plusieurs artefacts sans que les utilisations soient séquentielles