Quelle démarche de designpour les applications multitouch ?<br />Alban Hermet<br />hermet@intuilab.com<br />IntuiLab<br />...
SURFACE COMPUTING ?<br />Qu’est ce que le<br />2<br />
3<br />CLI<br />GUI<br />NUI<br />(August de los Reyes – Predicting the past – 2008)<br />
Une popularisation récente<br />1995<br />1985<br />1986<br />1992<br />1983<br />2002<br />2001<br />1997<br />2003<br />...
Des Dispositifs variés<br />5<br />
… A EXPLORER<br />Une multitude d’usages …<br />6<br />
… AU RENDEZ-VOUS<br />Des outils …<br />7<br />
Designés pour les designers<br />Intégrés aux outils de développement<br />Des outils (de design) puissants <br />8<br />
2 MOTS SUR INTUILAB<br />Qui sommes nous ?<br />9<br />
IntuiLab<br />SA créée en juin 2002 à Toulouse<br />34 collaborateurs<br />Conception et le développement d’applications d...
L’équipe actuelle (ça augmente)<br />Designers d’interaction<br />Ergonomes<br />Designers graphiques<br />Développeurs <b...
Des Produits et des Solutions<br />12<br />
PROCESS INTUISIGN<br />Des usages à explorer, oui mais comment ?<br />13<br />
Pourquoi un process de design?<br />Le design d’IHM est pluridisciplinaire<br /><ul><li>RC</li></ul>N$;<br />ix<br />ix<br...
Pourquoi un process de design?<br />Le design d’IHM est itératif<br />15<br />IMH<br />IHM<br />
Un Process, mais lequel ?<br />Agile<br />Liberté dans l’exploration des usages<br />Autorise l’innovation & la créativité...
Intuisign<br />17<br />
Datalyse<br />18<br />Comprendre le problème …<br />		… pour informer les choix de design<br />
l’usage & les besoins<br />Entretiens <br />Questionnaires<br />Observations directes<br />Etude/évaluation de systèmes ex...
Possibilités & contraintes technologiques<br />Etat de l’art du matériel disponible<br />Etat de l’art des techniques d’in...
Datalyse<br />21<br />Comprendre le problème …<br />		… pour informer les choix de design<br />
Maquettage<br />22<br />Explorer l’espace des possibles …<br />… pour choisir les solutions les plus adaptées  <br />
Maquettes<br />Matérialiser les solutions <br />le plus rapidement possible<br />23<br />
Séance de conception participative<br />24<br />Trouver ensemble des idées innovantes, réalisables <br />et répondant aux ...
Maquettage<br />25<br />Explorer l’espace des possibles …<br />… pour choisir les solutions les plus adaptées  <br />
Réalisation<br />26<br />Réaliser, tester, réaliser, tester  …<br />… pour donner forme au produit<br />
Production Parallèle<br />Développement “Formless”<br />Design détaillé<br />27<br />
Réalisation jetable pour répondre à une question précise<br />	d’architecture logicielle, de performances<br />	de design<...
Evaluation<br />Placer les futurs utilisateurs devant le<br />produit <br />Vérifier l’utilisabilité de l’interface<br />R...
Réalisation<br />30<br />Réaliser, tester, réaliser, tester  …<br />… pour donner forme au produit<br />
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<b...
POUR RÉSUMER<br />Quelques points<br />32<br />
Pour Résumer<br />Une porte ouverte sur l’exploration des usages et l’innovation<br />Des outils de plus en plus puissants...
QUESTIONS ?<br />Avez-vous des<br />34<br />
Prochain SlideShare
Chargement dans…5
×

Présentation Intuilab aux Microsoft Techdays 2010

1 632 vues

Publié le

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

Publié dans : Design
1 commentaire
2 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
1 632
Sur SlideShare
0
Issues des intégrations
0
Intégrations
25
Actions
Partages
0
Téléchargements
42
Commentaires
1
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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 />

×