Quelle démarche de designpour les applications multitouch ?

Alban Hermethermet@intuilab.com

IntuiLabwww.intuilab.com

SURFACE COMPUTING ?Qu’est ce que le

2

(August de los Reyes – Predicting the past – 2008) 3

CLI GUI NUI

Texte Graphique Naturel

Clavier Clavier / Souris Doigts / objets physiques

Connaissance Découverte Intuition

Syntaxe stricte Métaphores Manipulations

Commandes WIMP Gestes & Touché

Une popularisation récente

4

1983 1985 1986 1992 1994 1995 1997 2001 2002 2003 2005

2005 2007 2007 2009 2010(http://billbuxton.com/multitouchOverview.html)

Des Dispositifs variés

5

… A EXPLORERUne multitude d’usages …

6

… AU RENDEZ-VOUSDes outils …

7

Designés pour les designersIntégrés aux outils de développement

Des outils (de design) puissants

8

2 MOTS SUR INTUILABQui sommes nous ?

9

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 day BizSpark (50 / 15000 start-ups) novembre 2009

L’équipe actuelle (ça augmente)

Designers d’interactionErgonomes

Designers graphiquesDéveloppeurs

Des Produits et des Solutions

12

PROCESS INTUISIGNDes usages à explorer, oui mais comment ?

13

RC

N$;

:47

$5d

1z$

ixdesign

graphdesign

user

usability

dev

user

Pourquoi un process de design?

Le design d’IHM est pluridisciplinaire

14

usability

ixdesign

dev

graphdesign

Pourquoi un process de design?

Le design d’IHM est itératif

15

IMHIMH IHMIHM

Un Process, mais lequel ?

AgileLiberté dans l’exploration des usagesAutorise l’innovation & la créativitéEquipes pluridisciplinaires …… leurs languages et leurs outilsItératifTransparent vis à vis du clientViableRépétable

16

12 3

8 fev

€

Ag

Intuisign

17

Datalyse

18

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

l’usage & les besoins

Entretiens QuestionnairesObservations directesEtude/évaluation de systèmes existantsScénarios d’usage

19

Comprendre l’activité de l’utilisateur et le contexte d’utilisation

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

Datalyse

21

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

Maquettage

22

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

Maquettes

Matérialiser les solutions le plus rapidement possible

23

Séance de conception participative

24

Trouver ensemble des idées innovantes, réalisables et répondant aux besoins des utilisateurs

Maquettage

25

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

Réalisation

26

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

Production Parallèle

Développement “Formless” Design détaillé

27

Spike

28

Réalisation jetable pour répondre à une question précise

d’architecture logicielle, de performances

de design

d’usage

Evaluation

Placer les futurs utilisateurs devant leproduit

Vérifier l’utilisabilité de l’interface

Répondre à un spike d’usage / de design

Déceler des problèmes inatendus

29

Réalisation

30

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

Une succession d’activités

31

MD R M R M D M R R RM •••D

POUR RÉSUMERQuelques points

32

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ératifParticipatifCentré sur l’utilisateur

33

QUESTIONS ?Avez-vous des

34