Vous êtes sur la page 1sur 18

Le design des interfaces numriques en 170 mots-cls

Apci *designerS interactifs* moveo systematic

Le design des interfaces numriques en 170 mots-cls

Des interactions homme-machine au design interactif

Couverture et frise intrieure : Geoffrey Dorne Maquette intrieure : Marie Lman Mise en pages : Datagrafix

Dunod, Paris, 2013 ISBN 978-2-10-058527-4

Table des matires


Prface Prsentation des partenaires Crdits Dfinitions Chronologie du design des interfaces numriques
Dunod Toute reproduction non autorise est un dlit.

7 9 13 15 159

Prface
Les interfaces sont devenues un lment essentiel dans la cration et le dveloppement de produits innovants, quil sagisse des secteurs de la sant, de la mobilit, de lnergie, de lducation ou de la culture. Avec les avances rapides des technologies, elles souvrent sur de nouvelles formes, se rinventent, se renouvellent, sont en constante volution. Comment allier fluidit et agilit de lamont laval de la chane de conception des Interfaces Homme-Machine ? Comment acclrer leur intgration dans le processus de conception dun produit complexe comme lautomobile ? Ces questions ont anim pendant plusieurs sessions un groupe dacteurs des domaines du transport, des communications et des services dans le cadre de latelier lanc en 2011 par lAPCI et les ples de comptitivit Moveo et Systematic. Un projet commun sest trs vite impos : dans ce vaste champ du numrique en cration permanente de notions nouvelles et de termes spcialiss, dfinir ensemble un lexique des IHM lusage des diffrents mtiers impliqus dans leur conception. Pour raliser ce projet, Moveo, Systematic et lAPCI ont fait appel *designers interactifs* qui avait conduit en 2009 ldition du Petit dictionnaire du design numrique. Lobjectif de ce dictionnaire tait alors de recenser lensemble des termes spcialiss relevant du design interactif et permettre ainsi une communication efficace entre designers, ingnieurs, chercheurs et entreprises. Ce travail de recherche contribuait galement clarifier les notions et dessiner les contours de cette discipline, jouer un rle pdagogique pour soutenir une pratique professionnelle encore mal intgre par les entreprises et participait la construction dune identit professionnelle plus lisible.

Dunod Toute reproduction non autorise est un dlit.

Prface

Notre projet commun se propose aujourdhui de complter cette dition en ouvrant son champ au domaine plus spcifique de la conception IHM. Un groupe dexperts, de professionnels (ingnieurs, ergonomes, designers) et duniversitaires sest constitu, anim par *designers interactifs*, avec lobjectif didentifier, de dcrire et de dcrypter les termes et concepts les plus frquemment utiliss par les diffrents mtiers dans les pratiques et processus de cration des IHM. Une cinquantaine de termes ont t dfinis et enrichissent ainsi la publication initiale. Cet ouvrage est le fruit dun travail collaboratif et pluridisciplinaire alliant grands groupes, PME, agences et laboratoires de recherche. Cette diversit a permis de faire jouer pleinement les complmentarits entre mtiers et entre secteurs et donne tout son intrt cet ouvrage. Ce projet ditorial a pu voir le jour avec la cration, via les ples de comptitivit et lAPCI, dun espace de rflexion partage, il sest appuy sur lexpertise de *designers interactifs* et sest nourri des riches contributions des experts, professionnels et universitaires que je remercie encore pour leur engagement et leur implication. Son ambition reste avant tout pratique : dans un univers numrique en constante volution, il favorise lmergence dun langage commun et permet ainsi de fluidifier les rapports entre les diffrentes parties prenantes de la conception IHM et de rapprocher les communauts impliques (technologie, ergonomie, design). Isabelle Edessa Innovation Exploration, Direction Recherche Innovation & Technologies Avances, PSA Peugeot Citron Membre du Domaine dActivits Stratgiques Solutions de mobilit intelligente , Moveo

Prsentation des partenaires


Moveo
Ple de comp titi vit en recherche et dve lop pe ment (R&D) Auto mo bile et Trans ports publics, Moveo dve loppe des pro jets collaboratifs innovants pour ren for cer la comp titi vit inter na tionale des entre prises fran aises et des ter ri toires. Moveo porte lambi tion de conci lier demande crois sante de mobi lit et rduc tion de limpact envi ron ne men tal et humain du trans port des per sonnes. Depuis sa cra tion en 2006, Moveo compte 340 membres et a labellis 289pro jets de R&D dont 136 qui ont reu le sou tien des pou voirs publics hau teur de 283 mil lions deuros. Les pro jets collaboratifs de Moveo se construisent autour de sept domaines dacti vi ts stra t giques (DAS). Un de ceux- ci, le DAS Solu tions de Mobi lit Intel li gente, sou haite pro mou voir des pro jets per met tant dvo luer dune mobi lit subie une mobi lit choi sie. Pour cela, il favo rise la mise au point de nou veaux moyens de mobi lit bass sur lint gra tion dans les trans ports de tech no logies de linfor ma tion et de la commu ni ca tion, le dve lop pe ment de solu tions dinter modalit et une mobi lit acces sible tous, y compris aux per sonnes mobi lit rduite. Cest dans ce cadre quest ne lide, en 2011, de crer une commu naut open inno va tion concep tion IHM, lieu dchanges et de par tage de bonnes pra tiques, ouvert des mtiers compl men taires et contri buant cha cun la concep tion de nou velles inter faces pour lauto mo bile et les trans ports. Cette commu naut, mise en place en par te na riat avec lAPCI et Systematic, sest fix comme pre mier chan tier la consti tution dun lan gage commun toutes

Dunod Toute reproduction non autorise est un dlit.

Prsentation des partenaires

les par ties pre nantes de la chane de concep tion des IHM; ce tra vail consti tue une pre mire tape avant le dve lop pe ment de pro jets dinno va tion collaboratifs. www.pole- moveo.org

Systematic
Au cur de la rvo lu tion num rique, le Ple de comp titi vit Systematic Paris- Rgion fdre en le- de-France plus de 650 acteurs indus triels, PME, aca d miques et inves tis seurs la croi se de quatre mar chs appli ca tifs forte dimen sion socitale (Auto mo bile & Trans ports, Tlcoms, Confiance Num rique & Scu rit, Ges tion Intel li gente de lnergie) et deux domainestechno lo giques (Logi ciel Libre et Outils de Concep tion et Dve lop pe ment de Sys tmes). Systematic Paris- Rgion dploie ses tech no logies et ses solu tions vers deux nou veaux domaines de mar ch, TIC et Ville Durable et TIC & Sant, dont le dve lop pe ment repose de faon crois sante sur les exper tises et savoirfaire des membres de Systematic Paris- Rgion. Au- del de la R&D collaborative, Systematic Paris- Rgion se fixe pour mis sion de dve lop per un co sys tme de crois sance favo rable au dve lop pe ment des PME en vue de leur pas sage en entre prises de taille inter m diaire. www.systematic- paris-region.org

APCI
LAPCI, cre en 1983, est une asso cia tion reconnue dint rt gn ral dont la mis sion est de valo ri ser et faire connatre les mtiers du design et leur vo lu tion. Elle accom pagne les entre prises dans leur stra t gie dinno va tion, conseille les orga nismes publics, pro meut le design et linno va tion fran aise linter na tional, valo rise et sou tient les pro fes sion nels du design. Cest une struc ture lgre qui agit au cur des rseaux dacteurs du design et de linno va tion en France et linter na tional : orga ni sa tions pro fes sion nelles, coles, agences de design, agences de dve lop pe ment, chambres de commerce, ples de comp titi vit, centres de pro mo tion du design. LAPCI orga nise lObserveur du design, qui est une vitrine du design au quo ti dien. ltran ger, sous la ban nire France design inno va tion, agences de design, entre prises et col es de design sont accom pa gnes par lAPCI pour des

10

Prsentation des partenaires

voyages dtude et de pros pec tion, dans le cadre des grands vnements inter na tionaux du design. Par ti cu li re ment active en Europe o elle mne des pro jets pilotes, lAPCI orga nise la conf rence annuelle sur le lien entre design et inno va tion et par ti cipe aux ins tances mises en place par la Commis sion euro penne. Elle ra lise et par ti cipe des tudes et recherches qui contri buent une meilleure connais sance de la pro fes sion. Elle anime le rseau Pas de Trans port sans Design! Elle sou tient linser tion des jeunes pro fes sion nels dans le cadre du Forum Design, mode demploi men en par te na riat avec le rseau dcoles France Design ducation. Elle publie des annuaires et des guides et rpond aux demandes dinfor ma tion et de conseil. www.apci.asso.fr

*designers inter ac tifs*


Orga ni sa tion pro fes sion nelle cre en 2006, *designers inter ac tifs* repr sente 750pro fes sion nels tra vaillant dans le champ du design inter ac tif en France et linter na tional. Lasso cia tion joue un rle dans la repr sen ta tion et la dfense des int rts de la pro fes sion auprs des ins tances publiques. Elle a pour objec tif de faire connatre et de valo ri ser les apports du design inter ac tif tous les sec teurs dacti vi ts, notam ment dans lco no mie num rique, et plus lar ge ment dans la socit. Elle veille ga le ment am lio rer la visi bi lit et la lisi bilit de la pro fes sion auprs des entre prises. Pour cela, *designers inter ac tifs* met en uvre, prin ci pa le ment Paris et Lyon, des ini tiatives de ter rain, des v ne ments et des publi ca tions. www.designersinteractifs.org

Dunod Toute reproduction non autorise est un dlit.

11

Crdits
Comit de pilo tage
Isabelle Edessa, PSA Peugeot Citron Frdrique Chabbert, Moveo Michal Four nier et Brigitte Leloup, Systematic Matthieu Plan chais, APCI Benot Drouillat et Marina Wainer, *designers inter ac tifs*

Coor di na tion di to riale, concep tion et ani ma tion des ate liers
Benot Drouillat et Marina Wainer

Comit ditorial
Nicole Pignier Jean- Yves Le Gall Xavier Chalandon

Par ti cipants aux ate liers


Dunod Toute reproduction non autorise est un dlit.

Sbastien Boisgrault Frdrique Chabbert Xavier Chalandon Saran Diakit Kaba Raphal Drap Isabelle Edessa Michal Four nier Alexandre Gouin Franck Lefevre Jean- Yves Le Gall Matthew Marino

Carola Moujan Laurent Nicolas Luciano Ojeda Sarah Pietrasik Matthieu Plan chais Denis Rafin Franoise Serralta Christophe Tallec Patrick Valaix Raphal Yharrasarry

13

Crdits

Contributeurs
Sbastien Boisgrault Pierre Bonnier Brigitte Borja de Mozota Frdrique Chabbert Xavier Chalandon Xavier Col let Thibaud Deveraux Raphal Drap Benot Drouillat Isabelle Edessa Michal Four nier Jean- Louis Frechin Cl ment Gault Alexandre Gouin An na Keroull Jules Leclerc Jean- Yves Le Gall Matthieu Marcatel Oli vier Marcellin Eric Marillet Matthew Marino Maxime Mollon Carola Moujan Laurent Nicolas Luciano Ojeda Sarah Pietrasik Nicole Pignier Matthieu Plan chais Franoise Serralta Franois Verron Stphane Vial Raphal Yharrasarry

Rdac teur
Pierre Bonnier

Chef de pro jet


Marina Wainer

Design frise chro no lo gique


Geoffrey Dorne

Remer ciements
PSA Peugeot Citron, Renault, Conti nen tal, User Stu dio, Mines Paristech, Digi tal Airways, iErgo, CPI.

14

Acceptabilitn. f.
Anglais: acceptability

Lacceptabilit est au sens premier l ensemble des conditions qui rendent quelque chose acceptable (Trsor de la Langue Franaise Informatis). Dans le contexte des interfaces, elle dsigne ce qui fait quune application ou un service est accept ou non par ses utilisateurs. Jakob Nielsen la dcrit comme la question de savoir si le systme est assez bon pour satisfaire tous les besoins et les attentes des utilisateurs et des autres parties prenantes potentielles, comme les clients des utilisateurs et leurs responsables . Lacceptabilit est en outre la probabilit qua la nouvelle fonction, le service ou le systme de trouver sa place parmi des valeurs et des schmas dusage prexistants. Nielsen distingue ainsi acceptabilit sociale et acceptabilit pratique.

Lacceptabilit sociale se rfre limpact que le produit ou le service cre sur un ensemble dutilisateurs : sil respecte ou non les normes sociales intgres par ce groupe. Par exemple, un service peut tre peru comme un moyen de surveillance de la hirarchie par les employs. Selon Nielsen, lacceptabilit pratique, quant elle, renvoie aux moyens technologiques disponibles, au cot du produit, sa fiabilit, mais aussi son utilit (capacit fonctionnelle du produit) et son utilisabilit (simplicit dusage). Par exemple, dans le domaine des interfaces hommemachine automobiles, on calcule le taux de fausses alertes quun conducteur est prt accepter pour tre protg par une fonction. Lacceptabilit peut aussi traduire le cot que lutilisateur est prt accepter dans ltablissement dun compromis entre les bnfices associs

Dunod Toute reproduction non autorise est un dlit.

15

Acceptation

lutilisation et la modification des schmas dusage et des valeurs dont il disposait. Par Pierre Bonnier, Luciano Ojeda et RaphalYharrassarry
Sources: >> Barrre, Gauthier; Mazzone, ric; Facteurs cl dans lacceptation dune nou velle technologie par les utilisa teurs, Gargarismes Ergonomiques, consult le 5 juillet 2012, <http://www. gargarismes-ergonomiques.com/post/ facteurs-cle-acceptation> >> Nielsen, Jakob, Usability Engineering, Morgan Kaufmann Publishers, 1993 >> Yharrassarry, Raphal, Acceptabilit, Le bloc-notes; ergonomie & UX, consult le 23 juin 2012, <http://blocnotes.iergo.fr/breve/ motsetphrases/acceptabilite/>

Acceptationn. f.
Anglais: acceptance Lacceptation dune technologie ou dun dispositif correspond lintention dusage effective dun systme par un utilisateur. Contrairement lacceptabilit qui renvoie aux attentes de lutilisateur de manire a priori vis--vis dun objet technologique, lacceptation est la rsultante des jugements mis aprs lutilisation de celui-ci. Ainsi lacceptation peut tre considre comme le moyen terme dans le continuum temporel qui caractrise le rapport tabli aux objets technologiques par lutilisateur : elle succde lacceptabilit et prcde lappropriation.

Fred D.Davis a propos un modle de lacceptation en 1989 qui fait encore rfrence aujourdhui : le T.A.M. (Technology Acceptance Model). Selon cette thse, lacceptation dune technologie par des utilisateurs dpend de deux facteurs : lutilit et lutilisabilit perues. La perception de ces deux lments dtermine en effet les intentions dusage des utilisateurs, influenant ainsi leurs comportements dutilisation. Davis dfinit lutilit perue comme le degr selon lequel une personne croira que lutilisation dun systme augmentera sa performance dans le travail. Lutilisabilit perue est, pour sa part, le degr selon lequel une personne croira que lutilisation dun systme se fera sans effort. Entre ces deux facteurs, Davis postule cependant que cest lutilit perue qui prime sur llaboration des attitudes, les intentions dusage et lutilisation effective du dispositif. Le modle dacceptation dvelopp par Davis connat cependant des critiques: certains, par exemple, sur la base des travaux de Richard L.Oliver, souhaitent fonder lacceptation sur la satisfaction de lutilisateur. Dautres encore, de manire plus radicale, remettent en question la notion mme dacceptation pour lui prfrer celle de symbiose: selon eux, la relation lobjet technologique ne se pose plus aujourdhui en termes dacceptation/ refus, mais se construit autour dun jeu dinfluences rciproques entre lobjet technologique et lutilisateur. Par Pierre Bonnier et Luciano Ojeda

16

Adaptation

Dunod Toute reproduction non autorise est un dlit.

Sources: >> Barrre, Gauthier; Mazzone, ric; Facteurs cl dans lacceptation dune nouvelle technologie par les utilisa teurs, Gargarismes Ergonomiques, consult le 5 juillet 2012, <http://www. gargarismes-ergonomiques.com/post/ facteurs-cle-acceptation> >> Brangier, ric; Dufresne, Aude; Hammes-Adel, Sonia; Approche symbiotique de la relation humaintechnologie: perspectives pour lergonomie informatique, inLe Travail humain, vol. 72, 2009 >> Davis, Fred D., Perceived Usefulness, Perceived Ease of Use and User Acceptance of Information Technology, inMIS Quarterly, vol. 13, septembre 1989 >> Deconde, Guillaume, La Facilit dutilisation: une croyance prcurseur de lacceptation, Interaction Homme-Machine, consult le 5 juillet 2012, <http://www.guillaumedeconde.com/articles#329> >> Schade, Jens; Schlag, Bernhard; Acceptability of Urban Transport Pricing Strategies, in Transportation Research Part F: Traffic Psychology and Behaviour, vol. 6, mars 2003

On distingue laccessibilit physique, qui permet aux utilisateurs dficients (visuels, auditifs, physiques, cognitifs, ou neurologiques) dutiliser un produit, de laccessibilit technologique, qui permet dy avoir accs quel que soit le matriel utilis. Lobjectif de laccessibilit nest pas quun produit interactif soit peru de la mme faon par tous les utilisateurs, mais quune alternative daccs existe pour tous. Pour le Web, les normes daccessibilit ont principalement t dfinies par le W3C dans la Web Accessibility Initiative (WAI) et le Web Content Accessibility Guidelines (WCAG). Par Jules Leclerc
Sources: >> Arent, Micheal; Arnowitz, Johnathan; Berger, Nevin; Effective Prototyping for Software Makers, Morgan Kaufmann Publishers, 2006 >> Accessibility, Usability.gov, consult le 22 juillet 2012, <http:// www.usability.gov/pdfs/chapter3.pdf> >> Web Accessibility Initiative (WAI), consult le 22 juillet 2012, <http:// www.w3.org/WAI/> >> Web Content Accessibility Guidelines (WCAG) 2.0, World Wide Web Consortium, consult le 22 juillet 2012, <http://www.w3.org/TR/ WCAG20/>

Accessibilitn. f.
Anglais: accessibility Laccessibilit est la qualit de ce qui est accessible. Dans le domaine informatique, laccessibilit est la capacit dun produit interactif tre utilisable par tous les profils dutilisateurs. Res pecter les rgles daccessibilit a pour objectif principal de permettre aux personnes handicapes ou seniors de se servir des logiciels et des sites web.

Adaptationn. f.
Anglais: adaptation Ladaptation est la transformation dun lment en vue de sa meilleure adquation avec des paramtres

17

Affichage tte haute

extrieurs. Dans le contexte des interfaces, trois acceptions du terme peuvent tre distingues: Ladaptation de lutilisateur : capacit de lutilisateur ajuster son comportement par rapport aux spcificits de fonctionnement de linterface. Il sagit du cot physique et/ou cognitif que lutilisateur doit engager pour pouvoir se servir du dispositif. Cela passe notamment par lapprentissage de procdures spcifiques. Une trop grande demande dadaptation de la part de lutilisateur par linterface nuit son efficacit et son confort ; elle est donc considre comme le signe dune mauvaise conception de linterface. Ladaptabilit (adaptability): capa cit dun systme permettre luti li sateur de personnaliser son sys tme par tir dun ensemble de para mtres pr dfinis (David Thevenin, Jolle Coutaz, 1999). Luti li sa teur peut modifier linterface pour que celle-ci rponde mieux ses besoins, que ce soit en fonc tion de ses propres prfrences ou de la tche raliser. Ladaptativit (adaptativity): capa cit dun systme sadapter auto ma tiquement, sans action explicite de la part de lutilisateur (op. cit.). Linter face se modifie delle-mme afin de mieux rpondre aux spci fi cits du contexte. Il peut sagir dune adaptation la variabi lit de la population dutilisateurs concerne, tant en termes de besoins

que de capacits (novice/expert, profil socio logique, mensurations, etc.), ou bien la variation du contexte dutilisation proprement dit (jour/nuit, intrieur/extrieur, etc.). Par exemple, une assistance la conduite sadapte au contexte de roulage et au style de conduite de lutili sa teur, afin dintervenir ou de laver tir de la manire la plus perti nente possible. Ainsi, un systme adaptatif dsigne une interface capable de prendre en considration une diversit denvironnements fonctionnels ainsi que leur volution dans le temps. La plasticit dune interface est la capacit dune interface utilisateur supporter les variations des caractristiques physiques du systme et de son environnement, tout en prservant sa facilit dutilisation (op. cit.). Par Pierre Bonnier et Luciano Ojeda
Source: >> Coutaz, Jolle; Thevenin, David; Plasticity of User Interfaces: Framework andResearch Agenda, in Proceedings of INTERACT99, 1999

Affichage tte hauten. m.


Anglais: Head-Up Display (acronyme: HUD) Un affichage tte haute est un lment dinterface transparent qui permet la reprsentation dinformations contextuelles sans que son utilisateur nait besoin de dtourner les yeux de son point dattention.

18