présentation intuilab aux microsoft techdays 2010
DESCRIPTION
Alban Hermet présente IntuiSign, le Design Flow IntuiLab pour la conception et la réalisation d'applications surface computing (multitouch)TRANSCRIPT
Quelle démarche de designpour les applications multitouch ?
Alban [email protected]
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