Design interactif intro

496 vues

Publié le

Introduction au cours de design interactif.
e-art sup paris, 3A & 3B, 2015-20016

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

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive

Design interactif intro

  1. 1. Design Interactif Introduction aux cours 1. Design interactif, définition 2. Pour faire quoi? Sur quels medias? 3. Objectifs de la matière 4. Votre programme 5. Déroulé des cours 6. Déroulé d’un sujet 7. Méthodologie de travail 8. Validation du concept 9. Présentation finale 10. Grille de notation e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education
  2. 2. « Le design interactif est l’activité créatrice dédiée à la conception des produits et des services numériques. Sa démarche consiste à définir la façon dont les personnes, les produits et les services dialoguent. Ce dialogue s’incarne dans le comportement du produit ou du service, autour d’une interface, d’un objet ou d’un environnement numérique. Il implique la participation de l’utilisateur. » e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Définition par *Designers Interactifs*, 1ère association professionnelle des métiers du design numérique en France. Design interactif, définition —
  3. 3. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Pour faire quoi ? Sur quels medias ? — Contenu éditorial (desktop & mobile) Expérience de marque sur écrans (desktop & mobile) Datavisualisation (Big Data, quantified self, social data...) Application utilitaire et design de service ubiquitaire (desktop & mobile) Espaces réels et interactions Espaces virtuels et interactions Interactions tangibles (internet of things)
  4. 4. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education 1. Découvrir les métiers du design interactif. Et pourquoi pas les approfondir en second cycle design interactif. 2. Découvrir les types de problématiques abordées par ces différents métiers. Savoir les identifier et mettre en place les réponses adapatées. 3. Développer une connaissance des canaux des interactions et des technologies. Et être en mesure de proposer des solutions réalisables et d’entreprendre la mise en place d’un prototype. 4. Développer une méthodologie de travail itérative, fonctionnelle et documentée. Être en mesure de justifier chacun de ses choix graphiques et conceptuels. 5. Approfondir votre culture graphique. Ne plus être dans l’effet de mode mais connaître son environnement graphique. Objectifs de la matière —
  5. 5. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Semestre 01 «IxD & les espaces écrans» Votre programme — Semestre 02 «IxD & les espaces physique» Sujet 01 : Web expérientiel — expérience de marque desktop & mobile. Sujet 02 : Applications et Services — introduction au design thinking. Sujet 03 : Tangible media — introduction à l’internet des objets. Sujet 04 : Installation interactive — Le corps et les espaces.
  6. 6. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education 1. Découverte (10 à 15 min) Un groupe d’étudiant présentera une référence en rapport avec le sujet en cours. Chaque référence devra présenter le sujet, la problématique, la réponse à la problématique, la manière d’y répondre et l’équipe y ayant répondu. 2. Théorie (1h -1h15) Présentation des références et notions en rapport avec le sujet en cours (Concepts théoriques, technologies, usages, références…) 3. Pratique (1h30) Suivi de projet par groupe Déroulé des cours —
  7. 7. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Présentation du sujet Déroulé des sujets — Inspiration, benchmark, conception (itérations) Validation du concept et des idées Développement et réalisation du projet Pré-rendu (1 semaine avant le rendu définitif) Présentation orale
  8. 8. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Méthodologie de travail — 1. 1 Carnet de croquis par sujet et par étudiant Pour chaque sujet, chaque étudiant du groupe devra effectuer ses recherches sur un carnet de croquis dédié au sujet qui sera rendu avec le reste du projet. Ce carnet retracera toute les recherches, réflexions et concept de l’étudiant au sein de son groupe. 2. 1 Album Flickr par sujet et par groupe Pour chaque sujet, le groupe disposera d’un album photo disponible sur Flickr. Cet album regroupera l’ ensemble des essais graphiques (croquis et maquettes) réalisés lors du sujet. Il regroupera également les photos réalisées par le groupe lors de sessions de travail, reportages, ou visites d'exposition faites lors de l’étude du sujet. Le lien de l’album sera présent dans le document rendu en fin de sujet. 3. Ordinateurs portables interdits avant la phase de réalisation (après validation du concept)
  9. 9. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Validation du concept — La validation du concept, étape clef d’un projet, se fera par une présentation du groupe à l’ enseignant. Chaque groupe présentera un document .pdf regroupant : 1. Brief 2. Problématique 3. Études et recherches 4. Concept 5. Visuel clé du concept 6. Wireframe et première recherches graphique et UX design 7. Benchmark de la concurrence commenté 8. Moodboard inspiration graphique, ergonomique et technique commenté
  10. 10. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Présentation finale — Le rendu du sujet s’effectuera par un présentation du groupe devant la classe et sera accompagné d’un document de présentation .pdf regroupant : 1. Rappel du brief 2. Problématique 3. Récapitulatif de l’étude 4. Concept 5. Visuel clé du concept 6. User journey, wireframe, storyboard… 7. Maquettes JPGs des créations 8. Motion de simulation (si necessaire) 9. POC (HTML, processing, flash, arduino… si necessaire)
  11. 11. e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Grille de notation — La grille de notation se compose de la manière suivante : 1. Présentation orale 2. Concept 3. Design graphique 4. Méthodologie de groupe (assiduité et échanges sur le sujet durant les suivis) 5. Recherches individuelles (carnet de croquis) 6. Documentation (Reportage photo de la conception) Une notation réalisée de A à E : 1. A : Excellent travail (4 à 5/5) 2. B : Bon travail - continuez comme ça (2.5 à 3/5) 3. C : Bien - poursuivez vos efforts (2 à 2.5/5) 4. D : Manque de Travail (1 à 1.5/5) 5. E : Aucun travail - où étiez vous? (0/5) 6. Total /30 => /1.5 pour un total /20 NB : Pour tout rendu en retard un malus de -10pts sera appliqué à la note /20
  12. 12. Bon design Interactif ;) Pour toutes questions concernant la matière, les sujets ou le design; n’hésitez pas à me contacter. arivaux@gmail.com e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education

×