SlideShare une entreprise Scribd logo
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
Interactivité ? nf.I NFORM . « 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 ) 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
1. Design Numérique (media design) Outils : * Adobe (Photoshop, Illustrator, Flash, etc.) Autodesk, 3dsMax, Proce55ing, Virtools, FL Studio, etc.
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
3. Nouvelles modalités d’interactions (exemple 1) Mobilité, Hyper Mobilité, Multimodalité Natural User Interface (Gesture / Xtouch) Réalité Virtuelle, Augmentée, Interfaces tangibles Affordance, Ergonomie fonctionnelle  “ 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

Plasticitérecherche2017
Plasticitérecherche2017Plasticitérecherche2017
Plasticitérecherche2017
Anne-Marie Pinna-Dery
 
Intro conception2014
Intro conception2014Intro conception2014
Intro conception2014
Atelier IHM Polytech Nice Sophia
 
Cours Adaptation des IHM
Cours Adaptation des IHMCours Adaptation des IHM
Cours Adaptation des IHM
Atelier IHM Polytech Nice Sophia
 
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
lecolededesign
 
Intro ihm
Intro ihmIntro ihm
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
Anne-Marie Pinna-Dery
 
Intro conception2015vf bis
Intro conception2015vf bisIntro conception2015vf bis
Intro conception2015vf bis
Atelier IHM Polytech Nice Sophia
 
Idm et ihm
Idm et ihmIdm et ihm
Présentation ceihma tous
Présentation ceihma tousPrésentation ceihma tous
Présentation ceihma tous
Atelier IHM Polytech Nice Sophia
 
Ergonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateursErgonomie et modelisation utilisateurs
Ergonomie et modelisation utilisateurs
Anne-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 IHM
Anne-Marie Pinna-Dery
 
IHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: PlasticiteIHM et Genie Logiciel: Plasticite
IHM et Genie Logiciel: Plasticite
Marius Butuc
 
Stratégie de communication
Stratégie de communicationStratégie de communication
Stratégie de communication
Issam Bekhti
 
Android201710 avrilcours3
Android201710 avrilcours3Android201710 avrilcours3
Android201710 avrilcours3
Anne-Marie Pinna-Dery
 
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
Atelier 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 SI3
Anne-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 2
Nicolas Alarcon
 
Presentatation de HOME
Presentatation de HOMEPresentatation de HOME
Presentatation de HOME
Anahi 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-747
AleCastellano20
 
Visionario 1
Visionario 1Visionario 1
Visionario 1
metodologia000
 
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
Karla Villalobos
 
Los adjetivos
Los adjetivosLos adjetivos
Los adjetivos
MELISSA RAMIREZ
 
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
INNOVER PLUS
 
Dossier de Presse Pharmagora - 2014
Dossier de Presse Pharmagora - 2014Dossier de Presse Pharmagora - 2014
Dossier de Presse Pharmagora - 2014
pbcom1998
 
Málag abien
Málag abienMálag abien
Málag abien
rosabejarano96
 
Documento slideshare
Documento slideshareDocumento slideshare
Documento slideshare
Nararodriguez
 
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
zztopzz .
 
Luis caballero andres maldonado 11°4
Luis caballero   andres maldonado 11°4Luis caballero   andres maldonado 11°4
Luis caballero andres maldonado 11°4
Andres0823
 
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
alain.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
 
Ejercicios
EjerciciosEjercicios
Ejercicios
David Carrillo
 
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
Wendy Hernández
 
Marilyn
MarilynMarilyn
F.freestyle
F.freestyleF.freestyle
F.freestyle
wertano
 

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 Dumail
juliendumail
 
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
Steria
 
Atelier_Interactivite_presentation
Atelier_Interactivite_presentationAtelier_Interactivite_presentation
Atelier_Interactivite_presentation
lecolededesign
 
Interactivite@ledna
Interactivite@lednaInteractivite@ledna
Interactivite@ledna
lecolededesign
 
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
 
Cours (A) Gobelins Master 2 MICNI
Cours (A) Gobelins Master 2 MICNICours (A) Gobelins Master 2 MICNI
Cours (A) Gobelins Master 2 MICNI
David Raichman
 
test
testtest
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
Eric DI POL
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
Microsoft
 
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
Stéphanie Hertrich
 
Support cours 1 -MAster PRANET
Support cours 1 -MAster PRANETSupport cours 1 -MAster PRANET
Support cours 1 -MAster PRANET
Laurent Neyssensas
 
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
Roux Michel
 
2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies2.0 Mode d'emploi Technologies
2.0 Mode d'emploi Technologies
Giroud Marie
 
Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1Webdesign Passe, Present et... Present Part1
Webdesign Passe, Present et... Present Part1
bduverneuil
 
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
jfomhover
 
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
 
2.0 TEchnologies
2.0 TEchnologies2.0 TEchnologies
2.0 TEchnologies
Giroud Marie
 
Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...
Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...
Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...
Matooma
 

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...
 
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
 
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
 
T
TT
T
 
Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...
Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...
Webcast - Ces nouveaux outils qui assurent le succès de vos solutions IOT /M2...
 

Plus de Laurent Neyssensas

Support design fiction la roche
Support design fiction la rocheSupport design fiction la roche
Support design fiction la roche
Laurent 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 2013
Laurent 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 yon
Laurent Neyssensas
 
Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313Conférence Ux d poitiers 201313
Conférence Ux d poitiers 201313
Laurent Neyssensas
 
Conférence journee numérique 2013
Conférence  journee numérique 2013Conférence  journee numérique 2013
Conférence journee numérique 2013
Laurent 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 demain
Laurent Neyssensas
 
Souriez vous êtes mort !
Souriez vous êtes mort !Souriez vous êtes mort !
Souriez vous êtes mort !
Laurent 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
 
Initiation numérique partie2
Initiation numérique partie2Initiation numérique partie2
Initiation numérique partie2
Laurent Neyssensas
 
Initiation numérique partie1
Initiation numérique partie1Initiation numérique partie1
Initiation numérique partie1
Laurent Neyssensas
 
Atelier#1 Renum Sénior
Atelier#1 Renum SéniorAtelier#1 Renum Sénior
Atelier#1 Renum Sénior
Laurent Neyssensas
 
Atelier#2 Renum Sénior
Atelier#2 Renum SéniorAtelier#2 Renum Sénior
Atelier#2 Renum Sénior
Laurent Neyssensas
 
Conf i3 c_futur_du_peripherique
Conf i3 c_futur_du_peripheriqueConf i3 c_futur_du_peripherique
Conf i3 c_futur_du_peripherique
Laurent Neyssensas
 
Support Siggraph asie2011
Support Siggraph asie2011Support Siggraph asie2011
Support Siggraph asie2011
Laurent Neyssensas
 
Journée numerique11
Journée numerique11Journée numerique11
Journée numerique11
Laurent Neyssensas
 
Vr4 d design_dev
Vr4 d design_devVr4 d design_dev
Vr4 d design_dev
Laurent Neyssensas
 
Notions ihm
Notions ihmNotions ihm
Notions ihm
Laurent Neyssensas
 
Recherche documentaire a1
Recherche documentaire a1Recherche documentaire a1
Recherche documentaire a1
Laurent Neyssensas
 
Support_intervention_Green_Connected_Cities_2009
Support_intervention_Green_Connected_Cities_2009Support_intervention_Green_Connected_Cities_2009
Support_intervention_Green_Connected_Cities_2009
Laurent 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

Auguste Herbin.pptx Peintre français
Auguste   Herbin.pptx Peintre   françaisAuguste   Herbin.pptx Peintre   français
Auguste Herbin.pptx Peintre français
Txaruka
 
Microbiologie: le monde microbien et les techniques de mise en évidence.
Microbiologie: le monde microbien et les techniques de mise en évidence.Microbiologie: le monde microbien et les techniques de mise en évidence.
Microbiologie: le monde microbien et les techniques de mise en évidence.
MahouwetinJacquesGBO
 
apprendre-a-programmer-avec-python-3.pdf
apprendre-a-programmer-avec-python-3.pdfapprendre-a-programmer-avec-python-3.pdf
apprendre-a-programmer-avec-python-3.pdf
kamouzou878
 
1eT Revolutions Empire Revolution Empire
1eT Revolutions Empire Revolution Empire1eT Revolutions Empire Revolution Empire
1eT Revolutions Empire Revolution Empire
NadineHG
 
MARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptx
MARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptxMARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptx
MARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptx
Martin M Flynn
 
[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf
[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf
[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf
mcevapi3
 
Zineb Mekouar.pptx Écrivaine marocaine
Zineb Mekouar.pptx   Écrivaine  marocaineZineb Mekouar.pptx   Écrivaine  marocaine
Zineb Mekouar.pptx Écrivaine marocaine
Txaruka
 
MS-203 Microsoft 365 Messaging Study Guide to prepare the certification
MS-203 Microsoft 365 Messaging Study Guide to prepare the certificationMS-203 Microsoft 365 Messaging Study Guide to prepare the certification
MS-203 Microsoft 365 Messaging Study Guide to prepare the certification
OlivierLumeau1
 
Chap1 Généralités sur les réseaux informatiques.pdf
Chap1 Généralités sur les réseaux informatiques.pdfChap1 Généralités sur les réseaux informatiques.pdf
Chap1 Généralités sur les réseaux informatiques.pdf
TimogoTRAORE
 
Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024
Friends of African Village Libraries
 
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
Editions La Dondaine
 

Dernier (11)

Auguste Herbin.pptx Peintre français
Auguste   Herbin.pptx Peintre   françaisAuguste   Herbin.pptx Peintre   français
Auguste Herbin.pptx Peintre français
 
Microbiologie: le monde microbien et les techniques de mise en évidence.
Microbiologie: le monde microbien et les techniques de mise en évidence.Microbiologie: le monde microbien et les techniques de mise en évidence.
Microbiologie: le monde microbien et les techniques de mise en évidence.
 
apprendre-a-programmer-avec-python-3.pdf
apprendre-a-programmer-avec-python-3.pdfapprendre-a-programmer-avec-python-3.pdf
apprendre-a-programmer-avec-python-3.pdf
 
1eT Revolutions Empire Revolution Empire
1eT Revolutions Empire Revolution Empire1eT Revolutions Empire Revolution Empire
1eT Revolutions Empire Revolution Empire
 
MARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptx
MARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptxMARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptx
MARTYRS DE HOLLANDE - La révolte hollandaise et les guerres de religion..pptx
 
[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf
[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf
[218_phot_d'Autriche-Hongrie_et_des_[...]Vaffier_Hubert_btv1b8594559c.pdf
 
Zineb Mekouar.pptx Écrivaine marocaine
Zineb Mekouar.pptx   Écrivaine  marocaineZineb Mekouar.pptx   Écrivaine  marocaine
Zineb Mekouar.pptx Écrivaine marocaine
 
MS-203 Microsoft 365 Messaging Study Guide to prepare the certification
MS-203 Microsoft 365 Messaging Study Guide to prepare the certificationMS-203 Microsoft 365 Messaging Study Guide to prepare the certification
MS-203 Microsoft 365 Messaging Study Guide to prepare the certification
 
Chap1 Généralités sur les réseaux informatiques.pdf
Chap1 Généralités sur les réseaux informatiques.pdfChap1 Généralités sur les réseaux informatiques.pdf
Chap1 Généralités sur les réseaux informatiques.pdf
 
Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024Burkina Faso libraries newsletter for June 2024
Burkina Faso libraries newsletter for June 2024
 
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
La Révolution Bénédictine Casadéenne du Livradois-Forez: De Charlemagne à Fra...
 

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. Interactivité ? nf.I NFORM . « 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 ) http://www.flickr.com/photos/lecolededesign/2320698239/in/set-72157604076710360/
  • 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. 1. Design Numérique (media design) Outils : * Adobe (Photoshop, Illustrator, Flash, etc.) Autodesk, 3dsMax, Proce55ing, Virtools, FL Studio, etc.
  • 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. 3. Nouvelles modalités d’interactions (exemple 1) Mobilité, Hyper Mobilité, Multimodalité Natural User Interface (Gesture / Xtouch) Réalité Virtuelle, Augmentée, Interfaces tangibles Affordance, Ergonomie fonctionnelle “ MindFlow” / T. Da Luz / 2010
  • 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/