design interactif intro

Design InteractifIntroduction aux cours

1. Design interactif, définition2. Pour faire quoi? Sur quels medias?3. Objectifs de la matière4. Votre programme5. Déroulé des cours6. Déroulé d’un sujet7. Méthodologie de travail8. Validation du concept9. Présentation finale

10. Grille de notation

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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. »

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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

—

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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)

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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

—

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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.

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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

—

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@gmail.com

ixd.education

Méthodologie de travail—

1. 1 Carnet de croquis par sujet et par étudiantPour 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 groupePour 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)

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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. Brief2. Problématique3. Études et recherches4. Concept5. Visuel clé du concept6. Wireframe et première recherches graphique et UX design7. Benchmark de la concurrence commenté8. Moodboard inspiration graphique, ergonomique et technique commenté

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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 brief2. Problématique3. Récapitulatif de l’étude4. Concept5. Visuel clé du concept6. User journey, wireframe, storyboard…7. Maquettes JPGs des créations8. Motion de simulation (si necessaire)9. POC (HTML, processing, flash, arduino… si necessaire)

e-art sup | 3A & 3BDesign Interactif

Alexandre Rivauxarivaux@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

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 & 3BDesign Interactif

Alexandre Rivauxarivaux@gmail.com

ixd.education