O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Présentation Intuilab aux Microsoft Techdays 2010

1.743 visualizações

Publicada em

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

Publicada em: Design
  • Login to see the comments

Présentation Intuilab aux Microsoft Techdays 2010

  1. 1. Quelle démarche de designpour les applications multitouch ?<br />Alban Hermet<br />hermet@intuilab.com<br />IntuiLab<br />www.intuilab.com<br />
  2. 2. SURFACE COMPUTING ?<br />Qu’est ce que le<br />2<br />
  3. 3. 3<br />CLI<br />GUI<br />NUI<br />(August de los Reyes – Predicting the past – 2008)<br />
  4. 4. Une popularisation récente<br />1995<br />1985<br />1986<br />1992<br />1983<br />2002<br />2001<br />1997<br />2003<br />2005<br />1994<br />2005<br />2007<br />2009<br />2007<br />2010<br />4<br />(http://billbuxton.com/multitouchOverview.html)<br />
  5. 5. Des Dispositifs variés<br />5<br />
  6. 6. … A EXPLORER<br />Une multitude d’usages …<br />6<br />
  7. 7. … AU RENDEZ-VOUS<br />Des outils …<br />7<br />
  8. 8. Designés pour les designers<br />Intégrés aux outils de développement<br />Des outils (de design) puissants <br />8<br />
  9. 9. 2 MOTS SUR INTUILAB<br />Qui sommes nous ?<br />9<br />
  10. 10. IntuiLab<br />SA créée en juin 2002 à Toulouse<br />34 collaborateurs<br />Conception et le développement d’applications de Surface Computing, en particulier dans les domaines de la Présentation, des SIG et du Retail<br />Elue Start-up of the dayBizSpark (50 / 15000 start-ups) novembre 2009<br />
  11. 11. L’équipe actuelle (ça augmente)<br />Designers d’interaction<br />Ergonomes<br />Designers graphiques<br />Développeurs <br />
  12. 12. Des Produits et des Solutions<br />12<br />
  13. 13. PROCESS INTUISIGN<br />Des usages à explorer, oui mais comment ?<br />13<br />
  14. 14. Pourquoi un process de design?<br />Le design d’IHM est pluridisciplinaire<br /><ul><li>RC</li></ul>N$;<br />ix<br />ix<br />dev<br />dev<br />design<br />design<br />:47<br />user<br />user<br />$5d<br />1z$<br />graph<br />graph<br />usability<br />usability<br />design<br />design<br />14<br />
  15. 15. Pourquoi un process de design?<br />Le design d’IHM est itératif<br />15<br />IMH<br />IHM<br />
  16. 16. Un Process, mais lequel ?<br />Agile<br />Liberté dans l’exploration des usages<br />Autorise l’innovation & la créativité<br />Equipes pluridisciplinaires …<br />… leurs languages et leurs outils<br />Itératif<br />Transparent vis à vis du client<br />Viable<br />Répétable<br />16<br />3<br />2<br />1<br />8 fev<br />Ag<br />€<br />
  17. 17. Intuisign<br />17<br />
  18. 18. Datalyse<br />18<br />Comprendre le problème …<br /> … pour informer les choix de design<br />
  19. 19. l’usage & les besoins<br />Entretiens <br />Questionnaires<br />Observations directes<br />Etude/évaluation de systèmes existants<br />Scénarios d’usage<br />19<br />Comprendre l’activité de l’utilisateur et le contexte d’utilisation <br />
  20. 20. Possibilités & contraintes technologiques<br />Etat de l’art du matériel disponible<br />Etat de l’art des techniques d’interaction / visualisation<br />Etude de la charte / ambiance / contexte graphique <br />Echange entre l’IHM et les modules “métiers”<br />20<br />
  21. 21. Datalyse<br />21<br />Comprendre le problème …<br /> … pour informer les choix de design<br />
  22. 22. Maquettage<br />22<br />Explorer l’espace des possibles …<br />… pour choisir les solutions les plus adaptées <br />
  23. 23. Maquettes<br />Matérialiser les solutions <br />le plus rapidement possible<br />23<br />
  24. 24. Séance de conception participative<br />24<br />Trouver ensemble des idées innovantes, réalisables <br />et répondant aux besoins des utilisateurs<br />
  25. 25. Maquettage<br />25<br />Explorer l’espace des possibles …<br />… pour choisir les solutions les plus adaptées <br />
  26. 26. Réalisation<br />26<br />Réaliser, tester, réaliser, tester …<br />… pour donner forme au produit<br />
  27. 27. Production Parallèle<br />Développement “Formless”<br />Design détaillé<br />27<br />
  28. 28. Réalisation jetable pour répondre à une question précise<br /> d’architecture logicielle, de performances<br /> de design<br /> d’usage<br />Spike<br />28<br />
  29. 29. Evaluation<br />Placer les futurs utilisateurs devant le<br />produit <br />Vérifier l’utilisabilité de l’interface<br />Répondre à un spike d’usage / de design<br />Déceler des problèmes inatendus<br />29<br />
  30. 30. Réalisation<br />30<br />Réaliser, tester, réaliser, tester …<br />… pour donner forme au produit<br />
  31. 31. Une succession d’activités<br />31<br />•••<br />R<br />R<br />R<br />R<br />R<br />M<br />D<br />M<br />M<br />D<br />M<br />M<br />D<br />
  32. 32. POUR RÉSUMER<br />Quelques points<br />32<br />
  33. 33. Pour Résumer<br />Une porte ouverte sur l’exploration des usages et l’innovation<br />Des outils de plus en plus puissants et intégrés<br />Nécessité d’un process <br /> Itératif<br /> Participatif<br /> Centré sur l’utilisateur<br />33<br />
  34. 34. QUESTIONS ?<br />Avez-vous des<br />34<br />

×