Journée numerique11

http://www.flickr.com/photos/gregoirecliquet/5603411030/

Laurent Neyssensas / L’Ecole de design Nantes Atlantique / READi design lab
Journée Numérique à La Roche sur Yon
Interaction_interactivité_interface :
plasticité des supports_utilisateurs
Jeudi 20 Octobre 2011
Interac(on_interac(vité_interface: plas(cité des supports_u(lisateurs/ IUT La Roche sur Yon/20 Octobre 2011 /Laurent  Neyssensas

Laurent Neyssensas http://laurentneyssensas.lecolededesign.com/


READI/DesignLab
Recherche Expérimentales Appliquées en Design d’Interactivité

http://www.flickr.com/photos/loneyss/5546547889/sizes/l/in/set-72157626191918529/


Sommaire

1. Introduction
3. Paradigmes 2.0
- design ?
- NUI
- interactivité ?
- livre VS numérique
4 Entrée(s) Sortie(s)
2. Paradigmes
5. Réalités
- manipulation directe
- Augmentée
- WIMP
- Virtuelle
- GUI
- Mixte
- Interface
6. Conclusion_Discussion
RePro3D / Tachi Lab IVRCTokyo 2010 .

Design ?

http://www.flickr.com/photos/loneyss/4068910451/

* Une activité intégrable dans un processus projet qui a pour objectif
de produire de la valeur ajoutée : Usages / Technologie / Identité
* Il a pour finalité d’étendre la gamme, renforcer la marque ou faciliter l’innovation
* Qualité globale perçue d’un produit ou d’un service est déterminée par le design
« Un dessin à dessein »

Interactivité ?

nf.INFORM. « Qualité d’un logiciel dont l’exécution prend constamment en compte les informations fournies par
l’utilisateur.»

« Degré de satisfaction atteint par l’usager dans l’interaction vécue avec une machine »
(interaction design / interactive design)


Livre VS Numérique « le monde imprimé [n’était] plus sufﬁsant
pour exprimer nos connaissances »
Janet Murray

Universum - C. Flammarion, Holzschnitt, Paris 1888, Kolorit : Heikenwaelder Hugo, Wien 1998


Livre VS Numérique

BooK:La révolution Technologique Introducing The Book

Livre de poche


Paradigmes IHM Windows / Icons / Menus / Pointing Devices

A1‐ ATELIER DESIGN D’INTERACTIVITE 2011‐2012
F.Michel - L. Neyssensas - C.Thiery

Paradigmes Windows / Icons / Menus / Pointing Devices


Paradigmes

La manipulation directe (Ben Schneiderman - 1982)
Les objets ont une représentation permanente (métaphore des icônes)
Les actions physiques directes remplacent la saisie de commandes textuelles
Le résultat des actions sur les objets est immédiatement visible
Les opérations sont rapides, incrémentables et réversibles


Paradigmes What yous see is what you get !


Interface ? Interface?
Permettre le dialogue entre deux systèmes

Interface
nf. (mot anglais) Limite commune à deux systèmes, deux entités
permettant des échanges entre ceux-ci. Elle permet dans le cas de
l’informatique de favoriser le dialogue (l’interaction) entre les
machines et les humains par la stimulation des sens par des
périphériques appropriés.


Interface ?

Interface Utilisateur
Permet lʼinteraction avec un ordinateur. Nécessité dʼun langage commun.

Dispositifs de contrôle physiques
Graphical User Interfaces
Voice User Interfaces
Gestuelle


Interface ?

Interface Utilisateur
GUI : Graphical User Interface


Exemples d’interfaces Microsoft Surface


Exemples d’interfaces Microsoft Surface
Table tactile : démonstrateur


Innovation dans les interfaces

Les apports de la SF
Minority Report

Minority Report Interac(on_interac(vité_interface: plas(cité des supports_u(lisateurs/ IUT La Roche sur Yon/20 Octobre 2011 /Laurent  Neyssensas

Innovation dans les interfaces

John Underkoﬄer at TED’s conference A1‐ ATELIER DESIGN D’INTERACTIVITE 2011‐2012
hQp://www.ted.com/talks/john_underkoﬄer_drive_3d_data_with_a_gesture.html F.Michel - L. Neyssensas - C.Thiery

Langages et paradigmes futurs
2. INTERFACES & INTERACTIONS

Tactile & Interfaces Tangibles
Faire communiquer des objets réels et des interfaces virtuelles

Reactable A1‐ ATELIER DESIGN D’INTERACTIVITE 2011‐2012
hQp://fr.wikipedia.org/wiki/Reactable Interac(on_interac(vité_interface: plas(cité des supports_u(lisateurs/ IUT La Roche sur Yon/20 Octobre 2011 /Laurent  Neyssensas

2. INTERFACES & INTERACTIONS

Interfaces gestuelles naturelles
Un langage corporel pour manipuler les éléments virtuels

Sixthsense A1‐ ATELIER DESIGN D’INTERACTIVITE 2011‐2012
hQp://www.pranavmistry.com/projects/sixthsense/images/full/sixthsense04.jpg F.Michel - L. Neyssensas - C.Thiery


Interfaces gestuelles physiques
Le problème du feedback

Sixthsense A1‐ ATELIER DESIGN D’INTERACTIVITE 2011‐2012
hQp://www.pranavmistry.com/projects/sixthsense/images/full/sixthsense04.jpg F.Michel - L. Neyssensas - C.Thiery

UX & bêta perpétuelle

UX : Expérience utilisateur
Nintendo Wii Commercial Interac(on_interac(vité_interface: plas(cité des supports_u(lisateurs/ IUT La Roche sur Yon/20 Octobre 2011 /Laurent  Neyssensas

Interfaces tangibles

“leARn” / Victor Manselon Interac(on_interac(vité_interface: plas(cité des supports_u(lisateurs/ IUT La Roche sur Yon/20 Octobre 2011 /Laurent  Neyssensas

Interfaces tangibles

Immersive Rail shooter / David Arenou 2010


Réalité Virtuelle

http://www.flickr.com/photos/loneyss/3187497169/sizes/l/in/set-72157612394649393/


Réalité Virtuelle  VR4D “Virtual Reality For Design” / project (2010)

http://www.flickr.com/photos/loneyss/5187428975/sizes/l/in/set-72157625294610619


Réalité Augmentée L’information est partout !

Photographie de Frantz Lazorne


Réalité Augmentée Une nouvelle ère de jeux !

http://www.layar.com


Réalité Mixte Une nouvelle ère de jeux !

http://rogiken.org/vr/english.html


Une interaction en temps réel
Réalité Mixte entre objets réels_virtuels

”Know How Augmented” / François Ballon 2011


Paradigme 2.0 R_V.A.M

Reality-Virtuality continuum according to Milgram, Takemura, Utsumi and Kishino (1994)


Paradigme 2.0 Espace & Temps

Street Museum (London)


Paradigme 2.0 Sentir & Comprende

”Stepping Garden” / P. Thebault / 2006


I/O Entrées /Sorties

korean_tupperware
hQp://www.ﬂickr.com/photos/regarde/456378850

Entrées Sorties On appelle Entrées-Sorties les échanges d'informations entre le processeur et les
périphériques qui lui sont associés. De la sorte, le système peut réagir à des
1. Principes modiﬁcations de son environnement, voire le contrôler.


Entrées Sorties Les capteurs permettent de récupérer, à des ﬁns de traitement, les informations
relatives à la situation courante dʼun utilisateur et de lʼenvironnement.
2. Interacteur Physique ( sans Contact )

“


Entrées Sorties
Technologie radio courte distance conçue par Ericsson en 1994
destiné à simpliﬁer les connexions entre les appareils électroniques (7
esclaves «actifs».
3. Blue Tooth

http://www.flickr.com/photos/rickyromero/3744838397/in/photostream/


Entrées Sorties Un Personal Aera Network ou Body Aera Network désigne la mise en
réseau dʼéquipements nomades embarqué sur son corps (mobile/
3. Blue Tooth (P.A.N) oreillette, casque, capteur physiologique...)

http://www.athena-gatech.org/research/BIOMEDICAL/index.html#Antenna%20Body%20Area%20Networks


Radio Frequency IDentiﬁcation est une méthode de mémorisation et de récupération par ondes radio des

Entrées Sorties données stockées dans des « radio-étiquettes » (« RFID tag » ou « RFID transponder). Les tags sont
collés ou incorporés dans des objets (étiquette électronique de type « code barre »), produits (cartes
dʼaccès, de transport, de paiement…) et même implantées dans des organismes vivants…
3.R.F.I.D

http://izationlabs.com/2009/12/22/a-body-mod-most-curious/


Radio Frequency IDentiﬁcation est une méthode de mémorisation et de récupération par ondes radio des

Entrées Sorties données stockées dans des « radio-étiquettes » (« RFID tag » ou « RFID transponder). Les tags sont
collés ou incorporés dans des objets (étiquette électronique de type « code barre »), produits (cartes
dʼaccès, de transport, de paiement…) et même implantées dans des organismes vivants…
3.R.F.I.D


Entrées Sorties GPS : Nʼimporte où sur la planète… mais en extérieur !
WiFi / GPRS : Triangulation par rapport à plusieurs bornes
3.Récapitulatif Bluetooth : Proximité de lʼémetteur RFID : Par contact ou rapproché

Nokia Sports Tracker (beta)


Entrées Sorties Il existe des « bibliothèques » de composants logiciels qui permettent de détecter une
forme (ici une main) et de suivre ses déplacements en temps réel.
4. Détection Video (Computer Vision)

http://en.wikipedia.org/wiki/OpenCV


Entrées Sorties
Les Quick Response Code permettent dʼinscrire dans lʼespace physique des
informations numériques consultables via tous types de caméras (Mobiles). Lʼavantage
de cette technologie est sa simplicité de mise en œuvre et son coût très abordable (frais
4. QR Code dʼimpression dʼun QR Code).

http://www.flickr.com/photos/loneyss/5046386633/


Entrées Sorties Les Quick Response Code peuvent également être colorés ou peuvent intégrer
des images leur conférant un aspect graphique plus attrayant.
4. QR Code

http://www.flickr.com/photos/loneyss/4070782245


Les Augmented Reality Markers permettent de capter la position dʼun objet dans lʼespace

Entrées Sorties mais aussi son orientation (x,y et z). Aujourdʼhui les AR Markers disparaissent au proﬁt
de symboles plus simples, dʼimages photographiques ou encore grâce à la seule
géolocalisation & inclinaison (mobiles).
4. AR Markers

http://www.flickr.com/photos/snoogward/3473507242/sizes/l/in/photostream/


Entrées Sorties Envisager les opportunités et les possibilités techniques en amont
du projet.
5. Conclusion(s) Proposer des principes, schéma technique…

M. Martin doit se rendre à un rendez-vous, il envisage de s’y rendre à pied lorsque le système l’informe qu’à ce rythme il sera en retard ; M.
Martin pourrait alors envisager de courir… mais le système, détectant via les capteurs physiologiques de M. Martin que celui-ci ressent déjà
des signes de fatigue, et l’en déconseille fortement… en outre, une marche soutenue n’aurait que peu d’influence sur l’estimation de son
heure d’arrivée.
Le système l’avise alors qu’il peut prendre le bus 41, l’arrêt le plus proche ne se trouvant qu’à une centaine de mètres dans une rue voisine.
Même si le prochain bus ne passera à cet arrêt que dans une dizaine de minutes, celui-ci pourra le déposer à proximité de sa destination
finale avant l’heure prévue ; enfin le coût du trajet fera l’objet d’une transaction directe entre la banque de M. Martin et celle de la compagnie
de transports.


S’éditer
Appli


Editer
Appli


Concept The Future of the Book by IDEO


Livre Interactif The Fantastic Flying Book by MonnBot Studio


Livre Augmenté Augmented reality - VFX Breakdown by Soryn


Livre jeu The Night Of the Living Dead Pixels by
Les éditions Volumiques


image

humain

lieu texte média

machine

ﬂux

Cette présentation est une proposition
basée sur différents cours et supports
réalisés en collaboration avec :

Grégoire Cliquet
Florent Michel
Clément Thiery

http://www.lecolededesign.com
http://readi.lecolededesign.com


Journée numerique11

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (19)

Similar to Journée numerique11

Similar to Journée numerique11 (20)

More from Laurent Neyssensas

More from Laurent Neyssensas (20)

Journée numerique11

Editor's Notes