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)

1. L’histoire d’un
Spatialisation et Gamification des User Interfaces
Jean LIVERA
Rémi MOEBS
TALENTED
TOGETHER

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

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

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

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. Constat n°1 : Gestion du changement
Les utilisateurs retiennent un
chemin d’accès vers l’information

7. Constat n°2 : Objet métier
Les utilisateurs veulent manipuler
leurs objets métier

8. Constat n°3 : L’usage prime
De l’interface de gestion
à l’interface d’usage

9. Constat n°4 : Les jeux sont en avance
Les interfaces auto-porteuses
des jeux vidéos sont un modèle

10. Point commun de ces constats
Information
Interface
La mémorisation spatiale de l’information
Chaînon manquant de l’usage ?

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. 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. 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. Enfance
Premières expérimentations
Intuition confirmée, faisabilité démontrée,
il faut continuer et grandir !

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. Adolescence
Etudes de cas : Net’ops & co
NET’ops
& co
Fournisseur de services basés sur des bidules
cas réels anonymisés

17. Adolescence
La supervision

Alice supervise le bon fonctionnement des bidules
NET’ops
& co

18. Adolescence
La supervision
Une alerte atterrit sur la pile des tâches
NET’ops
& co

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. Adolescence
Demande d’action
NET’ops
& co
Demande d’intervention envoyée
depuis la vue spatiale (le plan) de manière contextuelle

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

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

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

24. Adolescence
Aide à la réparation

Bob reçoit la demande d’intervention sur sa tablette
NET’ops
& co

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. 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. Adolescence
Etudes de cas : Net’ops & co
NET’ops
& co
Avec nous le fonctionnement de vos bidules est garanti !

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. Adulte
Kit méthodologique / Outils design
Comprendre l’existant et les métiers

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

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

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

33. Adulte
Kit méthodologique / Outils design
+
=
Rechercher les parallèles
+

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

35. Adulte
Kit méthodologique / Outils design
Trouver les raccourcis

36. Adulte
Kit méthodologique / Outils design
Trouver les raccourcis

37. Propagation
La communauté des SGUI

38. Visionnage d’un catalogue sur la vitrine du magasin
Kinect + Sharepoint
Démo : Kin’Search
david.olivier @ sopragroup.com
David OLIVIER

39. Rémi MOEBS
Jean LIVERA
remi.moebs @ sopragroup.com
jean.livera @ sopragroup.com
digitalobserver.net
Jeanlivera.com
Contact / Questions : Stand 84
TALENTED
TOGETHER