SlideShare une entreprise Scribd logo
1  sur  11
NUIT CHARRETTE HETIC WEB & 3D
Les défis
RENDRE SIMPLE CE QUI EST COMPLEXE
RENDRE LUDIQUE CE QUI EST FASTIDIEUX
RENDRE SEXY CE QUI EST AUSTERE
Le projet
CRÉER UN SITE
AFIN DE RENDRE INTELLIGIBLE ET ATTRAYANT
LE MONTAGE D’UN MEUBLE IKEA (Billy 702.845.28)
EN S’APPUYANT SUR :
L’INTERACTIVITE
LA 3D
Vos défis
SE METTRE A LA PLACE DE L’UTILISATEUR.
PENSER UNE UX RICHE ET COHERANTE.
WEB & 3D TRAVAILLANT ENSEMBLE.
REUSSIR EN UNE NUIT 
 Groupe 1 : Salle 1
 Groupe 2 : Salle 2
 Groupe 3 : Salle 3
 Groupe 4 : Salle 4
 Groupe 5 : Salle 6
 Groupe 6 : Salle 7
Vos salles
Les pièges
 FAIRE UN FILM…
 CRÉER UNE SOLUTION PLUS COMPLEXE QUE LE
PROBLEME
 AVOIR DES CHOIX GRAPHIQUES INCOHERANTS ENTRE
WEB & 3D
 NEGLIGER L’OBJECTIF EN VOULANT SE FAIRE PLAISIR
 SOUS-ESTIMER LES DEFIS
Les contraintes WEB
 Gérer l’authentification des utilisateurs
 Gérer la persistance de l’état d’avancement par
utilisateur
 Gérer une utilisation pertinente de JS/HTML5/CSS3
 Concevoir et respecter une véritable identité
graphique
 Gérer le travail collaboratif avec GitHub
Les étapes
 Pour chaque groupe 3D+WEB+H1 :
 3 personnes en charge de la conduite du projet avec
au moins un 3D et un WEB
 A partir de 21H00 : Présentation de votre vision du projet en
10 min pour validation par l’encadrement en salle de
réunion 1.
 A partir de 22h10 : Manger les pizzas
 A partir de 22H30 : Validation finale en 10 min par
l’encadrement (« Scénario UX », Story-Board, Mockup …)
 A partir de 08H00 : Présentation commercial du projet
finalisé par chaque équipe (trois présentateurs) durant 10
minutes puis 10 minutes de questions
L’organisation
 Pour chaque groupe 3D+WEB+H1 dés la fin du brief :
 Organisation des équipes, désignation des 3 leads,
répartition des tâches.
 Brainstorming afin de définir votre vision du projet, vos
solutions et vos choix graphiques.
 Après le brainstorming :
 Pour les 3D : Attaquer la modélisation de l’ensemble des
assets.
 Pour les WEB : Attaquer les fondations du site
L’organisation
 Après les premiers retours de l’encadrement:
 Scénarisation et Story-Board des nombreuses vidéos à
produire.
 Design de l’expérience WEB
 Modélisation
 Après validation de l’encadrement:
« We have nothing to offer but blood, toil, tears
and sweat »
Winston Churchill
Quelques horaires
 Première réunion
Groupes Heures
Groupe 1 21H00
Groupe 2 21H10
Groupe 3 21H20
Groupe 4 21H30
Groupe 5 21H40
Groupe 6 21H50
 Deuxième réunion  Soutenance
Groupes Heures
Groupe 1 22H30
Groupe 2 22H40
Groupe 3 22H50
Groupe 4 23H00
Groupe 5 23H10
Groupe 6 23H20
Groupes Heures
Groupe 1 8H00
Groupe 2 8H20
Groupe 3 8H40
Groupe 4 9H00
Groupe 5 9H20
Groupe 6 9H40

Contenu connexe

En vedette (14)

Abónate a Digital Plus.
Abónate a Digital Plus.Abónate a Digital Plus.
Abónate a Digital Plus.
 
Metodología definición de Zonas Económicas Deprimidas
Metodología definición de Zonas Económicas DeprimidasMetodología definición de Zonas Económicas Deprimidas
Metodología definición de Zonas Económicas Deprimidas
 
Anexo primera infancia
Anexo  primera infanciaAnexo  primera infancia
Anexo primera infancia
 
Reglamento centro de padres y apoderados 2011
Reglamento centro de padres y apoderados 2011Reglamento centro de padres y apoderados 2011
Reglamento centro de padres y apoderados 2011
 
tatkräftig-Präsentation
tatkräftig-Präsentationtatkräftig-Präsentation
tatkräftig-Präsentation
 
Evaluación de habilidades de lenguaje y comunicacion 3º año
Evaluación de habilidades de lenguaje y  comunicacion 3º añoEvaluación de habilidades de lenguaje y  comunicacion 3º año
Evaluación de habilidades de lenguaje y comunicacion 3º año
 
Sabine S.
Sabine S.Sabine S.
Sabine S.
 
Dcn
DcnDcn
Dcn
 
Examen trimestral power point
Examen trimestral power pointExamen trimestral power point
Examen trimestral power point
 
Flora Painter
Flora PainterFlora Painter
Flora Painter
 
Noam chomsky y las 10 reglas de manipulación mediatica
Noam chomsky y las 10 reglas de manipulación mediaticaNoam chomsky y las 10 reglas de manipulación mediatica
Noam chomsky y las 10 reglas de manipulación mediatica
 
Presentacion
PresentacionPresentacion
Presentacion
 
Bauvorhaben in Russland
Bauvorhaben in RusslandBauvorhaben in Russland
Bauvorhaben in Russland
 
Un gran susto en pajonal
Un gran susto en pajonalUn gran susto en pajonal
Un gran susto en pajonal
 

Similaire à HETIC Projet d'une nuit 3D UX

Real Options - Agile France 2013
Real Options - Agile France 2013Real Options - Agile France 2013
Real Options - Agile France 2013AgileCoach.net
 
Real Options Lean Kanban France 2013
Real Options Lean Kanban France 2013Real Options Lean Kanban France 2013
Real Options Lean Kanban France 2013AgileCoach.net
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm
 
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Microsoft
 
Créer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJSCréer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJSMicrosoft
 
Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignConf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignTanguyLeDuff1
 
Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Idean France
 
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...cmorand
 
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova sas & cMo conseils
 
Guide du participant 24h Chrono
Guide du participant 24h Chrono Guide du participant 24h Chrono
Guide du participant 24h Chrono teamr2s
 
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova sas & cMo conseils
 
L'Avenue Digital Media - Proposition de services dans le secteur immobilier
L'Avenue Digital Media - Proposition de services dans le secteur immobilierL'Avenue Digital Media - Proposition de services dans le secteur immobilier
L'Avenue Digital Media - Proposition de services dans le secteur immobilierL'Avenue Digital Media
 
Initiation à scratch quatrième tutoriel scratch n° 2 pdf
Initiation à scratch quatrième tutoriel scratch n° 2 pdfInitiation à scratch quatrième tutoriel scratch n° 2 pdf
Initiation à scratch quatrième tutoriel scratch n° 2 pdfFrançoise Grave
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017NiceToMeetYou
 
Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de MicrosoftLe skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de MicrosoftMicrosoft Décideurs IT
 
Présentation designer weekend
Présentation designer weekendPrésentation designer weekend
Présentation designer weekenddesignerwe
 
Chers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien DaigleChers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien DaigleWeb à Québec
 

Similaire à HETIC Projet d'une nuit 3D UX (20)

Real Options - Agile France 2013
Real Options - Agile France 2013Real Options - Agile France 2013
Real Options - Agile France 2013
 
Real Options Lean Kanban France 2013
Real Options Lean Kanban France 2013Real Options Lean Kanban France 2013
Real Options Lean Kanban France 2013
 
Alphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentielAlphorm.com Formation Blender 2.7x - L'essentiel
Alphorm.com Formation Blender 2.7x - L'essentiel
 
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
Créer des jeux 3D pour le web et pour le Windows Store avec BabylonJS/WebGL
 
Créer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJSCréer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJS
 
Logiciels 3d-112-ktcufc
Logiciels 3d-112-ktcufcLogiciels 3d-112-ktcufc
Logiciels 3d-112-ktcufc
 
Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact DesignConf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact Design
 
Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017
 
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
 
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v5 - Univers Web 3D : Performance et Productivité pour le Business, ...
 
Guide du participant 24h Chrono
Guide du participant 24h Chrono Guide du participant 24h Chrono
Guide du participant 24h Chrono
 
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
GaeaNova v3 - Univers Web 3D : Performance et Productivité pour le Business, ...
 
L'Avenue Digital Media - Proposition de services dans le secteur immobilier
L'Avenue Digital Media - Proposition de services dans le secteur immobilierL'Avenue Digital Media - Proposition de services dans le secteur immobilier
L'Avenue Digital Media - Proposition de services dans le secteur immobilier
 
QQCOQP-Document_animateur_Tome1_Thésée
QQCOQP-Document_animateur_Tome1_ThéséeQQCOQP-Document_animateur_Tome1_Thésée
QQCOQP-Document_animateur_Tome1_Thésée
 
Initiation à scratch quatrième tutoriel scratch n° 2 pdf
Initiation à scratch quatrième tutoriel scratch n° 2 pdfInitiation à scratch quatrième tutoriel scratch n° 2 pdf
Initiation à scratch quatrième tutoriel scratch n° 2 pdf
 
archicad-cours.pptx
archicad-cours.pptxarchicad-cours.pptx
archicad-cours.pptx
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
 
Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de MicrosoftLe skeuomorphisme et l'approche authentiquement numérique de Microsoft
Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
 
Présentation designer weekend
Présentation designer weekendPrésentation designer weekend
Présentation designer weekend
 
Chers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien DaigleChers designers, c’est de votre faute… - Jean-Sébastien Daigle
Chers designers, c’est de votre faute… - Jean-Sébastien Daigle
 

HETIC Projet d'une nuit 3D UX

  • 2. Les défis RENDRE SIMPLE CE QUI EST COMPLEXE RENDRE LUDIQUE CE QUI EST FASTIDIEUX RENDRE SEXY CE QUI EST AUSTERE
  • 3. Le projet CRÉER UN SITE AFIN DE RENDRE INTELLIGIBLE ET ATTRAYANT LE MONTAGE D’UN MEUBLE IKEA (Billy 702.845.28) EN S’APPUYANT SUR : L’INTERACTIVITE LA 3D
  • 4. Vos défis SE METTRE A LA PLACE DE L’UTILISATEUR. PENSER UNE UX RICHE ET COHERANTE. WEB & 3D TRAVAILLANT ENSEMBLE. REUSSIR EN UNE NUIT 
  • 5.  Groupe 1 : Salle 1  Groupe 2 : Salle 2  Groupe 3 : Salle 3  Groupe 4 : Salle 4  Groupe 5 : Salle 6  Groupe 6 : Salle 7 Vos salles
  • 6. Les pièges  FAIRE UN FILM…  CRÉER UNE SOLUTION PLUS COMPLEXE QUE LE PROBLEME  AVOIR DES CHOIX GRAPHIQUES INCOHERANTS ENTRE WEB & 3D  NEGLIGER L’OBJECTIF EN VOULANT SE FAIRE PLAISIR  SOUS-ESTIMER LES DEFIS
  • 7. Les contraintes WEB  Gérer l’authentification des utilisateurs  Gérer la persistance de l’état d’avancement par utilisateur  Gérer une utilisation pertinente de JS/HTML5/CSS3  Concevoir et respecter une véritable identité graphique  Gérer le travail collaboratif avec GitHub
  • 8. Les étapes  Pour chaque groupe 3D+WEB+H1 :  3 personnes en charge de la conduite du projet avec au moins un 3D et un WEB  A partir de 21H00 : Présentation de votre vision du projet en 10 min pour validation par l’encadrement en salle de réunion 1.  A partir de 22h10 : Manger les pizzas  A partir de 22H30 : Validation finale en 10 min par l’encadrement (« Scénario UX », Story-Board, Mockup …)  A partir de 08H00 : Présentation commercial du projet finalisé par chaque équipe (trois présentateurs) durant 10 minutes puis 10 minutes de questions
  • 9. L’organisation  Pour chaque groupe 3D+WEB+H1 dés la fin du brief :  Organisation des équipes, désignation des 3 leads, répartition des tâches.  Brainstorming afin de définir votre vision du projet, vos solutions et vos choix graphiques.  Après le brainstorming :  Pour les 3D : Attaquer la modélisation de l’ensemble des assets.  Pour les WEB : Attaquer les fondations du site
  • 10. L’organisation  Après les premiers retours de l’encadrement:  Scénarisation et Story-Board des nombreuses vidéos à produire.  Design de l’expérience WEB  Modélisation  Après validation de l’encadrement: « We have nothing to offer but blood, toil, tears and sweat » Winston Churchill
  • 11. Quelques horaires  Première réunion Groupes Heures Groupe 1 21H00 Groupe 2 21H10 Groupe 3 21H20 Groupe 4 21H30 Groupe 5 21H40 Groupe 6 21H50  Deuxième réunion  Soutenance Groupes Heures Groupe 1 22H30 Groupe 2 22H40 Groupe 3 22H50 Groupe 4 23H00 Groupe 5 23H10 Groupe 6 23H20 Groupes Heures Groupe 1 8H00 Groupe 2 8H20 Groupe 3 8H40 Groupe 4 9H00 Groupe 5 9H20 Groupe 6 9H40