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’i...
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’usa...
Enfance
Structuration de la démarche

MODELISATION

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

VISUALISATI...
Enfance
Premières expérimentations

MODELISATION

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

Modèle de rep...
Enfance
Premières expérimentations

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

Frameworks...
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 1...
Adolescence
Etudes de cas : Net’ops & co

NET’ops

& co

Fournisseur de services basés sur des bidules

cas réels anonymis...
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
...
Adolescence
Demande d’action

NET’ops

& co

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

NET’ops

& co

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

NET’ops

& co

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

NET’ops

& co

Demande d’intervention envoyée
depuis la vue spatiale (le plan) de manière co...
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 pho...
Adolescence
Suivi et clôture de la demande

Une fois la réparation terminée il clôt la demande d’intervention par une
sign...
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

Gamif...
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...
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.co...
Rémi MOEBS

Jean LIVERA

remi.moebs @ sopragroup.com

jean.livera @ sopragroup.com

digitalobserver.net

Jeanlivera.com

C...
Upcoming SlideShare
Loading in...5
×

Spatialisation et gamification des interfaces : Sharepoint 2013 bientôt en 3D ?

3,447

Published on

Au sein des entreprises, les pratiques des professionnels se digitalisent, bénéficiant du développement rapide des nouveaux terminaux tactiles et mobiles. Dans le même temps les volumes des données échangées connaissent une croissance exponentielle et se diversifient. La conjugaison de ces mouvements nous amène à repenser les modalités d’accès et d’affichage de l’information, afin de gagner en efficacité. Dans ce contexte, une approche par la spatialisation et la gamification des interfaces ouvre la voie à une visualisation plus intuitive de l’information, calquée sur les usages et les représentations mentales des utilisateurs. Comment ? quelles technologies pour implémenter ces concepts dans les applications d’entreprises ? quels impacts sur les usages ? Ce sont des réponses concrètes que nous apportons à travers des cas clients issus de Sopra Lab, un programme de R&D qui porte notamment sur les interfaces innovantes. Key words : visualisation hybride de l’information, usage d’une surface tactile étendue, optimisation de l'ergonomie multitouch, interface intuitive 3D et tactile, assistance visuel, kinect, mobilité augmentée. Session présentée par le partenaire : Sopra Group.

Speakers : Jean Livera (Sopra Group), Rémi Moebs (Sopra Group)

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,447
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
37
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Spatialisation et gamification des interfaces : Sharepoint 2013 bientôt en 3D ?

  1. 1. L’histoire d’un Spatialisation et Gamification des User Interfaces Jean LIVERA Rémi MOEBS TALENTED TOGETHER
  2. 2. Naissance Sur les chemins de l’innovation Au début : la TV
  3. 3. Naissance Sur les chemins de l’innovation Un besoin et un parallèle avec la lampe de poche
  4. 4. Naissance Sur les chemins de l’innovation Invention de la flash-matic
  5. 5. Naissance Sur les chemins de l’innovation Gamification et spatialisation pour la création d’interfaces aux service de l’informatique de gestion
  6. 6. Constat n°1 : Gestion du changement Les utilisateurs retiennent un chemin d’accès vers l’information
  7. 7. Constat n°2 : Objet métier Les utilisateurs veulent manipuler leurs objets métier
  8. 8. Constat n°3 : L’usage prime De l’interface de gestion à l’interface d’usage
  9. 9. Constat n°4 : Les jeux sont en avance Les interfaces auto-porteuses des jeux vidéos sont un modèle
  10. 10. Point commun de ces constats Information Interface La mémorisation spatiale de l’information Chaînon manquant de l’usage ?
  11. 11. 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
  12. 12. 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
  13. 13. 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
  14. 14. Enfance Premières expérimentations Intuition confirmée, faisabilité démontrée, il faut continuer et grandir !
  15. 15. 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 !
  16. 16. Adolescence Etudes de cas : Net’ops & co NET’ops & co Fournisseur de services basés sur des bidules cas réels anonymisés
  17. 17. Adolescence La supervision  Alice supervise le bon fonctionnement des bidules NET’ops & co
  18. 18. Adolescence La supervision Une alerte atterrit sur la pile des tâches NET’ops & co
  19. 19. 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
  20. 20. Adolescence Demande d’action NET’ops & co Demande d’intervention envoyée depuis la vue spatiale (le plan) de manière contextuelle
  21. 21. Adolescence Demande d’action NET’ops & co Demande d’intervention envoyée depuis la vue spatiale (le plan) de manière contextuelle
  22. 22. Adolescence Demande d’action NET’ops & co Demande d’intervention envoyée depuis la vue spatiale (le plan) de manière contextuelle
  23. 23. Adolescence Demande d’action NET’ops & co Demande d’intervention envoyée depuis la vue spatiale (le plan) de manière contextuelle
  24. 24. Adolescence Aide à la réparation  Bob reçoit la demande d’intervention sur sa tablette NET’ops & co
  25. 25. 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
  26. 26. 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
  27. 27. Adolescence Etudes de cas : Net’ops & co NET’ops & co Avec nous le fonctionnement de vos bidules est garanti !
  28. 28. 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 !
  29. 29. Adulte Kit méthodologique / Outils design Comprendre l’existant et les métiers
  30. 30. Adulte Kit méthodologique / Outils design Prendre de la hauteur pour analyser la mécanique globale
  31. 31. Adulte Kit méthodologique / Outils design Offrir une vision en adéquation avec les contraintes du terrain et la stratégie globale
  32. 32. Adulte Kit méthodologique / Outils design + Rechercher les parallèles
  33. 33. Adulte Kit méthodologique / Outils design + = Rechercher les parallèles +
  34. 34. Adulte Kit méthodologique / Outils design = Rechercher les parallèles
  35. 35. Adulte Kit méthodologique / Outils design Trouver les raccourcis
  36. 36. Adulte Kit méthodologique / Outils design Trouver les raccourcis
  37. 37. Propagation La communauté des SGUI
  38. 38. Visionnage d’un catalogue sur la vitrine du magasin Kinect + Sharepoint Démo : Kin’Search david.olivier @ sopragroup.com David OLIVIER
  39. 39. Rémi MOEBS Jean LIVERA remi.moebs @ sopragroup.com jean.livera @ sopragroup.com digitalobserver.net Jeanlivera.com Contact / Questions : Stand 84 TALENTED TOGETHER
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×