16
e-art sup | 3A & 3B Design Interactif - 2016/2017 Alexandre Rivaux [email protected] 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

00 ix d - introduction

Embed Size (px)

Citation preview

e-art sup | 3A & 3BDesign Interactif - 2016/2017

Alexandre [email protected]

ixd.education

DesignInteractifIntroduction 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 & 3BDesign Interactif - 2016/2017

Alexandre [email protected]

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

Alexandre [email protected]

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

Alexandre [email protected]

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

Alexandre [email protected]

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

Alexandre [email protected]

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

Alexandre [email protected]

ixd.education

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

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

Alexandre [email protected]

ixd.education

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

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

Alexandre [email protected]

ixd.education

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

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

Alexandre [email protected]

ixd.education

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

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

Alexandre [email protected]

ixd.education

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

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

Alexandre [email protected]

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

Alexandre [email protected]

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

Alexandre [email protected]

ixd.education

e-art sup | 3A & 3BDesign Interactif

Alexandre [email protected]

ixd.education

La grille de notation se compose de la manière

suivante :

1. Présentation orale /2.52. Concept /2.53. Design graphique /2.54. 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.

[email protected]

e-art sup | 3A & 3BDesign Interactif - 2016/2017

Alexandre [email protected]

ixd.education