Design d'interactivité ?  Module 1ere année d’initiation au design d’interactivité Grégoire Cliquet / Laurent Neyssensas /...
Design ? * Une activité intégrable dans un processus projet qui a pour objectif   de produire de la valeur ajoutée  : Usag...
<ul><li>Interactivité ? </li></ul><ul><ul><li>nf.I NFORM . « Qualité d’un logiciel dont l’exécution prend constamment en c...
Design d’Interactivité ? @lecolededesign 1. Production de contenus (design numérique / media design) 2. Réalisation d’inte...
1. Design Numérique (media design) Production de Contenus Graphisme  (infographie 2d / 3d) /  Motion / Son Valentin Millet...
<ul><li>1. Design Numérique (media design) </li></ul><ul><li>Outils : </li></ul><ul><li>* Adobe (Photoshop, Illustrator, F...
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é de...
2. Design d’interfaces (méthode) * Hiérarchisation des fonctions * Séquence de navigation * Définition des interacteurs * ...
2. Design d’interfaces (production) Eléments nécessaires à la réalisation de l’interface graphique * Wireframe (gabarits) ...
2. Design d’interfaces Outils : * Wireframing (Pencil) * Langages (xHTML, CSS, Javascript, Php, MySql) * Logiciels (Bloc n...
3. Nouvelles modalités d’interaction * Evolution de l’électronique : Disappearing Computer, Ambient & Ubiquitous Computing...
<ul><li>3. Nouvelles modalités d’interactions (exemple 1) </li></ul><ul><li>Mobilité, Hyper Mobilité, Multimodalité </li><...
3. Nouvelles modalités d’interactions (méthode) * Approche descendante et ascendante * Scénario d’Usages * Etude de faisab...
3. Nouvelles modalités d’interactions (production) * Scénario d’usage * Démonstrateur fonctionnel (Proof Of Concept) “ Sco...
3. Nouvelles modalités d’interactions (production) * Scénario d’usage * Démonstrateur fonctionnel (Proof Of Concept) “ Laz...
4. Conception de services innovants Définition et scénarisation de  services innovants Innovation Descendante : De la  R&D...
4. Design de services (exemple 1/2) Valorisation d’une technologie hardware / software (innovation descendante) Technologi...
4. Design de services (exemple 2/2) Observation des usages, détection de besoins (innovation ascendante) Diffuser, agréger...
4. Design de services (méthode / outils) Veille Créative  (veille stratégique, agrégation de flux RSS…) Observation des us...
4. Design de services (production) S toryboard / Scénario * Contexte d’utilisation  * Définition de service / Présentation...
Designer d’interactivité ? * Designer Intégré R&D  (Légo, Ubisoft, Orange…) * Designer PME (Wiztivi, Uneek) * Agences / Fr...
Merci ;) des questions ? [email_address] [email_address] [email_address]
Prochain SlideShare
Chargement dans…5
×

Interactivite@ledna

879 vues

Publié le

support de cours Atelier interactivité Année 1

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
879
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • http://www.thefrenchflavor.com/
  • Étude http://vimeo.com/3940525 final : http://vimeo.com/4324131
  • http://www.frantz-xx.com/ http://portfolio.davidarenou.com/video-game/immersive-rail-shooter/
  • http://vimeo.com/10219165
  • http://www.2424actu.fr/promo/decouvrir2424actu/
  • Interactivite@ledna

    1. 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. 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. 3. <ul><li>Interactivité ? </li></ul><ul><ul><li>nf.I NFORM . « Qualité d’un logiciel dont l’exécution prend constamment en compte les informations fournies par l’utilisateur.» </li></ul></ul><ul><ul><ul><li>« Degré de satisfaction atteint par l’usager dans l’interaction vécue avec une machine » </li></ul></ul></ul><ul><ul><ul><li>( interaction design / interactive design ) </li></ul></ul></ul>http://www.flickr.com/photos/lecolededesign/2320698239/in/set-72157604076710360/
    4. 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. 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. 6. <ul><li>1. Design Numérique (media design) </li></ul><ul><li>Outils : </li></ul><ul><li>* Adobe (Photoshop, Illustrator, Flash, etc.) </li></ul><ul><li>Autodesk, 3dsMax, Proce55ing, Virtools, FL Studio, etc. </li></ul>
    7. 7. 2. Design d’interfaces (G.U.I. / Web design) Graphical User Interfaces (Interfaces Graphiques)
    8. 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. 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. 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. 11. 2. Design d’interfaces Outils : * Wireframing (Pencil) * Langages (xHTML, CSS, Javascript, Php, MySql) * Logiciels (Bloc notes !, Adobe DreamWeaver… Filezilla)
    12. 12. 3. Nouvelles modalités d’interaction * Evolution de l’électronique : Disappearing Computer, Ambient & Ubiquitous Computing 1950 2008
    13. 13. <ul><li>3. Nouvelles modalités d’interactions (exemple 1) </li></ul><ul><li>Mobilité, Hyper Mobilité, Multimodalité </li></ul><ul><li>Natural User Interface (Gesture / Xtouch) </li></ul><ul><li>Réalité Virtuelle, Augmentée, Interfaces tangibles </li></ul><ul><li>Affordance, Ergonomie fonctionnelle </li></ul>“ MindFlow” / T. Da Luz / 2010
    14. 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. 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. 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. 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. 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. 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. 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. 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. 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. 23. Merci ;) des questions ? [email_address] [email_address] [email_address]

    ×