Alban Hermet présente IntuiSign, le Design Flow IntuiLab pour la conception et la réalisation d'applications surface computing (multitouch)

1. Quelle démarche de designpour les applications multitouch ? Alban Hermet hermet@intuilab.com IntuiLab www.intuilab.com

2. SURFACE COMPUTING ? Qu’est ce que le 2

3. 3 CLI GUI NUI (August de los Reyes – Predicting the past – 2008)

4. Une popularisation récente 1995 1985 1986 1992 1983 2002 2001 1997 2003 2005 1994 2005 2007 2009 2007 2010 4 (http://billbuxton.com/multitouchOverview.html)

5. Des Dispositifs variés 5

6. … A EXPLORER Une multitude d’usages … 6

7. … AU RENDEZ-VOUS Des outils … 7

8. Designés pour les designers Intégrés aux outils de développement Des outils (de design) puissants 8

9. 2 MOTS SUR INTUILAB Qui sommes nous ? 9

10. IntuiLab SA créée en juin 2002 à Toulouse 34 collaborateurs Conception et le développement d’applications de Surface Computing, en particulier dans les domaines de la Présentation, des SIG et du Retail Elue Start-up of the dayBizSpark (50 / 15000 start-ups) novembre 2009

11. L’équipe actuelle (ça augmente) Designers d’interaction Ergonomes Designers graphiques Développeurs

12. Des Produits et des Solutions 12

13. PROCESS INTUISIGN Des usages à explorer, oui mais comment ? 13

15. Pourquoi un process de design? Le design d’IHM est itératif 15 IMH IHM

16. Un Process, mais lequel ? Agile Liberté dans l’exploration des usages Autorise l’innovation & la créativité Equipes pluridisciplinaires … … leurs languages et leurs outils Itératif Transparent vis à vis du client Viable Répétable 16 3 2 1 8 fev Ag €

17. Intuisign 17

18. Datalyse 18 Comprendre le problème … … pour informer les choix de design

19. l’usage & les besoins Entretiens Questionnaires Observations directes Etude/évaluation de systèmes existants Scénarios d’usage 19 Comprendre l’activité de l’utilisateur et le contexte d’utilisation

20. Possibilités & contraintes technologiques Etat de l’art du matériel disponible Etat de l’art des techniques d’interaction / visualisation Etude de la charte / ambiance / contexte graphique Echange entre l’IHM et les modules “métiers” 20

21. Datalyse 21 Comprendre le problème … … pour informer les choix de design

22. Maquettage 22 Explorer l’espace des possibles … … pour choisir les solutions les plus adaptées

23. Maquettes Matérialiser les solutions le plus rapidement possible 23

24. Séance de conception participative 24 Trouver ensemble des idées innovantes, réalisables et répondant aux besoins des utilisateurs

25. Maquettage 25 Explorer l’espace des possibles … … pour choisir les solutions les plus adaptées

26. Réalisation 26 Réaliser, tester, réaliser, tester … … pour donner forme au produit

27. Production Parallèle Développement “Formless” Design détaillé 27

28. Réalisation jetable pour répondre à une question précise d’architecture logicielle, de performances de design d’usage Spike 28

29. Evaluation Placer les futurs utilisateurs devant le produit Vérifier l’utilisabilité de l’interface Répondre à un spike d’usage / de design Déceler des problèmes inatendus 29

30. Réalisation 30 Réaliser, tester, réaliser, tester … … pour donner forme au produit

31. Une succession d’activités 31 ••• R R R R R M D M M D M M D

32. POUR RÉSUMER Quelques points 32

33. Pour Résumer Une porte ouverte sur l’exploration des usages et l’innovation Des outils de plus en plus puissants et intégrés Nécessité d’un process Itératif Participatif Centré sur l’utilisateur 33

34. QUESTIONS ? Avez-vous des 34