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

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. « 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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