SlideShare une entreprise Scribd logo
1  sur  23
Design d'interactivité ?  Module 1ere année d’initiation au design d’interactivité Grégoire Cliquet / Laurent Neyssensas / Clément Thiery L’École de design Nantes Atlantique 2010 - 2011
Design ? * 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 » http://www.gchangetout.com/images_int/tony2panam/83459/337678.jpg
[object Object],[object Object],[object Object],[object Object],http://www.flickr.com/photos/lecolededesign/2320698239/in/set-72157604076710360/
Design d’Interactivité ? @lecolededesign 1. Production de contenus (design numérique / media design) 2. Réalisation d’interfaces (graphiques) 3. Nouvelles modalités d’interaction 4. Conception de services innovants
1. Design Numérique (media design) Production de Contenus Graphisme  (infographie 2d / 3d) /  Motion / Son Valentin Millet  Jules Leclerc & Jean Christophe Naour The French Flavor designers  http://www.thefrenchflavor.com Vidéo
[object Object],[object Object],[object Object],[object Object]
2. Design d’interfaces  (G.U.I. / Web design) Graphical User Interfaces (Interfaces Graphiques)
2. Design d’interfaces (exemple 1) * Interfaces graphiques : GUI, Applications, Web, Mobiles… * Convergence, Plasticité des interfaces… Accessibilité, Navigabilité “ ahead”  / C. Faydi et M. Denié / 2010
2. Design d’interfaces (méthode) * Hiérarchisation des fonctions * Séquence de navigation * Définition des interacteurs * Mise en forme des contenus “ ahead”  / C. Faydi et M. Denié / 2010
2. Design d’interfaces (production) Eléments nécessaires à la réalisation de l’interface graphique * Wireframe (gabarits) * Mockup (maquette graphique) / Layout * Préconisations et Spécifications techniques “ Subatech”  / S. Mouton et A. Milien / 2010
2. Design d’interfaces Outils : * Wireframing (Pencil) * Langages (xHTML, CSS, Javascript, Php, MySql) * Logiciels (Bloc notes !, Adobe DreamWeaver… Filezilla)
3. Nouvelles modalités d’interaction * Evolution de l’électronique : Disappearing Computer, Ambient & Ubiquitous Computing 1950 2008
[object Object],[object Object],[object Object],[object Object],[object Object],“ MindFlow”  / T. Da Luz / 2010
3. Nouvelles modalités d’interactions (méthode) * Approche descendante et ascendante * Scénario d’Usages * Etude de faisabilité “ MindFlow”  (étude) / T. Da Luz / 2010 Vidéo “ MindFlow”  (final) / T. Da Luz / 2010 Vidéo
3. Nouvelles modalités d’interactions (production) * Scénario d’usage * Démonstrateur fonctionnel (Proof Of Concept) “ Scope”  / F. Lasorne / IVRC Tokyo 2009 Vidéo “ Immersive Rail Shooter” / D. Arenou / IVRC Tokyo 2010 Vidéo
3. Nouvelles modalités d’interactions (production) * Scénario d’usage * Démonstrateur fonctionnel (Proof Of Concept) “ Laz’s Quest”  / I. Ardouin Fumat  & M. Garel / Laval Virtual 2010 Vidéo
4. Conception de services innovants Définition et scénarisation de  services innovants Innovation Descendante : De la  R&D  vers les  USAGES et les USAGERS Innovation Ascendante : Des  USAGES et les USAGERS  vers la  R&D
4. Design de services (exemple 1/2) Valorisation d’une technologie hardware / software (innovation descendante) Technologie d’analyse sémantique des contenus multimédia (audio/vidéo) http://www.2424actu.fr (Orange Labs Lannion / 2009) de l’abstraction technologique à sa matérialisation… “ 2424actu.fr”  / Orange Labs Lannion 2009
4. Design de services (exemple 2/2) Observation des usages, détection de besoins (innovation ascendante) Diffuser, agréger et partager un événement culturel sur les réseaux sociaux : Géographique, Thématique et Relationnel Nouvelles Technologies  Nouveaux Usages « Vibrations Culturelles » / C. Thiery / 2008
4. Design de services (méthode / outils) Veille Créative  (veille stratégique, agrégation de flux RSS…) Observation des usages  (Etudes sociologiques, ergonomiques…) Brainstorming, Mindmapping…  (Prise en compte des contraintes technologiques…)
4. Design de services (production) S toryboard / Scénario * Contexte d’utilisation  * Définition de service / Présentation des modalités d’usages * Identité du service « Vibrations Culturelles » / C. Thiery / 2008) Vidéo
Designer d’interactivité ? * Designer Intégré R&D  (Légo, Ubisoft, Orange…) * Designer PME (Wiztivi, Uneek) * Agences / Free Lance (l’arrosoir, Opixido) * Poursuite d’études (doctorat / x2 diplôme ENSAM & Bretagne Telecom)
Merci ;) des questions ? [email_address] [email_address] [email_address]

Contenu connexe

Tendances

Option Majeure design et Réalité Virtuelle
Option Majeure design et Réalité VirtuelleOption Majeure design et Réalité Virtuelle
Option Majeure design et Réalité Virtuellelecolededesign
 
Ergonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateursErgonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateursAnne-Marie Pinna-Dery
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Benoit Drouillat
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHMAnne-Marie Pinna-Dery
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteMarius Butuc
 
Stratégie de communication
Stratégie de communicationStratégie de communication
Stratégie de communicationIssam Bekhti
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Atelier IHM Polytech Nice Sophia
 
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...Anthony Gelibert
 
Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Anne-Marie Pinna-Dery
 

Tendances (19)

Plasticitérecherche2017
Plasticitérecherche2017Plasticitérecherche2017
Plasticitérecherche2017
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
 
Cours Adaptation des IHM
Cours Adaptation des IHMCours Adaptation des IHM
Cours Adaptation des IHM
 
Option Majeure design et Réalité Virtuelle
Option Majeure design et Réalité VirtuelleOption Majeure design et Réalité Virtuelle
Option Majeure design et Réalité Virtuelle
 
Intro ihm
Intro ihmIntro ihm
Intro ihm
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
 
Intro conception2015vf bis
Intro conception2015vf bisIntro conception2015vf bis
Intro conception2015vf bis
 
Idm et ihm
Idm et ihmIdm et ihm
Idm et ihm
 
Présentation ceihma tous
Présentation ceihma tousPrésentation ceihma tous
Présentation ceihma tous
 
Ergonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateursErgonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateurs
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHM
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: Plasticite
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
 
Stratégie de communication
Stratégie de communicationStratégie de communication
Stratégie de communication
 
Android201710 avrilcours3
Android201710 avrilcours3Android201710 avrilcours3
Android201710 avrilcours3
 
Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014Ergonomie et modélisation des utilisateurs d'une ihm 2014
Ergonomie et modélisation des utilisateurs d'une ihm 2014
 
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
Plateforme Ouverte de Supervision et de Traçabilité pour les Environnements C...
 
Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3
 

En vedette

Faites du web votre allié !
Faites du web votre allié !Faites du web votre allié !
Faites du web votre allié !FoodConnexion
 
Choix de l'enquête Libqual+ version Lite au SCD Lille 2
Choix de l'enquête Libqual+ version Lite au SCD Lille 2Choix de l'enquête Libqual+ version Lite au SCD Lille 2
Choix de l'enquête Libqual+ version Lite au SCD Lille 2Nicolas Alarcon
 
Presentatation de HOME
Presentatation de HOMEPresentatation de HOME
Presentatation de HOMEAnahi Conde
 
Bases teóricas... Alejandra Castellano M-747
Bases teóricas... Alejandra Castellano M-747Bases teóricas... Alejandra Castellano M-747
Bases teóricas... Alejandra Castellano M-747AleCastellano20
 
Practica 33.b4 tema 3 power point
Practica 33.b4 tema 3 power pointPractica 33.b4 tema 3 power point
Practica 33.b4 tema 3 power pointKarla Villalobos
 
Démarche accompagnement projets Recherche et Développement
Démarche accompagnement projets Recherche et DéveloppementDémarche accompagnement projets Recherche et Développement
Démarche accompagnement projets Recherche et DéveloppementINNOVER PLUS
 
Dossier de Presse Pharmagora - 2014
Dossier de Presse Pharmagora - 2014Dossier de Presse Pharmagora - 2014
Dossier de Presse Pharmagora - 2014pbcom1998
 
Documento slideshare
Documento slideshareDocumento slideshare
Documento slideshareNararodriguez
 
Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10
Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10
Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10zztopzz .
 
Luis caballero andres maldonado 11°4
Luis caballero   andres maldonado 11°4Luis caballero   andres maldonado 11°4
Luis caballero andres maldonado 11°4Andres0823
 
Pp ag foret bois de l'est 22 mars 2013
Pp ag foret bois de l'est 22 mars 2013Pp ag foret bois de l'est 22 mars 2013
Pp ag foret bois de l'est 22 mars 2013alain.jacquet
 
Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...
Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...
Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...Marylène d'Incau
 
Anal. y evol. del pib 2004 2009
Anal. y evol. del pib 2004 2009Anal. y evol. del pib 2004 2009
Anal. y evol. del pib 2004 2009Wendy Hernández
 
F.freestyle
F.freestyleF.freestyle
F.freestylewertano
 

En vedette (20)

Faites du web votre allié !
Faites du web votre allié !Faites du web votre allié !
Faites du web votre allié !
 
Choix de l'enquête Libqual+ version Lite au SCD Lille 2
Choix de l'enquête Libqual+ version Lite au SCD Lille 2Choix de l'enquête Libqual+ version Lite au SCD Lille 2
Choix de l'enquête Libqual+ version Lite au SCD Lille 2
 
Client Presentation
Client PresentationClient Presentation
Client Presentation
 
Presentatation de HOME
Presentatation de HOMEPresentatation de HOME
Presentatation de HOME
 
Bases teóricas... Alejandra Castellano M-747
Bases teóricas... Alejandra Castellano M-747Bases teóricas... Alejandra Castellano M-747
Bases teóricas... Alejandra Castellano M-747
 
Visionario 1
Visionario 1Visionario 1
Visionario 1
 
Practica 33.b4 tema 3 power point
Practica 33.b4 tema 3 power pointPractica 33.b4 tema 3 power point
Practica 33.b4 tema 3 power point
 
Los adjetivos
Los adjetivosLos adjetivos
Los adjetivos
 
Démarche accompagnement projets Recherche et Développement
Démarche accompagnement projets Recherche et DéveloppementDémarche accompagnement projets Recherche et Développement
Démarche accompagnement projets Recherche et Développement
 
Dossier de Presse Pharmagora - 2014
Dossier de Presse Pharmagora - 2014Dossier de Presse Pharmagora - 2014
Dossier de Presse Pharmagora - 2014
 
Málag abien
Málag abienMálag abien
Málag abien
 
Documento slideshare
Documento slideshareDocumento slideshare
Documento slideshare
 
Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10
Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10
Fi de Curs l'Esplai Sant Celoni Gent Gran Ateneu 26-6-10
 
Luis caballero andres maldonado 11°4
Luis caballero   andres maldonado 11°4Luis caballero   andres maldonado 11°4
Luis caballero andres maldonado 11°4
 
Pp ag foret bois de l'est 22 mars 2013
Pp ag foret bois de l'est 22 mars 2013Pp ag foret bois de l'est 22 mars 2013
Pp ag foret bois de l'est 22 mars 2013
 
Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...
Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...
Columeau_dIncau-2016-Rôle de l’Infirmier de Recherche au Luxembourg Institute...
 
Ejercicios
EjerciciosEjercicios
Ejercicios
 
Anal. y evol. del pib 2004 2009
Anal. y evol. del pib 2004 2009Anal. y evol. del pib 2004 2009
Anal. y evol. del pib 2004 2009
 
Marilyn
MarilynMarilyn
Marilyn
 
F.freestyle
F.freestyleF.freestyle
F.freestyle
 

Similaire à Interactivite@ledna

CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumailjuliendumail
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedSteria
 
Atelier_Interactivite_presentation
Atelier_Interactivite_presentationAtelier_Interactivite_presentation
Atelier_Interactivite_presentationlecolededesign
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...AudéLor
 
Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...
Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...
Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...louschwartz
 
Formation gestion de projet - 06 - la production
 Formation gestion de projet - 06 - la production Formation gestion de projet - 06 - la production
Formation gestion de projet - 06 - la productioniafactory
 
Cours (A) Gobelins Master 2 MICNI
Cours (A) Gobelins Master 2 MICNICours (A) Gobelins Master 2 MICNI
Cours (A) Gobelins Master 2 MICNIDavid Raichman
 
Storyboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsStoryboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsEric DI POL
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 MinutesMicrosoft
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
 
Support cours 1 -MAster PRANET
Support cours 1 -MAster PRANETSupport cours 1 -MAster PRANET
Support cours 1 -MAster PRANETLaurent Neyssensas
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetiafactory
 
Atelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - Rétrospective
Atelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - RétrospectiveAtelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - Rétrospective
Atelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - RétrospectiveRoux Michel
 
2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies2.0 Mode d'emploi Technologies
2.0 Mode d'emploi TechnologiesGiroud Marie
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1bduverneuil
 
Open Source Innovation - Origines et Expansion de l'Open X
Open Source Innovation - Origines et Expansion de l'Open XOpen Source Innovation - Origines et Expansion de l'Open X
Open Source Innovation - Origines et Expansion de l'Open Xjfomhover
 
Open Source Innovation - Origines et Expansion de l'Open X (obsolete)
Open Source Innovation - Origines et Expansion de l'Open X (obsolete)Open Source Innovation - Origines et Expansion de l'Open X (obsolete)
Open Source Innovation - Origines et Expansion de l'Open X (obsolete)jfomhover
 

Similaire à Interactivite@ledna (20)

CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
 
Atelier_Interactivite_presentation
Atelier_Interactivite_presentationAtelier_Interactivite_presentation
Atelier_Interactivite_presentation
 
Interactivite@ledna
Interactivite@lednaInteractivite@ledna
Interactivite@ledna
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
 
Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...
Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...
Personnalisation basée sur l'utilisation d'ontologies, utilisation du context...
 
Formation gestion de projet - 06 - la production
 Formation gestion de projet - 06 - la production Formation gestion de projet - 06 - la production
Formation gestion de projet - 06 - la production
 
Cours (A) Gobelins Master 2 MICNI
Cours (A) Gobelins Master 2 MICNICours (A) Gobelins Master 2 MICNI
Cours (A) Gobelins Master 2 MICNI
 
test
testtest
test
 
Storyboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsStoryboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and Tools
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
Support cours 1 -MAster PRANET
Support cours 1 -MAster PRANETSupport cours 1 -MAster PRANET
Support cours 1 -MAster PRANET
 
Formation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projetFormation gestion de projet - 01 - introduction à la conduite de projet
Formation gestion de projet - 01 - introduction à la conduite de projet
 
Atelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - Rétrospective
Atelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - RétrospectiveAtelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - Rétrospective
Atelier Mazedia Multitouch SITEM 2011 Expérience Fontevraud - Rétrospective
 
2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
 
Open Source Innovation - Origines et Expansion de l'Open X
Open Source Innovation - Origines et Expansion de l'Open XOpen Source Innovation - Origines et Expansion de l'Open X
Open Source Innovation - Origines et Expansion de l'Open X
 
Open Source Innovation - Origines et Expansion de l'Open X (obsolete)
Open Source Innovation - Origines et Expansion de l'Open X (obsolete)Open Source Innovation - Origines et Expansion de l'Open X (obsolete)
Open Source Innovation - Origines et Expansion de l'Open X (obsolete)
 
2.0 TEchnologies
2.0 TEchnologies2.0 TEchnologies
2.0 TEchnologies
 

Plus de Laurent Neyssensas

Support design fiction la roche
Support design fiction la rocheSupport design fiction la roche
Support design fiction la rocheLaurent Neyssensas
 
Presentation Activités PRO A3 Decembre 2013
Presentation Activités PRO A3 Decembre 2013Presentation Activités PRO A3 Decembre 2013
Presentation Activités PRO A3 Decembre 2013Laurent Neyssensas
 
Presentation innovation Week LA roche sur yon
Presentation innovation Week LA roche sur yonPresentation innovation Week LA roche sur yon
Presentation innovation Week LA roche sur yonLaurent Neyssensas
 
Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313Laurent Neyssensas
 
Conférence journee numérique 2013
Conférence  journee numérique 2013Conférence  journee numérique 2013
Conférence journee numérique 2013Laurent Neyssensas
 
Le design d'aujourd'hui dans la cité de demain
Le design d'aujourd'hui dans la cité de demainLe design d'aujourd'hui dans la cité de demain
Le design d'aujourd'hui dans la cité de demainLaurent Neyssensas
 
Support_Cours 2 Master Pranet Université Rennes 2
Support_Cours 2 Master Pranet Université Rennes 2 Support_Cours 2 Master Pranet Université Rennes 2
Support_Cours 2 Master Pranet Université Rennes 2 Laurent Neyssensas
 
Conf i3 c_futur_du_peripherique
Conf i3 c_futur_du_peripheriqueConf i3 c_futur_du_peripherique
Conf i3 c_futur_du_peripheriqueLaurent Neyssensas
 
Support_intervention_Green_Connected_Cities_2009
Support_intervention_Green_Connected_Cities_2009Support_intervention_Green_Connected_Cities_2009
Support_intervention_Green_Connected_Cities_2009Laurent Neyssensas
 

Plus de Laurent Neyssensas (20)

Support design fiction la roche
Support design fiction la rocheSupport design fiction la roche
Support design fiction la roche
 
Presentation Activités PRO A3 Decembre 2013
Presentation Activités PRO A3 Decembre 2013Presentation Activités PRO A3 Decembre 2013
Presentation Activités PRO A3 Decembre 2013
 
Presentation innovation Week LA roche sur yon
Presentation innovation Week LA roche sur yonPresentation innovation Week LA roche sur yon
Presentation innovation Week LA roche sur yon
 
Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313
 
Design fiction
Design fictionDesign fiction
Design fiction
 
Conférence journee numérique 2013
Conférence  journee numérique 2013Conférence  journee numérique 2013
Conférence journee numérique 2013
 
Le design d'aujourd'hui dans la cité de demain
Le design d'aujourd'hui dans la cité de demainLe design d'aujourd'hui dans la cité de demain
Le design d'aujourd'hui dans la cité de demain
 
Souriez vous êtes mort !
Souriez vous êtes mort !Souriez vous êtes mort !
Souriez vous êtes mort !
 
Support_Cours 2 Master Pranet Université Rennes 2
Support_Cours 2 Master Pranet Université Rennes 2 Support_Cours 2 Master Pranet Université Rennes 2
Support_Cours 2 Master Pranet Université Rennes 2
 
Initiation numérique partie2
Initiation numérique partie2Initiation numérique partie2
Initiation numérique partie2
 
Initiation numérique partie1
Initiation numérique partie1Initiation numérique partie1
Initiation numérique partie1
 
Atelier#1 Renum Sénior
Atelier#1 Renum SéniorAtelier#1 Renum Sénior
Atelier#1 Renum Sénior
 
Atelier#2 Renum Sénior
Atelier#2 Renum SéniorAtelier#2 Renum Sénior
Atelier#2 Renum Sénior
 
Conf i3 c_futur_du_peripherique
Conf i3 c_futur_du_peripheriqueConf i3 c_futur_du_peripherique
Conf i3 c_futur_du_peripherique
 
Support Siggraph asie2011
Support Siggraph asie2011Support Siggraph asie2011
Support Siggraph asie2011
 
Journée numerique11
Journée numerique11Journée numerique11
Journée numerique11
 
Vr4 d design_dev
Vr4 d design_devVr4 d design_dev
Vr4 d design_dev
 
Notions ihm
Notions ihmNotions ihm
Notions ihm
 
Recherche documentaire a1
Recherche documentaire a1Recherche documentaire a1
Recherche documentaire a1
 
Support_intervention_Green_Connected_Cities_2009
Support_intervention_Green_Connected_Cities_2009Support_intervention_Green_Connected_Cities_2009
Support_intervention_Green_Connected_Cities_2009
 

Dernier

SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSKennel
 
PIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfPIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfRiDaHAziz
 
Cours de Management des Systèmes d'information
Cours de Management des Systèmes d'informationCours de Management des Systèmes d'information
Cours de Management des Systèmes d'informationpapediallo3
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETMedBechir
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 37
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .Txaruka
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSKennel
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...Faga1939
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Alain Marois
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSKennel
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETMedBechir
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSKennel
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSKennel
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Gilles Le Page
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeXL Groupe
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre françaisTxaruka
 
PIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfPIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfRiDaHAziz
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 37
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsRajiAbdelghani
 

Dernier (20)

DO PALÁCIO À ASSEMBLEIA .
DO PALÁCIO À ASSEMBLEIA                 .DO PALÁCIO À ASSEMBLEIA                 .
DO PALÁCIO À ASSEMBLEIA .
 
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdfSciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
SciencesPo_Aix_InnovationPédagogique_Conférence_SK.pdf
 
PIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfPIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdf
 
Cours de Management des Systèmes d'information
Cours de Management des Systèmes d'informationCours de Management des Systèmes d'information
Cours de Management des Systèmes d'information
 
Cours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSETCours SE Gestion des périphériques - IG IPSET
Cours SE Gestion des périphériques - IG IPSET
 
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdfBibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
Bibdoc 2024 - Les maillons de la chaine du livre face aux enjeux écologiques.pdf
 
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .Annie   Ernaux  Extérieurs. pptx. Exposition basée sur un livre .
Annie Ernaux Extérieurs. pptx. Exposition basée sur un livre .
 
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_IA.pdf
 
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
LA MONTÉE DE L'ÉDUCATION DANS LE MONDE DE LA PRÉHISTOIRE À L'ÈRE CONTEMPORAIN...
 
Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024Zotero avancé - support de formation doctorants SHS 2024
Zotero avancé - support de formation doctorants SHS 2024
 
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_FormationRecherche.pdf
 
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSETCours SE Le système Linux : La ligne de commande bash - IG IPSET
Cours SE Le système Linux : La ligne de commande bash - IG IPSET
 
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdfSciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
SciencesPo_Aix_InnovationPédagogique_Atelier_EtudiantActeur.pdf
 
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdfSciencesPo_Aix_InnovationPédagogique_Bilan.pdf
SciencesPo_Aix_InnovationPédagogique_Bilan.pdf
 
Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024Presentation de la plateforme Moodle - avril 2024
Presentation de la plateforme Moodle - avril 2024
 
Le Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directeLe Lean sur une ligne de production : Formation et mise en application directe
Le Lean sur une ligne de production : Formation et mise en application directe
 
Bernard Réquichot.pptx Peintre français
Bernard Réquichot.pptx   Peintre françaisBernard Réquichot.pptx   Peintre français
Bernard Réquichot.pptx Peintre français
 
PIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfPIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdf
 
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdfBibdoc 2024 - Ecologie du livre et creation de badge.pdf
Bibdoc 2024 - Ecologie du livre et creation de badge.pdf
 
Principe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 tempsPrincipe de fonctionnement d'un moteur 4 temps
Principe de fonctionnement d'un moteur 4 temps
 

Interactivite@ledna

  • 1. Design d'interactivité ? Module 1ere année d’initiation au design d’interactivité Grégoire Cliquet / Laurent Neyssensas / Clément Thiery L’École de design Nantes Atlantique 2010 - 2011
  • 2. Design ? * 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 » http://www.gchangetout.com/images_int/tony2panam/83459/337678.jpg
  • 3.
  • 4. Design d’Interactivité ? @lecolededesign 1. Production de contenus (design numérique / media design) 2. Réalisation d’interfaces (graphiques) 3. Nouvelles modalités d’interaction 4. Conception de services innovants
  • 5. 1. Design Numérique (media design) Production de Contenus Graphisme (infographie 2d / 3d) / Motion / Son Valentin Millet Jules Leclerc & Jean Christophe Naour The French Flavor designers http://www.thefrenchflavor.com Vidéo
  • 6.
  • 7. 2. Design d’interfaces (G.U.I. / Web design) Graphical User Interfaces (Interfaces Graphiques)
  • 8. 2. Design d’interfaces (exemple 1) * Interfaces graphiques : GUI, Applications, Web, Mobiles… * Convergence, Plasticité des interfaces… Accessibilité, Navigabilité “ ahead” / C. Faydi et M. Denié / 2010
  • 9. 2. Design d’interfaces (méthode) * Hiérarchisation des fonctions * Séquence de navigation * Définition des interacteurs * Mise en forme des contenus “ ahead” / C. Faydi et M. Denié / 2010
  • 10. 2. Design d’interfaces (production) Eléments nécessaires à la réalisation de l’interface graphique * Wireframe (gabarits) * Mockup (maquette graphique) / Layout * Préconisations et Spécifications techniques “ Subatech” / S. Mouton et A. Milien / 2010
  • 11. 2. Design d’interfaces Outils : * Wireframing (Pencil) * Langages (xHTML, CSS, Javascript, Php, MySql) * Logiciels (Bloc notes !, Adobe DreamWeaver… Filezilla)
  • 12. 3. Nouvelles modalités d’interaction * Evolution de l’électronique : Disappearing Computer, Ambient & Ubiquitous Computing 1950 2008
  • 13.
  • 14. 3. Nouvelles modalités d’interactions (méthode) * Approche descendante et ascendante * Scénario d’Usages * Etude de faisabilité “ MindFlow” (étude) / T. Da Luz / 2010 Vidéo “ MindFlow” (final) / T. Da Luz / 2010 Vidéo
  • 15. 3. Nouvelles modalités d’interactions (production) * Scénario d’usage * Démonstrateur fonctionnel (Proof Of Concept) “ Scope” / F. Lasorne / IVRC Tokyo 2009 Vidéo “ Immersive Rail Shooter” / D. Arenou / IVRC Tokyo 2010 Vidéo
  • 16. 3. Nouvelles modalités d’interactions (production) * Scénario d’usage * Démonstrateur fonctionnel (Proof Of Concept) “ Laz’s Quest” / I. Ardouin Fumat & M. Garel / Laval Virtual 2010 Vidéo
  • 17. 4. Conception de services innovants Définition et scénarisation de services innovants Innovation Descendante : De la R&D vers les USAGES et les USAGERS Innovation Ascendante : Des USAGES et les USAGERS vers la R&D
  • 18. 4. Design de services (exemple 1/2) Valorisation d’une technologie hardware / software (innovation descendante) Technologie d’analyse sémantique des contenus multimédia (audio/vidéo) http://www.2424actu.fr (Orange Labs Lannion / 2009) de l’abstraction technologique à sa matérialisation… “ 2424actu.fr” / Orange Labs Lannion 2009
  • 19. 4. Design de services (exemple 2/2) Observation des usages, détection de besoins (innovation ascendante) Diffuser, agréger et partager un événement culturel sur les réseaux sociaux : Géographique, Thématique et Relationnel Nouvelles Technologies Nouveaux Usages « Vibrations Culturelles » / C. Thiery / 2008
  • 20. 4. Design de services (méthode / outils) Veille Créative (veille stratégique, agrégation de flux RSS…) Observation des usages (Etudes sociologiques, ergonomiques…) Brainstorming, Mindmapping… (Prise en compte des contraintes technologiques…)
  • 21. 4. Design de services (production) S toryboard / Scénario * Contexte d’utilisation * Définition de service / Présentation des modalités d’usages * Identité du service « Vibrations Culturelles » / C. Thiery / 2008) Vidéo
  • 22. Designer d’interactivité ? * Designer Intégré R&D (Légo, Ubisoft, Orange…) * Designer PME (Wiztivi, Uneek) * Agences / Free Lance (l’arrosoir, Opixido) * Poursuite d’études (doctorat / x2 diplôme ENSAM & Bretagne Telecom)
  • 23. Merci ;) des questions ? [email_address] [email_address] [email_address]

Notes de l'éditeur

  1. http://www.thefrenchflavor.com/
  2. Étude http://vimeo.com/3940525 final : http://vimeo.com/4324131
  3. http://www.frantz-xx.com/ http://portfolio.davidarenou.com/video-game/immersive-rail-shooter/
  4. http://vimeo.com/10219165
  5. http://www.2424actu.fr/promo/decouvrir2424actu/