Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

00 ix d - introduction

275 views

Published on

Cours d'introduction au design interactif (2016-17)

Published in: Design
  • Be the first to comment

  • Be the first to like this

00 ix d - introduction

  1. 1. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education Design Interactif Introduction aux cours : ➔ Qui suis-je? ➔ Qu’est-ce que le design interactif? ➔ Pour faire quoi? Sur quels medias? ➔ Objectifs de la matière ➔ Découpage de l’année ➔ Programme du 1er Semestre ➔ Déroulé des cours ➔ Déroulé d’un sujet ➔ Validation du concept ➔ Présentation finale ➔ Partiel ➔ Méthodologie de travail ➔ Modèles et Modules ➔ Grille de notation
  2. 2. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education Alexandre Rivaux Directeur de Création / Designer Génératif @BonjourLab Qui suis-je? Mail : arivaux@gmail.com Web : www.arivaux.com www.ixd.education www.bonjour-lab.com Social : github.com/alexr4 twitter.com/bonjourlab instagram.com/bonjourlab/
  3. 3. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education « 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. » Qu’est-ce que le design interactif? Définition par *Designers Interactifs* 1ère association professionnelle des métiers du design numérique en France.
  4. 4. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education Pour faire quoi? Sur quels médias? Contenu éditorial (desktop & mobile) Expérience de marque sur écrans (desktop & mobile) Data Visualisation (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)
  5. 5. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education Objectifs de la matière ➔ Découvrir les métiers du design interactif. Et pourquoi pas les approfondir en second cycle design interactif. ➔ 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 adaptées. ➔ 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. ➔ 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. ➔ Approfondir votre culture graphique. Ne plus être dans l’effet de mode mais connaître son environnement graphique.
  6. 6. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education Deux semestres, deux enseignants Semestre 1 «IxD et expériences sensible» Alexandre Rivaux Semestre 2 «Ixd et expériences de services» Jonathan Munn Découpage de l’année
  7. 7. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education IxD et expériences sensibles Sujet 01 : «Espace réel/virtuel et corps humain» Sujet 02 : «Dispositif interactif de marque et storytelling» Partiel (sujet long) : «Dispositif cross-média pérenne dans le cadre d’un showroom» Programme du 1er Semestre
  8. 8. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education 1. Théorie (≅1h) Présentation des références et notions en rapport avec le sujet en cours (Concepts théoriques, technologies, usages, références…) 2. Pratique (≅1h30) Suivi de projet par groupe 3. Partiel (≅30min) Suivi de partiel par étudiant Déroulé des cours
  9. 9. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Déroulé d’un sujet Présentation du sujet (cours) ➔ Apport théorique ➔ Composition des groupes Phase 1 : Recherche ➔ Étude du sujet ➔ Benchmark de l’existant ➔ Inspiration graphique ➔ Définition du concept Validation du concept Phase 2 : Conception ➔ Idéation et déclinaison ➔ Itération graphique et technique ➔ Définition de la Direction Artistique Validation de la DA Phase 3 : Réalisation ➔ Production graphique et technique ➔ Préparation de la présentation Pré-rendu Phase 4 : Rendu
  10. 10. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education 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 Google Slide regroupant : 1. Rappel du Brief 2. Présentation de la problématique 3. Études et recherches 4. Concept 5. Visuel clé du concept (Key Visual : Une image représentant le concept à elle seule) 6. Wireframes et première recherches graphique et UX design 7. Benchmarks de la concurrence commentés 8. Moodboards inspiration graphique, ergonomique et technique commentés Validation du concept
  11. 11. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Le rendu du sujet s’effectuera par un présentation du groupe devant la classe et sera accompagné d’un document de présentation Google Slide regroupant : 1. Rappel du brief 2. Problématique 3. Récapitulatif de l’étude et du travail de conception 4. Concept 5. Visuel clé du concept 6. User journey, wireframes, storyboard… 7. Maquettes JPGs des créations 8. Motion de simulation (si necessaire) 9. POC (HTML, processing, flash, arduino… si necessaire) Présentation finale Afin d’éviter la perte de temps due aux mise en page InDesign, un template Google Slide vous sera fourni
  12. 12. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education Le partiel prendra la forme d’un partiel long. Il s’agit d’un sujet qui vous sera présenté en début d’année et sur lequel vous serez amené à travailler tout au long du semestre en autonomie. Le partiel fera l’objet d’un suivi régulier et permettra ainsi de valider vos acquis sur le semestre. Lors de la période de partiels il vous sera demandé de finaliser, en autonomie votre projet et sa présentation. Partiel
  13. 13. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education Méthodologie de travail ➔ Durant tout le temps du projet chaque étudiant devra tenir un document de recherche associé au sujet. Ce document prendra la forme d’un document Google Doc permettant de retracer l’ensemble du travail personnel de l’ étudiant. Il se présente comme un carnet de bord retraçant par date l’ensemble du travail de réflexion de l’étudiant, ce document présente les réflexions, les images de référence, les essais graphiques… et tout autre élément relevé lors de la conception du projet. Ce document servira de base de notation personnel sur les sujets. Un module présentant la méthodologie d’une documentation ainsi que le template de document vous sera présenté lors du premier sujet. ➔ L’ensemble des documents produits par les étudiants seront accessible via le Google Drive du cours. Vous trouverez dans ce drive l’ensemble des assets de production et de cours. L’ensemble sera également accessible sur ixd.education ➔ Les ordinateurs et téléphones portable ne seront pas permis en cours sauf contre-indication contraire de l’enseignant ou durant les Phases 2 et 3 de la production. L’ensemble des cours et documents seront accessible en ligne via le site ixd.education ou autre.
  14. 14. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education Modèles et Modules Afin de permettre une production plus rapide et efficace vous disposerez de différents assets et modules qui vous seront présentés lors des cours : Assets : ➔ Dossier Google Drive du cours et des rendu ➔ Modèle Google Doc de documentation de projet ➔ Modèle Google Slide pour les présentations concept et finales Modules : ➔ Organiser son travail, réaliser un planning en début de projet ➔ Documenter un projet ➔ Présenter un projet
  15. 15. e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education e-art sup | 3A & 3B Design Interactif Alexandre Rivaux arivaux@gmail.com ixd.education La grille de notation se compose de la manière suivante : 1. Présentation orale /2.5 2. Concept /2.5 3. Design graphique /2.5 4. Méthodologie de Travail (assiduité et échanges sur le sujet durant les suivis, respect des phases de production et planning) /2.5 5. Recherches individuelles (Documentation individuelle) /10 Une notation réalisée de A à E : 1. A : Excellent travail (16 à 20/20) 2. B : Bon travail - continuez comme ça (14 à 16/5) 3. C : Bien - poursuivez vos efforts (11 à 13/5) 4. D : Manque de Travail (8 à 10/5) 5. E : Aucun travail - où étiez vous? ( <= 7/5) 6. Total /20 NB : Pour tout rendu en retard un malus de -10pts sera appliqué. Grille de Notation
  16. 16. 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 - 2016/2017 Alexandre Rivaux arivaux@gmail.com ixd.education

×