SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
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
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/
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.
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)
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.
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
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
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
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
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
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
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
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.
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
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
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

Contenu connexe

Tendances

01 02 web_expérientiel _ le mobile
01 02 web_expérientiel _ le mobile01 02 web_expérientiel _ le mobile
01 02 web_expérientiel _ le mobileAlexandre Rivaux
 
01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site webAlexandre Rivaux
 
02 00 application et services _ introduction
02 00 application et services _ introduction02 00 application et services _ introduction
02 00 application et services _ introductionAlexandre Rivaux
 
Alphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentielAlphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentielAlphorm
 
Alphorm.com Formation Fusion 360: Perfectionnement
Alphorm.com Formation Fusion 360: PerfectionnementAlphorm.com Formation Fusion 360: Perfectionnement
Alphorm.com Formation Fusion 360: PerfectionnementAlphorm
 
Presentation sketch App
Presentation sketch AppPresentation sketch App
Presentation sketch AppChloe Pellen
 
Alphorm.com Formation Autodesk Revit 2019: Structure
Alphorm.com Formation Autodesk Revit 2019: StructureAlphorm.com Formation Autodesk Revit 2019: Structure
Alphorm.com Formation Autodesk Revit 2019: StructureAlphorm
 
Alphorm.com Formation SolidWorks 2020 : Perfectionnement
Alphorm.com Formation SolidWorks 2020 : PerfectionnementAlphorm.com Formation SolidWorks 2020 : Perfectionnement
Alphorm.com Formation SolidWorks 2020 : PerfectionnementAlphorm
 
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - PerfectionnementAlphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - PerfectionnementAlphorm
 
Alphorm.com Formation Autodesk 3DS Max 2018: L'essentiel
Alphorm.com Formation Autodesk 3DS Max 2018: L'essentielAlphorm.com Formation Autodesk 3DS Max 2018: L'essentiel
Alphorm.com Formation Autodesk 3DS Max 2018: L'essentielAlphorm
 
Alphorm.com Formation Rhino 3D: L'essentiel
Alphorm.com Formation Rhino 3D: L'essentielAlphorm.com Formation Rhino 3D: L'essentiel
Alphorm.com Formation Rhino 3D: L'essentielAlphorm
 
Alphorm.com Formation Creo Parametric : Le calcul et la simulation
Alphorm.com Formation Creo Parametric : Le calcul et la simulationAlphorm.com Formation Creo Parametric : Le calcul et la simulation
Alphorm.com Formation Creo Parametric : Le calcul et la simulationAlphorm
 
Alphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIM
Alphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIMAlphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIM
Alphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIMAlphorm
 
Alphorm.com Formation ZWCAD : Modélisation 3D
Alphorm.com Formation ZWCAD : Modélisation 3DAlphorm.com Formation ZWCAD : Modélisation 3D
Alphorm.com Formation ZWCAD : Modélisation 3DAlphorm
 
Alphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : PerfectionnementAlphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : PerfectionnementAlphorm
 
Alphorm.com Formation SolidWorks 2020 : Les fondamentaux
Alphorm.com Formation SolidWorks 2020 : Les fondamentauxAlphorm.com Formation SolidWorks 2020 : Les fondamentaux
Alphorm.com Formation SolidWorks 2020 : Les fondamentauxAlphorm
 
Alphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentauxAlphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentauxAlphorm
 
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautésAlphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautésAlphorm
 
Alphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentauxAlphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentauxAlphorm
 
Alphorm.com Formation Autodesk Inventor 2021 : Les fondamentaux
Alphorm.com Formation Autodesk Inventor 2021 : Les fondamentauxAlphorm.com Formation Autodesk Inventor 2021 : Les fondamentaux
Alphorm.com Formation Autodesk Inventor 2021 : Les fondamentauxAlphorm
 

Tendances (20)

01 02 web_expérientiel _ le mobile
01 02 web_expérientiel _ le mobile01 02 web_expérientiel _ le mobile
01 02 web_expérientiel _ le mobile
 
01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web01 03 web_expérientiel _ designer un site web
01 03 web_expérientiel _ designer un site web
 
02 00 application et services _ introduction
02 00 application et services _ introduction02 00 application et services _ introduction
02 00 application et services _ introduction
 
Alphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentielAlphorm.com Formation Autodesk Maya 2018: L'essentiel
Alphorm.com Formation Autodesk Maya 2018: L'essentiel
 
Alphorm.com Formation Fusion 360: Perfectionnement
Alphorm.com Formation Fusion 360: PerfectionnementAlphorm.com Formation Fusion 360: Perfectionnement
Alphorm.com Formation Fusion 360: Perfectionnement
 
Presentation sketch App
Presentation sketch AppPresentation sketch App
Presentation sketch App
 
Alphorm.com Formation Autodesk Revit 2019: Structure
Alphorm.com Formation Autodesk Revit 2019: StructureAlphorm.com Formation Autodesk Revit 2019: Structure
Alphorm.com Formation Autodesk Revit 2019: Structure
 
Alphorm.com Formation SolidWorks 2020 : Perfectionnement
Alphorm.com Formation SolidWorks 2020 : PerfectionnementAlphorm.com Formation SolidWorks 2020 : Perfectionnement
Alphorm.com Formation SolidWorks 2020 : Perfectionnement
 
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - PerfectionnementAlphorm.com Formation ArchiCAD 20 - Perfectionnement
Alphorm.com Formation ArchiCAD 20 - Perfectionnement
 
Alphorm.com Formation Autodesk 3DS Max 2018: L'essentiel
Alphorm.com Formation Autodesk 3DS Max 2018: L'essentielAlphorm.com Formation Autodesk 3DS Max 2018: L'essentiel
Alphorm.com Formation Autodesk 3DS Max 2018: L'essentiel
 
Alphorm.com Formation Rhino 3D: L'essentiel
Alphorm.com Formation Rhino 3D: L'essentielAlphorm.com Formation Rhino 3D: L'essentiel
Alphorm.com Formation Rhino 3D: L'essentiel
 
Alphorm.com Formation Creo Parametric : Le calcul et la simulation
Alphorm.com Formation Creo Parametric : Le calcul et la simulationAlphorm.com Formation Creo Parametric : Le calcul et la simulation
Alphorm.com Formation Creo Parametric : Le calcul et la simulation
 
Alphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIM
Alphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIMAlphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIM
Alphorm.com Formation Autodesk Revit 2019: La modélisation avec le BIM
 
Alphorm.com Formation ZWCAD : Modélisation 3D
Alphorm.com Formation ZWCAD : Modélisation 3DAlphorm.com Formation ZWCAD : Modélisation 3D
Alphorm.com Formation ZWCAD : Modélisation 3D
 
Alphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : PerfectionnementAlphorm.com Formation SketchUp 2020 : Perfectionnement
Alphorm.com Formation SketchUp 2020 : Perfectionnement
 
Alphorm.com Formation SolidWorks 2020 : Les fondamentaux
Alphorm.com Formation SolidWorks 2020 : Les fondamentauxAlphorm.com Formation SolidWorks 2020 : Les fondamentaux
Alphorm.com Formation SolidWorks 2020 : Les fondamentaux
 
Alphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentauxAlphorm.com Formation AutoCAD 2021 : Les fondamentaux
Alphorm.com Formation AutoCAD 2021 : Les fondamentaux
 
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautésAlphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
Alphorm.com Formation Autodesk Inventor 2021 : Les nouveautés
 
Alphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentauxAlphorm.com Formation Fusion 360: Les fondamentaux
Alphorm.com Formation Fusion 360: Les fondamentaux
 
Alphorm.com Formation Autodesk Inventor 2021 : Les fondamentaux
Alphorm.com Formation Autodesk Inventor 2021 : Les fondamentauxAlphorm.com Formation Autodesk Inventor 2021 : Les fondamentaux
Alphorm.com Formation Autodesk Inventor 2021 : Les fondamentaux
 

En vedette

#capcom15 - AT4 : La fabrique des nouveaux logos
#capcom15 - AT4 : La fabrique des nouveaux logos #capcom15 - AT4 : La fabrique des nouveaux logos
#capcom15 - AT4 : La fabrique des nouveaux logos Cap'Com
 
Meetup Unity - Vassily Etienne
Meetup Unity - Vassily EtienneMeetup Unity - Vassily Etienne
Meetup Unity - Vassily EtienneBeMyApp
 
Présentation Game Design
Présentation Game DesignPrésentation Game Design
Présentation Game DesignJeremy Horn
 
Du concept board aux pistes graphiques
Du concept board aux pistes graphiquesDu concept board aux pistes graphiques
Du concept board aux pistes graphiqueslaureno
 
Restauration : l'innovation passe à table
Restauration : l'innovation passe à tableRestauration : l'innovation passe à table
Restauration : l'innovation passe à tableLaNetscouade
 
ART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREGeoffrey Dorne
 
Maitriser les codes du web design
Maitriser les codes du web designMaitriser les codes du web design
Maitriser les codes du web designCap'Com
 
Startup Experiences for HackHarvard Students 2014
Startup Experiences for HackHarvard Students 2014Startup Experiences for HackHarvard Students 2014
Startup Experiences for HackHarvard Students 2014Elias Torres
 
E bay mentoring session ba(updated july 26)
E bay mentoring session ba(updated july 26)E bay mentoring session ba(updated july 26)
E bay mentoring session ba(updated july 26)ilieoverthesea
 
SharePoint customized code analyzer
SharePoint customized code analyzer SharePoint customized code analyzer
SharePoint customized code analyzer Microsoft
 
Osterman Research: The need for third party security, compliance and other ca...
Osterman Research: The need for third party security, compliance and other ca...Osterman Research: The need for third party security, compliance and other ca...
Osterman Research: The need for third party security, compliance and other ca...proutley
 

En vedette (20)

#capcom15 - AT4 : La fabrique des nouveaux logos
#capcom15 - AT4 : La fabrique des nouveaux logos #capcom15 - AT4 : La fabrique des nouveaux logos
#capcom15 - AT4 : La fabrique des nouveaux logos
 
Séance 03. Graphisme Web
Séance 03. Graphisme WebSéance 03. Graphisme Web
Séance 03. Graphisme Web
 
Meetup Unity - Vassily Etienne
Meetup Unity - Vassily EtienneMeetup Unity - Vassily Etienne
Meetup Unity - Vassily Etienne
 
Présentation Game Design
Présentation Game DesignPrésentation Game Design
Présentation Game Design
 
Charte graphique
Charte graphiqueCharte graphique
Charte graphique
 
2D GAMES DESIGN
2D GAMES DESIGN2D GAMES DESIGN
2D GAMES DESIGN
 
Ppt orange
Ppt orangePpt orange
Ppt orange
 
Du concept board aux pistes graphiques
Du concept board aux pistes graphiquesDu concept board aux pistes graphiques
Du concept board aux pistes graphiques
 
Orange ppt
Orange pptOrange ppt
Orange ppt
 
Green 2d 07_scale_and_proportion
Green 2d 07_scale_and_proportionGreen 2d 07_scale_and_proportion
Green 2d 07_scale_and_proportion
 
Restauration : l'innovation passe à table
Restauration : l'innovation passe à tableRestauration : l'innovation passe à table
Restauration : l'innovation passe à table
 
ART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVREART D’AUTOROUTE JULIEN LELIÈVRE
ART D’AUTOROUTE JULIEN LELIÈVRE
 
Maitriser les codes du web design
Maitriser les codes du web designMaitriser les codes du web design
Maitriser les codes du web design
 
Startup Experiences for HackHarvard Students 2014
Startup Experiences for HackHarvard Students 2014Startup Experiences for HackHarvard Students 2014
Startup Experiences for HackHarvard Students 2014
 
Shoppe On The Go
Shoppe On The GoShoppe On The Go
Shoppe On The Go
 
E bay mentoring session ba(updated july 26)
E bay mentoring session ba(updated july 26)E bay mentoring session ba(updated july 26)
E bay mentoring session ba(updated july 26)
 
SharePoint customized code analyzer
SharePoint customized code analyzer SharePoint customized code analyzer
SharePoint customized code analyzer
 
Osterman Research: The need for third party security, compliance and other ca...
Osterman Research: The need for third party security, compliance and other ca...Osterman Research: The need for third party security, compliance and other ca...
Osterman Research: The need for third party security, compliance and other ca...
 
1984 (2)
1984 (2)1984 (2)
1984 (2)
 
Hallyu
HallyuHallyu
Hallyu
 

Similaire à 00 ix d - introduction

Formation de formateurs module 2
Formation de formateurs module 2Formation de formateurs module 2
Formation de formateurs module 2SinGuy
 
Introduction Gestion Projet web
Introduction Gestion Projet webIntroduction Gestion Projet web
Introduction Gestion Projet webguest6d3f53
 
MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)Cégep à distance
 
introduction à la gestion de projet
introduction à la gestion de projetintroduction à la gestion de projet
introduction à la gestion de projetlaureno
 
Formation de formateurs module 2a
Formation de formateurs module 2aFormation de formateurs module 2a
Formation de formateurs module 2aSinGuy
 
La gestion de projets nouveaux médias
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médiasBenjamin Hoguet
 
Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014
Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014
Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014Pascal Vangrunderbeeck
 
conduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdfconduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdfKawtarBahlouLi1
 
C2.Utiliser les méthodes du design thinking
C2.Utiliser les méthodes du design thinkingC2.Utiliser les méthodes du design thinking
C2.Utiliser les méthodes du design thinkingCap'Com
 
15 conseils pour s'assurer une expérience utilisateur optimale
15 conseils pour s'assurer une expérience utilisateur optimale15 conseils pour s'assurer une expérience utilisateur optimale
15 conseils pour s'assurer une expérience utilisateur optimaleJohanna Rowe Calvi
 
Introduction à la gestion de projet
Introduction à la gestion de projetIntroduction à la gestion de projet
Introduction à la gestion de projetlaureno
 
Exemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxExemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxKediViking
 
Art com sup formations design ggraphique
Art com sup  formations   design ggraphiqueArt com sup  formations   design ggraphique
Art com sup formations design ggraphiquealaincarre14
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Mehdi Hamime
 
ADDIE : Modèle d'ingénierie pédagogique
 ADDIE : Modèle d'ingénierie pédagogique ADDIE : Modèle d'ingénierie pédagogique
ADDIE : Modèle d'ingénierie pédagogiqueyazbekfarah
 
Atelier : enrichir le cours par le numérique
Atelier : enrichir le cours par le numériqueAtelier : enrichir le cours par le numérique
Atelier : enrichir le cours par le numériqueDavid CORDINA
 
dut src ppp projets personnel et professionnel séance 01
dut src ppp   projets personnel et professionnel  séance 01dut src ppp   projets personnel et professionnel  séance 01
dut src ppp projets personnel et professionnel séance 01JCD srcmontbeliard
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Médiathèque de Roubaix - La Grand-Plage
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransThomas Gomez de Mercado
 

Similaire à 00 ix d - introduction (20)

Guide de projet final
Guide de projet finalGuide de projet final
Guide de projet final
 
Formation de formateurs module 2
Formation de formateurs module 2Formation de formateurs module 2
Formation de formateurs module 2
 
Introduction Gestion Projet web
Introduction Gestion Projet webIntroduction Gestion Projet web
Introduction Gestion Projet web
 
MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)MEMO Pour débuter en formation à distance (FAD)
MEMO Pour débuter en formation à distance (FAD)
 
introduction à la gestion de projet
introduction à la gestion de projetintroduction à la gestion de projet
introduction à la gestion de projet
 
Formation de formateurs module 2a
Formation de formateurs module 2aFormation de formateurs module 2a
Formation de formateurs module 2a
 
La gestion de projets nouveaux médias
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médias
 
Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014
Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014
Atelier scénarisation - Apprendre aujourd'hui et demain - Awt 16-12-2014
 
conduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdfconduite_et_management_de_projet_9.pdf
conduite_et_management_de_projet_9.pdf
 
C2.Utiliser les méthodes du design thinking
C2.Utiliser les méthodes du design thinkingC2.Utiliser les méthodes du design thinking
C2.Utiliser les méthodes du design thinking
 
15 conseils pour s'assurer une expérience utilisateur optimale
15 conseils pour s'assurer une expérience utilisateur optimale15 conseils pour s'assurer une expérience utilisateur optimale
15 conseils pour s'assurer une expérience utilisateur optimale
 
Introduction à la gestion de projet
Introduction à la gestion de projetIntroduction à la gestion de projet
Introduction à la gestion de projet
 
Exemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxExemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptx
 
Art com sup formations design ggraphique
Art com sup  formations   design ggraphiqueArt com sup  formations   design ggraphique
Art com sup formations design ggraphique
 
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
Ecole ESMA : Projet Fin de semestre - Application de gestion d'une école
 
ADDIE : Modèle d'ingénierie pédagogique
 ADDIE : Modèle d'ingénierie pédagogique ADDIE : Modèle d'ingénierie pédagogique
ADDIE : Modèle d'ingénierie pédagogique
 
Atelier : enrichir le cours par le numérique
Atelier : enrichir le cours par le numériqueAtelier : enrichir le cours par le numérique
Atelier : enrichir le cours par le numérique
 
dut src ppp projets personnel et professionnel séance 01
dut src ppp   projets personnel et professionnel  séance 01dut src ppp   projets personnel et professionnel  séance 01
dut src ppp projets personnel et professionnel séance 01
 
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
Créer un site web ? Méthode illustrée par la médiathèque de Roubaix - PARTIE 1
 
Projet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de MoiransProjet de médiation numérique de la médiathèque George Sand de Moirans
Projet de médiation numérique de la médiathèque George Sand de Moirans
 

Plus de Alexandre Rivaux

02 espace réel%2 f_virtuel et corps humain
02 espace réel%2 f_virtuel et corps humain02 espace réel%2 f_virtuel et corps humain
02 espace réel%2 f_virtuel et corps humainAlexandre Rivaux
 
01 gx d - generative design et creative coding
01 gx d - generative design et creative coding01 gx d - generative design et creative coding
01 gx d - generative design et creative codingAlexandre Rivaux
 
Installation interactive conférence
Installation interactive   conférenceInstallation interactive   conférence
Installation interactive conférenceAlexandre Rivaux
 
04 00 installations interactives _ le corps et les espaces physiques ou virtuels
04 00 installations interactives _ le corps et les espaces physiques ou virtuels04 00 installations interactives _ le corps et les espaces physiques ou virtuels
04 00 installations interactives _ le corps et les espaces physiques ou virtuelsAlexandre Rivaux
 
03 00 l'internet des objets - introduction
03 00 l'internet des objets - introduction03 00 l'internet des objets - introduction
03 00 l'internet des objets - introductionAlexandre Rivaux
 

Plus de Alexandre Rivaux (7)

02 espace réel%2 f_virtuel et corps humain
02 espace réel%2 f_virtuel et corps humain02 espace réel%2 f_virtuel et corps humain
02 espace réel%2 f_virtuel et corps humain
 
01 gx d - generative design et creative coding
01 gx d - generative design et creative coding01 gx d - generative design et creative coding
01 gx d - generative design et creative coding
 
01 une histoire du di
01 une histoire du di01 une histoire du di
01 une histoire du di
 
Installation interactive conférence
Installation interactive   conférenceInstallation interactive   conférence
Installation interactive conférence
 
04 00 installations interactives _ le corps et les espaces physiques ou virtuels
04 00 installations interactives _ le corps et les espaces physiques ou virtuels04 00 installations interactives _ le corps et les espaces physiques ou virtuels
04 00 installations interactives _ le corps et les espaces physiques ou virtuels
 
03 00 l'internet des objets - introduction
03 00 l'internet des objets - introduction03 00 l'internet des objets - introduction
03 00 l'internet des objets - introduction
 
Une histoire du di
Une histoire du diUne histoire du di
Une histoire du di
 

00 ix d - introduction

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