SlideShare uma empresa Scribd logo
1 de 39
L’histoire d’un

Spatialisation et Gamification des User Interfaces

Jean LIVERA

Rémi MOEBS
TALENTED

TOGETHER
Naissance
Sur les chemins de l’innovation

Au début : la TV
Naissance
Sur les chemins de l’innovation

Un besoin et un parallèle avec la lampe de poche
Naissance
Sur les chemins de l’innovation

Invention de la flash-matic
Naissance
Sur les chemins de l’innovation

Gamification et spatialisation pour la création d’interfaces aux service
de l’informatique de gestion
Constat n°1 : Gestion du changement

Les utilisateurs retiennent un
chemin d’accès vers l’information
Constat n°2 : Objet métier

Les utilisateurs veulent manipuler
leurs objets métier
Constat n°3 : L’usage prime

De l’interface de gestion
à l’interface d’usage
Constat n°4 : Les jeux sont en avance

Les interfaces auto-porteuses
des jeux vidéos sont un modèle
Point commun de ces constats

Information

Interface

La mémorisation spatiale de l’information

Chaînon manquant de l’usage ?
Enfance
Structuration de la démarche

MODELISATION

des objets métier
(urbanisation, réseau, système,
graphe)

VISUALISATION HYBRIDE
et manipulation
(recherche, navigation, mise à
jour)

Objets
métier
GAMIFICATION

Apport des techniques du jeu
vidéo
Enfance
Premières expérimentations

MODELISATION

des objets métier
(urbanisation, réseau, système,
graphe)

Modèle de représentation spatial des données
Enfance
Premières expérimentations

VISUALISATION HYBRIDE
et manipulation
(recherche, navigation, mise à
jour)

Frameworks de représentation et de manipulation
2D et 3D des informations
Enfance
Premières expérimentations

Intuition confirmée, faisabilité démontrée,
il faut continuer et grandir !
Adolescence
Confrontation au monde réel

Nombreux prototypes réalisés sur des cas réels avec nos client

Retours terrain 100% positifs.
Concept validé, la confiance !
Adolescence
Etudes de cas : Net’ops & co

NET’ops

& co

Fournisseur de services basés sur des bidules

cas réels anonymisés
Adolescence
La supervision



Alice supervise le bon fonctionnement des bidules

NET’ops

& co
Adolescence
La supervision

Une alerte atterrit sur la pile des tâches

NET’ops

& co
Adolescence
Visualisation

Elle ouvre les informations liées à cet alarme et vérifie le bâtiment
ou elle s’est déclenchée

Démo : Superviseur 3D

NET’ops

& co
Adolescence
Demande d’action

NET’ops

& co

Demande d’intervention envoyée
depuis la vue spatiale (le plan) de manière contextuelle
Adolescence
Demande d’action

NET’ops

& co

Demande d’intervention envoyée
depuis la vue spatiale (le plan) de manière contextuelle
Adolescence
Demande d’action

NET’ops

& co

Demande d’intervention envoyée
depuis la vue spatiale (le plan) de manière contextuelle
Adolescence
Demande d’action

NET’ops

& co

Demande d’intervention envoyée
depuis la vue spatiale (le plan) de manière contextuelle
Adolescence
Aide à la réparation



Bob reçoit la demande d’intervention sur sa tablette

NET’ops

& co
Adolescence
Aide à la réparation

Il est guidé vers le matériel défectueux
et le répare à l’aide des documentations et photos associées

Démo : Data In Sight

NET’ops

& co
Adolescence
Suivi et clôture de la demande

Une fois la réparation terminée il clôt la demande d’intervention par une
signature et prend une photo des réparations effectuées
NET’ops

& co
Adolescence
Etudes de cas : Net’ops & co

NET’ops

& co

Avec nous le fonctionnement de vos bidules est garanti !
Adulte
Maturité du concept & industrialisation

Formalisation

Extension

Méthodologie de conception des
interfaces

Gamification : techniques
d’animation de l’interface

Catalogue des cas d’usage
métier

Nouveaux sens et nouveaux
périphériques

Bonnes pratiques

Intégration avec des solutions
phares (SharePoint)

Un programme SGUI mature et généralisable !
Adulte
Kit méthodologique / Outils design

Comprendre l’existant et les métiers
Adulte
Kit méthodologique / Outils design

Prendre de la hauteur pour
analyser la mécanique globale
Adulte
Kit méthodologique / Outils design

Offrir une vision en adéquation avec les contraintes
du terrain et la stratégie globale
Adulte
Kit méthodologique / Outils design

+

Rechercher les parallèles
Adulte
Kit méthodologique / Outils design

+

=

Rechercher les parallèles

+
Adulte
Kit méthodologique / Outils design

=

Rechercher les parallèles
Adulte
Kit méthodologique / Outils design

Trouver les raccourcis
Adulte
Kit méthodologique / Outils design

Trouver les raccourcis
Propagation
La communauté des SGUI
Visionnage d’un catalogue sur la vitrine du magasin

Kinect + Sharepoint

Démo : Kin’Search

david.olivier @ sopragroup.com

David OLIVIER
Rémi MOEBS

Jean LIVERA

remi.moebs @ sopragroup.com

jean.livera @ sopragroup.com

digitalobserver.net

Jeanlivera.com

Contact / Questions : Stand 84
TALENTED

TOGETHER

Mais conteúdo relacionado

Destaque

2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules IT
2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules IT2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules IT
2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules ITKyos
 
Compo nova tec libramont 2014 fr
Compo nova tec libramont 2014 frCompo nova tec libramont 2014 fr
Compo nova tec libramont 2014 frBelfertil Mobile
 
Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013
Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013
Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013EVM
 
Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...
Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...
Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...SOCIEDAD JULIO GARAVITO
 
Feuillet no 4 - Rôle philanthropique de la Fondation Chagnon
Feuillet no 4 - Rôle philanthropique de la Fondation ChagnonFeuillet no 4 - Rôle philanthropique de la Fondation Chagnon
Feuillet no 4 - Rôle philanthropique de la Fondation ChagnonFondation Chagnon
 
Paon mai2013-aefnb
Paon mai2013-aefnbPaon mai2013-aefnb
Paon mai2013-aefnbmartida
 
La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...
La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...
La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...SOCIEDAD JULIO GARAVITO
 

Destaque (20)

Mes amis
Mes amisMes amis
Mes amis
 
RAILS-DONATA side event: L’Information & la Connaissance pour la Sécurité Ali...
RAILS-DONATA side event: L’Information & la Connaissance pour la Sécurité Ali...RAILS-DONATA side event: L’Information & la Connaissance pour la Sécurité Ali...
RAILS-DONATA side event: L’Information & la Connaissance pour la Sécurité Ali...
 
Book 6 2013 minimum
Book 6 2013 minimumBook 6 2013 minimum
Book 6 2013 minimum
 
Book story
Book storyBook story
Book story
 
2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules IT
2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules IT2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules IT
2013.06.20 - évènement Kyos-Spacecom - 02_Émulsion de nos nouvelles molécules IT
 
Procesador
ProcesadorProcesador
Procesador
 
Polígonos
PolígonosPolígonos
Polígonos
 
espanol
espanolespanol
espanol
 
Portfolio
PortfolioPortfolio
Portfolio
 
Le futur
Le futurLe futur
Le futur
 
Capital Payment
Capital PaymentCapital Payment
Capital Payment
 
2(1) 1 4
2(1) 1 42(1) 1 4
2(1) 1 4
 
Compo nova tec libramont 2014 fr
Compo nova tec libramont 2014 frCompo nova tec libramont 2014 fr
Compo nova tec libramont 2014 fr
 
Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013
Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013
Ayudas para la promoción de inversiones de Carácter Industrial. Reindus 2013
 
Dios habla-con-las-personas
Dios habla-con-las-personasDios habla-con-las-personas
Dios habla-con-las-personas
 
Créer son entreprise en 3 etapes
Créer son entreprise en 3 etapesCréer son entreprise en 3 etapes
Créer son entreprise en 3 etapes
 
Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...
Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...
Presentación de la Charla de la SJG del 14 de Abril 2012: La Astronomía en la...
 
Feuillet no 4 - Rôle philanthropique de la Fondation Chagnon
Feuillet no 4 - Rôle philanthropique de la Fondation ChagnonFeuillet no 4 - Rôle philanthropique de la Fondation Chagnon
Feuillet no 4 - Rôle philanthropique de la Fondation Chagnon
 
Paon mai2013-aefnb
Paon mai2013-aefnbPaon mai2013-aefnb
Paon mai2013-aefnb
 
La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...
La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...
La Dimensión Ética de la Vida y Obra de Sergei Pavlovich Korolev – 27 de Abri...
 

Semelhante a Techdays 2014 - Session spatialisation et gamification des interfaces

Cahier_Projets_FE-CORTES
Cahier_Projets_FE-CORTESCahier_Projets_FE-CORTES
Cahier_Projets_FE-CORTESFran CORTES
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Stéphane Rouilly
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Stéphane Rouilly
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettesCOMPETITIC
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageLaFrenchMobile
 
Pourquoi le mobile est différent
Pourquoi le mobile est différentPourquoi le mobile est différent
Pourquoi le mobile est différentJean-Marie Gilliot
 
2014 02 itg app numérique martinique
2014 02  itg app numérique martinique2014 02  itg app numérique martinique
2014 02 itg app numérique martiniqueJean Vanderspelden
 
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobileLes secrets du développement d'une application mobile
Les secrets du développement d'une application mobileEutech SSII
 
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
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 MinutesMicrosoft
 
ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1 ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1 Alban Oujagir
 
WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...
WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...
WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...Use Age
 
3D et systèmes interactifs : filière ingénieur de 2e année
3D et systèmes interactifs : filière ingénieur de 2e année3D et systèmes interactifs : filière ingénieur de 2e année
3D et systèmes interactifs : filière ingénieur de 2e annéeTélécom Paris
 
Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...LIEGE CREATIVE
 
Ergonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèqueErgonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèqueJulien Sicot
 
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...Microsoft
 
Itinéraire de découverte Internet 2009
Itinéraire de découverte Internet 2009Itinéraire de découverte Internet 2009
Itinéraire de découverte Internet 2009Florence Devouard
 
Ideation phase: "As many ideas as I have"
Ideation phase: "As many ideas as I have"Ideation phase: "As many ideas as I have"
Ideation phase: "As many ideas as I have"charlesbail
 

Semelhante a Techdays 2014 - Session spatialisation et gamification des interfaces (20)

Cahier_Projets_FE-CORTES
Cahier_Projets_FE-CORTESCahier_Projets_FE-CORTES
Cahier_Projets_FE-CORTES
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
 
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
Cours mobiles du Mastère CPM 2011 (Telecom ParisTech/INA)
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
 
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Pourquoi le mobile est différent
Pourquoi le mobile est différentPourquoi le mobile est différent
Pourquoi le mobile est différent
 
2014 02 itg app numérique martinique
2014 02  itg app numérique martinique2014 02  itg app numérique martinique
2014 02 itg app numérique martinique
 
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobileLes secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
 
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
 
scenario baseddesign
scenario baseddesignscenario baseddesign
scenario baseddesign
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
 
ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1 ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1
 
WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...
WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...
WUD2010 Sophia 04 - T. Colombi (LudoTIC) : L'approche ergonomique dans la con...
 
3D et systèmes interactifs : filière ingénieur de 2e année
3D et systèmes interactifs : filière ingénieur de 2e année3D et systèmes interactifs : filière ingénieur de 2e année
3D et systèmes interactifs : filière ingénieur de 2e année
 
Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...Les technologies numériques au service des apprentissages, un vaste champ d’o...
Les technologies numériques au service des apprentissages, un vaste champ d’o...
 
Ergonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèqueErgonomie web et mobile en bibliothèque
Ergonomie web et mobile en bibliothèque
 
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
Concevoir une expérience SoLoMo (sociale, locale, mobile): retours d'expérien...
 
Itinéraire de découverte Internet 2009
Itinéraire de découverte Internet 2009Itinéraire de découverte Internet 2009
Itinéraire de découverte Internet 2009
 
Ideation phase: "As many ideas as I have"
Ideation phase: "As many ideas as I have"Ideation phase: "As many ideas as I have"
Ideation phase: "As many ideas as I have"
 

Techdays 2014 - Session spatialisation et gamification des interfaces