Les métiers du design interactif

Les

mt

iers

du

desi

gn in

tera

ctif

di

tion

201

1-20

12

Conc

eptio

n gr

aphi

que

: Tex

tual

is, O

livie

r Mar

celli

n, 2

011

Les mtiers du design interactif dition 2011-2012Ldition 2011-2012 du Guide des mtiers du design interactif dresse le panorama des principales expertises du design interactif, un champ en volution permanente. 18 mtiers y sont prsents, complts de por-traits de professionnels. Ces approches illustrent la diversit des pra-tiques lies la chane des mtiers du design interactif : architecture de linformation, gestion de projet, design dinterfaces mobiles, design de service, design dinteraction Dans la seconde partie, le guide car-tographie lcosystme des acteurs du domaine : associations profes-sionnelles, organismes de promotion, prix de design, etc.

Organiser et promouvoir les mtiers du design numrique

*designers interactifs*, association loi 1901, a t cre en 2006 avec la volont de faire du design interactif une dmarche mieux intgre et reconnue dans le dveloppement de tous les secteurs dactivit, travers ses bnfices et ses mtiers. *designers interactifs* met en uvre, Paris et en rgion, avec ses 650 membres de multiples initiatives visant amliorer la visibilit de la pro-fession et la lisibilit de ses apports lconomie et la socit.

www.designersinteractifs.org

Deve

nez

mem

bre

de *d

esig

ners

inte

raci

tfs* s

ur w

ww

.des

igne

rsin

tera

ctifs

.org

Les mtiers du design interactifdition 2011-2012

Sommaire

02 Avant-propos

Les mtiers 04 Architecte de linformation 12 Chef de projet ditorial web 16 Chef de projet interactif 20 Designer et dveloppeur dapplications riches 24 Designer de service 30 Designer dinformation 34 Designer dinteraction 44 Designer sonore 50 Dveloppeur front-office 60 Dveloppeur web 72 Designer dinterfaces mobiles 76 Directeur artistique interactif 86 Directeur de cration interactive 90 Ergonome web 98 Motion designer 106 Rdacteur web 110 Webdesigner 120 Webmaster

124 Les associations professionnelles et les organismes de promotion178 Les comptitions et les prix218 Les vnements et les confrences226 Bibliographie : design interactif234 Les liens utiles

Les mtiers du design interactif dition 2011-2012

2

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

3

Avant-propos

Le Guide des mtiers du design interactif, dont la prsente dition est la 4e volution majeure, rassemble les dfinitions de 18 mtiers. Si leur seg-mentation pourrait paratre quelques fois artificielle (designer de service est-il vraiment un mtier?), elle offre le mrite de rendre compte de la mul-tiplicit des pratiques de conception qui manient la matire numrique. Cest cette diversit que nous avons privilgie en intgrant toute la chane des mtiers qui sont lis par lactivit de conception, quelle relve de lin-terface proprement parler ou du contenu.

Loin dtre une discipline unifie, le design interactif rpond une filiation complexe de courants, de cultures, de notions qui shybrident en perma-nence. Lincessant dbat terminologique autour des mtiers du design inte-ractif est le symptme visible de cet entremlement.

Les mtiers du design interactif sinscrivent dans une perspective vo-lutionniste, o sont lisibles en filigrane les grandes innovations de rupture de notre poque ou parfois simplement lmergence de nouveaux usages. Cette anne, nous avons particulirement mis en avant le design de service, aprs avoir soulign le design dinterfaces mobiles.

Chacune des dfinitions a t labore par un ou plusieurs professionnels en activit, ce qui permet de leur garantir une pertinence tant pratique que thorique.

Benot Drouillat, prsident fondateur de *designers interactifs*, octobre 2011

4Les mtiers du design interactif dition 2011-2012

5

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

Son activit est fonde sur la dimension interactive du projet pour permettre aux utilisateurs de combler leur besoin en information et de faciliter laccomplissement dactivits que le service propose. De part la transversalit que son intervention implique, larchitecte de linformation collabore avec lensemble des intervenants : lquipe projet du client et lquipe design interne.

Larchitecte de linformation prend ainsi en compte les aspects marketing, lidentit de marque, la communication, la smantique, le design visuel, les profils dutilisateurs, lergonomie web et la tech-nologie. Il traduit le comportement des utilisateurs en solutions de conception et formalise de manire conceptuelle et schmatique des livrables tels que larborescence, le story-board ou encore le scnario dusage.

Responsable de la structure et de la terminologie du contenu dun site web ou dune application, larchitecte de linformation oriente lexprience utilisateur.

Bien que linformation soit une abstraction indpendante de la forme et par consquent impossible designer, la faon dont nous reprsentons linformation aux autres est dune importance cruciale, dans la communication du sens mme de cette information.

Jef Raskin

Architecte de linformationPar Benot Drouillat (User Experience Designer)

4



6

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

7

Les mtiers du design interactif dition 2011-2012 Architecte de linformation

Activits

Au niveau du design

Larchitecte de linformation dfinit des structures, des taxinomies et des sys-tmes de navigation pour des sites internet, extranet et intranet ainsi que pour dautres types dapplications en ligne. Il imagine des solutions qui comblent les besoins marketing et les objectifs des utilisateurs. Il mne des analyses concurentielles (comprenant : utilisabilit, interaction et design dinterface, etc.). Il planifie, conduit ou participe la recherche et aux tests utilisateurs (sauf sil y a un spcialiste de lutilisabilit au sein mme de lquipe design).

Il dfinit ou supervise le comportement de linterface et son organisation spatiale. Il cre et met jour les documents de spcifications fonction-nelles. Il facilite les tudes ethnographiques, lanalyse des tches et ven-tuellement les ateliers de co-cration.

Il labore ou valide des story-boards (ou wireframe en anglais : reprsen-tation schmatique dune interface) avec le chef de projet et le directeur de cration.

Au niveau de lquipe

Larchitecte de linformation sassure que le design (visuel et sous dautres formes de reprsentation) sert le sens (la perception et la comprhension dune information). Il briefe les quipes de designers et de dveloppeurs, sassure que la documentation concernant larchitecture de linformation est constamment mise jour et transmise lquipe de production.

Il prend part des sessions de brainstorming cratif. Il travaille avec les designers sur des maquettes dinterfaces et sassure que le design visuel saccorde avec les interactions ralisables par lutilisateur.

Il informe le chef de projet du moindre lment qui pourrait affecter le calendrier ou le droulement du projet. Il vrifie la qualit des livrables pen-dant leur production.

Il promeut et explique larchitecture de linformation en tant que discipline, notamment sa mthodologie et ses bnfices dans le cadre du projet.

Au niveau du client

Larchitecte de linformation comprend le mtier du client, ses besoins/objectifs internes et externes. Il contribue llaboration du cahier des charges en menant des sances de travail avec le client, laide dun bench-mark concurrentiel. Il dresse linventaire du contenu disponible. Il prsente toutes les tapes de larchitecture de linformation et du design dinterface aux membres de lquipe et au client. Il conduit des entretiens clients pour assurer la validation du primtre fonctionnel, de larchitecture de linformation, des objectifs marketing et du design de linterface. Il participe de manire informelle et formelle aux remarques sur le design. Il fournit un point davancement rgulier aux quipes du projet sur les livrables de con-ception, afin de sassurer que leurs demandes sont bien prises en compte.


8

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

9

MtierArchitecte de linformation

8


Interview de Pauline Thomas

Quel est votre parcours? (tudes, expriences professionnelles)Jai commenc par tudier la photographie qui reste une activit que je dve-loppe en parallle, puis jai fait le master en apprentissage conception-ra-lisation multimdia aux Gobelins, lcole de limage. Jai achev mes tudes par un post-diplme Atelier de recherche interactive lEnsad.

En tant apprentie, jai commenc travailler assez jeune dabord dans une galerie photo puis chez MK2 et enfin lIna (Institut national de laudio-visuel). Ce fut une premire opportunit trs enrichissante car jeu la chance de dvelopper avec une quipe trs restreinte loffre grand public rendant accessible les archives de la radio et de la tl. Jtais alors en charge de la conception fonctionnelle, direction de cration et de larchitecture dinfor-mation. Ensuite, jai travaill dans lagence Uzik pour qui jai travaill essen-tiellement en tant que concept designer, designer dinteraction, architecte dinformation. Puis je suis partie travailler Londres en tant que freelance chez Orange et O2, aujourdhui je travaille pour Adobe et quelques agences franaises en tant que UX designer et visual designer.

Sur quel type de projets intervenez-vous?Aujourdhui je travaille notamment sur le design dapplications web et sur des sites de marque qui ncessite une meilleure exprience client notamment pour les sites e-business. En parallle, je travaille sur des projets plus ind-pendants, sur des installations interactives ou des projets comme la Smart-Map de Ddale, plateforme de recherche et de production consacre la culture, aux technologies et linnovation sociale en Europe.

Quelles sont les comptences ncessaires selon vous pour exercer votre mtier?Ce sont avant-tout des qualits humaines, puis de logique et dattention pour le dtail et la qualit. Lcoute, la diplomatie, la flexibilit sont les pre-mires qualits pour aborder un brief et la rflexion. Ensuite il est essentiel davoir une vision, dtre assez idaliste mais raliste pour accompagner la stratgie de votre client.


10

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

11

Architecte de linformation

Lorganisation est essentielle pour canaliser les ides et les cadrer dans son espace mental mais la crativit va guider lensemble pour les incarner dans le systme que vous aurez cr. Donc il faut sinspirer, se cultiver, sintres-ser ce qui se fait, se dit, se mettre la place des gens qui vont utiliser lapplication. Tout est intgrer dans la rflexion... Il ne faut pas avoir lim-pression de travailler! Simplement sintresser aux mcanismes des choses, des comportements, des usages, des gens. Jai remarqu que beaucoup de designers font de la photographie, ce nest peut-tre pas un hasard... Je crois quil faut tre surtout passionn, vouloir innover dans la socit son niveau, aimer faciliter la vie des gens finalement...

En quoi consiste votre mtier? Quel est votre rle auprs des quipes du projet et du client?Le mtier sexerce tout fait diffremment en France et dans les pays anglo-saxons. Cest un vaste sujet quil faudrait prendre le temps daborder... dune part lintitul diffre selon les agences en France mais reste commun dans les pays anglo-saxons... Cherchez lerreur! Dautre part, les quipes projet ne sont pas constitues de la mme manire en France quaux tats-Unis ou en Angleterre. Actuellement, je travaille avec la mthode Agile pour une entre-prise amricaine avec plusieurs quipes dispatches dans le monde entier (US, Inde, Roumanie, Ecosse, Canada). Jy travaille de manire intgre mais compltement indpendante, je suis seule faire ce que je fais et jai donc autorit sur ce quon appelle lUX1, lUI2, je travaille de manire rapproche (par mail et tlphone) avec les dveloppeurs et avec les chefs de produit qui mapportent les business requirements. moi de faire les interviews avec les utilisateurs, analyser les besoins et les risques puis proposer une design strategy, larchitecture dinformation, le design des interfaces pour crer au final lexperience adapte aux besoins.

En agence, cest tout fait diffrent, car je travaille souvent en contexte dappel doffre o je dois concevoir un concept, les pages et modules cls en seulement 5 jours de manire compltement autonome, ce qui devrait tre interdit! Autre vaste sujet dbattre...

Quelles sont les perspectives dvolution dans votre mtier?normes! Nombre de recruteurs ou entreprises en qute de lUX designer ou de larchitecte dinformation qui ne trouve personne embaucher. Il est vrai que ce mtier ne se fait pas directement en sortant de lcole moins davoir eu des expriences de travail avant ou pendant. Souvent personne nest aussi mme de juger les qualits dun UX en interne. Mais je crois quil faut crer notre mtier en France donc je dirais que tous concepteurs dans lme quils soient plutt dveloppeurs, intgrateurs ou graphistes, devraient se lancer dans larchitecture dinformation et la conception de lexperience utilisateur qui marchent souvent ensemble. Mme si au final, le mtier est dur imposer en interne, car on saffronte des querelles de pouvoir et lincomprhension du mtier, il faut imposer cette nouvelle vision qui est minemment lie au dveloppement durable des projets et de lconomie des entreprises, ce nest pas seulement du design... Je pense quil est pratiquement obligatoire davoir un UX dans son entreprise aujourdhui. On est loin du compte!

Les perspectives dpendent aussi beaucoup de lvolution des organisa-tions, le systme des entreprises franaise trs hirarchis o ni la trans-versalit ni le design de service ni lesprit dquipe ne sont intgrs dans la culture dentreprise naide vraiment pas raliser des projets de qualit. Cest pour cela quil y a de la place si on a envie de rvolutionner un peu le conser-vatisme la franaise... Bon courage!

Quels conseils donneriez-vous ceux qui souhaitent devenir architecte de linformation?Travailler en France dans ce domaine est difficile mais cest une trs bonne cole, donc je conseille chacun daller faire un tour Londres o il y a beau-coup de travail pour des freelances pour connatre une autre manire de tra-vailler et sinspirer de la crativit anglaise, la culture du design et des mtho-des de travail appliques par tous, et tout a 2h20 de Paris.

Pour la veille technologique, cest trs utile de voyager et voir ce quil se fait ailleurs pour apporter des ides fraches vos clients. Puis finalement, jai utilis beaucoup de mots anglais pour parler du mtier car il ny a pas dquivalents pour linstant, cest preuve que les choses se passent vraiment l-bas pour linstant.

1 UX User Experience2 UI User Interface

12


13

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

Ces supports peuvent tre un site web institutionnel, un site produit, un intranet, une newsletter, un blog, etc. Il coordonne les parties pre-nantes du projet et sassure de la qualit des livrables, du respect des dlais et de la satisfaction du client.

Il est dot dune grande aptitude rdactionnelle : got pour les mots et lcriture, capacit synthtiser, matrise parfaite de lorthographe et de la grammaire, rigueur.

Il dveloppe une vritable capacit faire avancer plusieurs dossi-ers simultanment, anticiper les problmes, grer les urgences, trouver les solutions.

Il joue un rle de conseil et oriente le service, afin dapporter des so-lutions, des amliorations, voire des recommandations innovantes. Il sapproprie la problmatique du client. Le chef de projet ditorial doit sinterroger sur ce qui dfinit la nature dun contenu dans le contexte des mdias numriques.

En agence ou en rgie chez le client, le chef de projet ditorial pilote la refonte ou lanimation ditoriale des supports de communication.

Les consultants ditoriaux de lre numrique doivent devenir des philosophes des donnes et explorer la mtaphysique du contenu, en commenant par la question suivante : Quest-ce que le contenu ?.

Rachel Lovinger

Chef de projet ditorial webPar Arnaud Lacroix (WordAppeal)


14

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

15

Chef de projet ditorial web

Activits

Au niveau du design

Le chef de projet ditorial web assure la rdaction en chef des contenus quelle que soit leur forme (textuelle, vidos, podcast, etc.). Il coordonne le travail des rdacteurs et des webmasters. Il identifie les besoins en contenu pour le projet, inventorie les contenus existants (inventaire de contenu) et signale les sources additionnelles ncessaires.

Il passe en revue les contenus avec les quipes de lentreprise cliente et valide la pertinence du canal de diffusion, les cibles et le planning de mise en ligne. Il sassure auprs des parties prenantes du projet que les contenus demeurent pertinents au fil du temps et sont mis jour rgulirement. Il veille rendre les contenus conformes aux critres daccessibilit.

Au niveau de lquipe

Le chef de projet ditorial web value la charge de travail, planifie et assure le suivi de la production des contenus dlgus aux rdacteurs web. Il dfinit les priorits de production, rpartit les tches et connat le stade davancement du travail pour le communiquer au client. Il envoie les contenus en traduction et suit les tapes de validation avec le client.

Dune manire plus vaste, il est souvent amen prendre en charge le pi-lotage des diffrents prestataires externes runis autour du projet. Il gre la relation avec le client et anime les comits ditoriaux. Il tablit avec le client les process de validation des contenus. Il prend en compte les retours du cli-ent sur les livrables et les demandes de modifications. Il conduit le recettage ditorial de lensemble des pages avant leur mise en ligne.

Production ditoriale

Le chef de projet ditorial web assure la rdaction en chef des contenus quelle que soit leur forme (textuelle, vidos, podcast, etc.). Il coordonne le travail des rdacteurs et des webmasters. Il identifie les besoins en contenu pour le projet, inventorie les contenus existants (inventaire de contenu) et signale les sources additionnelles ncessaires. Il passe en revue les contenus avec les quipes de lentreprise cliente et valide la pertinence du canal de diffusion, les cibles et le planning de mise en ligne. Il sassure auprs des parties prenantes du projet que les contenus demeurent pertinents au fil du temps et sont mis jour rgulirement. Il veille rendre les contenus conformes aux critres daccessibilit. Gestion de projet

Le chef de projet ditorial web value la charge de travail, planifie et assure le suivi de la production des contenus dlgus aux rdacteurs web. Il dfinit les priorits de production, rpartit les tches et connat le stade davancement du travail pour le communiquer au client. Il envoie les contenus en traduction et suit les tapes de validation avec le client.

Dune manire plus vaste, il est souvent amen prendre en charge le pi-lotage des diffrents prestataires externes runis autour du projet. Il gre la relation avec le client et anime les comits ditoriaux. Il tablit avec le client les process de validation des contenus. Il prend en compte les retours du cli-ent sur les livrables et les demandes de modifications. Il conduit le recettage ditorial de lensemble des pages avant leur mise en ligne.

16


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

17

En fonction des contextes dexercice du mtier (en agence ou chez lannonceur, par exemple), les rles et responsabilits du chef de pro-jet interactif sont trs varis.

Son intervention comprend le management de lquipe, des res-sources externes ou internes, le respect du budget, du calendrier (plannification), le suivi et lattribution des tches.

Il veille galement la rentabilit du projet et sa qualit globale. Il assure en permanence la relation avec le client. Il peut travailler pour diffrents clients et sur des projets aussi divers que des cam-pagnes de-mails marketing, des crations ou des refontes de sites web, des campagnes de publicit interactives.

Le chef de projet interactif intervient aux diffrents moments cls : en phase de cadrage, en phase de conception, en phase de produc-tion, en phase de recettage/livraison/clture. Il peut tre mobilis dans la maintenance du site.

Le chef de projet interactif est garant de la mise en uvre complte de projets de design et de dveloppement.

La gestion de projet web est devenue un enjeu de succs crucial pour une grande diversit dorganisations.

Thomas J. Shelford, Gregory A. Remillard, Real Web Project Mana gement, Addison-Wesley Professional, New York, 2002

Chef de projet interactifPar Benot Drouillat (User Experience Designer)


18

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

19

Chef de projet interactif

Activits

En phase de cadrage

Le chef de projet interactif dfinit avec le client le primtre du projet et peut tre amen formaliser le cahier des charges, voire le brief de design. Il formalise des devis pour les nouvelles demandes du client, en explique les charges de travail associes. Il prpare et anime la runion de lancement du projet (kick-off meeting). Il rdige un manuel dorganisation de projet (MOP) et met en place les comits de pilotage et les comits oprationnels. Il plan-nifie le calendrier du projet (planning).

Le chef de projet interactif construit lquipe du projet, assigne les respon-sabilits de chacun, et recense les besoins en ressources de production. Il slectionne des prestataires et des freelances selon les besoins.

En phase de conception

Le chef de projet interactif dveloppe une comprhension approfondie du mtier de son client et de ses objectifs internes et externes. Il matrise ce titre les mthodologies du design et du dveloppement, et sappuie sur ces connaissances pour dfinir lutilisabilit des interfaces et leur faisabilit. Il anime des runions de travail avec le client.

Si dans lorganisation de lagence il nexiste pas darchitecte de linformation ou dergonome, le chef de projet prend en charge la formalisation des story-boards et ventuellement les spcifications fonctionnelles, quil valide. Il peut jouer un rle de conseil en formalisant des benchmarks concurrentiels et en formulant des recommandations.

En phase de production

Le chef de projet interactif prpare les diffrents types de runions de suivi de projet. Il coordonne les diffrents intervenants et prestataires entre eux pour que chacun prenne connaissance de son primtre dintervention, de la mthodologie et des dates butoirs. Il dtaille lquipe de production leurs tches respectives et en assure

Il sassure que les priorits du projet sont clairement nonces et comprises par lquipe et sefforce de faciliter la collaboration entre les intervenants. Il sassure que les lments produits correspondent ce qui a t spcifi et argumente efficacement les propositions de design ou les recommanda-tions de lquipe. Il prend en compte les retours du client sur les livrables, les demandes de modifications et les qualifie. Il gre ses attentes et priorise les demandes. Il suit le temps pass par les diffrents intervenants du projet. Il sassure de la bonne qualit des livrables.

Il value lefficience des mthodes internes. Il diffuse les bonnes pratiques et les dbriefs du client pour aider chaque membre de lquipe progresser. Il tablit une relation de pairs avec les autres chefs de projet et collabore avec eux amliorer progressivement la mthodologie de gestion de projet. Il gre la motivation des membres de lquipe. Il rsout les conflits et lve les blocages lis au projet.

En phase de recettage, de livraison et de clture

Le chef de projet interactif suit le dploiement, met en place des tests et toute la dmarche affrente. Il assigne les corrections lquipe, les requalifie si besoin et suit les modifications. Il sassure que le client dispose de tous les livrables prvus. Il lui envoie tous les lments permettant de clturer le pro-jet (procs verbal de recette). Il organise, classe et archive tous les documents et ressources relatifs au pro-jet et ralise le post-mortem (analyse du dcalage entre le cycle de vie ideal et le cycle de vie reel du projet).

20


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

21

Ils crent des applications interactives laide dapplications comme Adobe Flash, Flex, Director, Microsoft Silverlight (pour ne citer que les plus utilises), pouvant dialoguer avec des bases de donnes et aisment paramtrables. Leur intervention permet de donner vie des designs dinterface, imagins avec le directeur artistique, dots de possibilits interactionnelles riches.

Ils collaborent troitement avec les designers et les chefs de projet pour imaginer des projets de sites web, des campagnes de publicit interactives, des jeux, des animations, des CD-ROM, des interfaces de DVD et dautres types de modules interactifs. Ils contribuent chaque tape du travail de cration, la recherche du concept et aux story-boards jusqu limplmentation du site.

Le travail dun designer et dun dveloppeur dapplications riches est de conceptualiser, coder, et intgrer des contenus interactifs dans des pages web travers des langages de programmation orients objet (notamment Java, Ajax, ActionScript, etc.).

En participant lintgralit de lexprience utilisateur, les designers peuvent crer une experience sensorielle riche, qui contribue immerger et encourager les usagers devenir pleinement impliqus dans le site et son message travers limmersion, lusager exprimente le plaisir et la satisfaction : des qualits positives qui seront transfres votre marque.

Sharon Lee

Designer et dveloppeur dapplications richesPar Benot Drouillat (User Experience Designer)

Tran Nguyen Ngoc (dveloppeur Flash)


22

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

23

Designer et dveloppeur dapplications riches

Activits

Au niveau du design et de linteractivit

Le design et le dveloppeur dapplications riches crent des contenus in-teractifs ou des applications en utilisant la fois la timeline du logiciel et la programmation. Ils intgrent des animations vectorielles ou de linteractivit au sein de sites dvelopps en HTML ou produisent des interfaces intgrale-ment dveloppes sur une plateforme ddie. Ils dterminent la faisabilit des concepts avec les autres membres de lquipe design. Le cas chant, ils arbitrent entre les contraintes techniques et les choix du design. Ils tran-scrivent et spcifient les interactions de lutilisateur et le comportement de linterface du concept la mise en ligne du projet.

Ils transcrivent les concepts cratifs et les cinmatiques en animations vectorielles. Ils encodent, intgrent la vido et le son dans linterface. Ils programment les lments du projet en se fondant sur les spcifications fonctionnelles et la direction artistique aussi fidlement que possible. Pour illustrer un concept, en particulier dans les phases davant-vente, ils produ-isent des prototypes fonctionnels partir des fichiers sources du design et des indications fournies dans les documents de conception.

Ils organisent les fichiers sources du projet et crent des composants ru-tilisables. Ils prennent en compte les problmatiques daccessibilit sur les plateformes de dveloppement dapplications riches, ainsi que le rfrence-ment.

Au niveau de lquipe

Le designer et le dveloppeur dappli cations riches informent et sensibi-lisent le client des possibilits et des contraintes du dveloppement lies aux technologies. Ils contribuent dfinir le besoin et les spcifications fonctionnelles des projets. Ils tissent le lien entre les designers dinterface et les ingnieurs pour lintgration des applications web et pour quilibrer les exigences cratives avec les besoins techniques. Ils formalisent lestimation de la charge de travail.

Ils influencent la direction artistique et linspiration crative, technique et interactive. Ils travaillent directement avec les chefs de projet, estiment le temps pass sur les projets, et recettent les diffrentes tapes de program-mation.

Au niveau du dveloppement

Le dveloppeur dapplications riches tablit larchitecture technique appro-prie pour lappli cation, fonde sur le primtre du projet et ses spcifica-tions.

Il dveloppe et recette les fonctionnalits. Il intgre des fichiers XML et des scripts aux fichiers de dveloppement. Il crit et manipule les langages orients objet et fait interagir linterface avec les langages orients serveur.

Il identifie, documente, et anticipe lapplication des meilleures pratiques (en termes de mthodologie, de standards de dveloppement, de structure et de mthodes de test).

Il assure la compatibilit de lapplication avec diffrents systmes dexploitation et navigateurs. Il dbuggue lapplication et amliore la perform-ance et optimise le code.

24


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

25

Designer de servicePar Benot Drouillat (User Experience Designer)

Matthew Marino (designer de service, User Studio) Marine Rouit (designer de service, Attoma) Christophe Tallec (designer de service, Utilisacteur) Stphane Vial (designer interactif et philosophe, Lektum)

En portant un regard sur tout lcosystme du service, le designer scnarise le parcours de lutilisateur et dfinit les diffrents points de contact, ainsi que le jeu des processus de co-production du service, entre utilisateur et fournisseur. Le service doit tre conu tant dans sa dimension frontale avec lusager que celle rserve au fournisseur de service.

la diffrence dautres disciplines du design, le design de service traite des interactions homme/homme et pas seulement des interac-tions homme/machine.

Le designer de service met en uvre un ensemble de mthodolo-gies qui lui permettent de comprendre le contexte et les personnes, de positionner le projet, dexplorer des concepts et des solutions, de slectionner les propositions de design appropries, de les matrial-iser et de les implmenter.

Multi-disciplinaire par nature, lactivit de design de service fa-vorise (sappuie souvent) sur la collaboration de professionnels issus dhorizons diffrents (sociologues, scnaristes, ergonomes, graph-istes, designer dinteraction, designers produitetc).

Le design de services sintresse la fonctionnalit et la forme des services du point de vue des clients. Il a pour objectif de sassurer que linterface du service est utile, utilisable et dsirable du point de vue du client et efficace, performante et diffrenciante du point de vue du fournisseur.

Birgit Mager

Dans le design de services, qui sappuie sur lvolution historique dune conomie industrielle vers une conomie de services, le rsultat final du projet est une stratgie densemble, mlant produits et dispositifs immatriels (interfaces, relations humaines). Lintervention du designer de service se situe ainsi lchelle des systmes.


26

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

27

Designer de service

Activits

Au niveau du design

Le designer de service comprend le lien entre un projet et sa ralit sur le terrain. Il peut adopter une dmarche de co-conception avec les utilisateurs. Il met en vidence les besoins latents ou conscients des usagers, leurs at-tentes et leurs motivations. Il cherche comprendre leurs valeurs, leur com-portement, etc.

Il cartographie le contexte (conomique, social, juridique, politique, his-torique, culturel), afin de permettre son client de mieux apprhender les contraintes et les ressources disponibles (technologiques, humaines, finan-cires).

Il explore les opportunits dinnovation en fonction des objectifs et des moyens du client. Pour cela, il met en oeuvre des mthodes et des outils : an-alyse de march, benchmark, interviews dutilisateurs, analyse en contexte, ethnographie, sondages...

Le designer de service et le client positionnent stratgiquement le projet en lui assignant un primtre et des objectifs. Le designer de service dfinit quels lments dinformations du contexte et quelles donnes peuvent tre exploits et selon quelle mthodologie. Il sassure que la stratgie dfinie correspond aux objectifs.

Le designer de service dveloppe des concepts. Il conoit une exprience de service dans chacun de ses dtails et dispositifs, en sappuyant sur les tapes prcdente et en particulier les lments tangibles extraits de la prise en compte des utilisateurs. Il formalise des scnarios dusage et lab-ore les points de contact (touchpoints), les interfaces ncessaires du service. Trs souvent, celles-ci sincarnent par des dispositifs multi-canaux (interactions clients en front-office, documents imprims ou numriques, espaces de services).

Le designer de service slectionne les ides les plus pertinentes et com-bine les concepts retenus, selon des critres spcifiques (technologiques, ergonomiques, juridiques). La performance et la qualit des composants du service sont testes et mesures, grce des prototypes. Diffrentes mthodes et outils peuvent tre envisags : tri de carte, personas, analyse experte, tude de faisabilit, analyse des tches, etc.

Le designer de service dveloppe, spcifie et implmente les propositions retenues, les prototypes et la mthodologie : il rend tangible le projet et ne se limite pas produire des concepts. Il formalise un document qui dtaille le fonctionnement du service.

Au niveau de lquipe

Le designer de service travaille au sein dune quipe pluridisciplinaire. Il co-ordonne et facilite des sessions de brainstorming ou des ateliers de travail avec lquipe projet et avec les clients.

Il sappuie sur des experts pour dfinir quels sont les concepts les plus ju-dicieux et pour leur donner corps. Il dlgue la ralisation des points de con-tact et collabore avec dautres mtiers : sociologues, designer dinformation, designer dinteraction, graphistes, dveloppeur, etc.

Au niveau du client

Le designer de service peut intervenir soit en tant que prestataire extrieur, soit en tant que collaborateur intgr une entreprise, un organisme, une collectivit. Dans les deux cas, il doit parfaitement comprendre la culture et le mtier de la structure. En tant que prestataire extrieur, il collabore suiv-ant le primtre dun projet avec un ou plusieurs services concerns. Son in-tervention implique parfois des changements organisationnels. En tant que designer intgr dans la structure, il contribue la diffusion progressive des mthodologies du design de service au sein des quipes de conception de services.


28

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

29

Designer de service

Dans ltape de slection des concepts, le designer de service implique les dcisionnaires autant que possible. Le designer de service facilite la com-prhension des ides et des concepts par les quipes multidisciplinaires et le client en adoptant une dmarche de visualisation, en cartographiant les processus et en illustrant les scnarios potentiels. Il fournit ainsi une base de discussion plus concrte grce des dessins, des montages vido, des prototypes Il peut simuler lexprience du service travers diffrents scnarios dusage pour en tester le fonctionnement.

Les projets de design de service aboutissent parfois une mutation ou une volution des structures et du fonctionnement de lentreprise. Cest pour-quoi le designer de service soulve des problmatiques lies lorganisation de lentreprise et est amen anticiper la conduite du changement.

Le designer de service indique aux quipes du client comment mettre en uvre chaque composante du projet.

30


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

31

Le design dinformation ne doit pas tre confondu avec larchitecture de linformation, dont lobjectif est de dcrire la structure de linformation et de modliser un site web. Le designer dinformation apporte la fois des solutions graphiques, rdactionnelles et structurelles pour trans-mettre un message avec clart, efficacit et apporter des interactions attrayantes.

Il dfinit, organise et cr les reprsentations appropries pour ex-primer le contenu dun message, en lien avec son contexte, les objec-tifs de lmetteur et les besoins des usagers. Le designer dinformation observe la faon dont les usagers rpondent linformation, comment elle est perue, comprise et assimile. Il cherche comprendre tous les facteurs qui permettent son traitement et son intelligibilit, afin dlaborer les solutions les plus adaptes.

Le designer dinformation se trouve au carrefour de plusieurs disciplines du design : design graphique, design dinterface, architecture de linformation, facteurs humains. il dresse la synthse de leurs diffrents apports pour rsoudre des problma-tiques complexes mettant en jeu la transmission efficiente de linformation.

Designer dinformationpar Benot Drouillat (User Experience Designer)

Olivier Marcellin (Textualis)

Linformation prfigure la signification. Linformation correspond des donnes places en contexte, pense en termes dorganisation et de forme.

Nathan Shedroff


32

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

33

Designer dinformation

Activits

Au niveau du design

Le designer dinformation intervient sur des supports aussi diffrents que des formulaires, des documents lgaux, des interfaces, des modes demploi, etc., afin de proposer un usage de linformation plus accessible, plus sig-nifiant. Lintervention du designer dinformation permet dquilibrer les besoins de lmetteur du message et de lusager, afin de satisfaire les intrts conomiques, esthtiques et la facilit dusage.

Il dfinit la structure et imagine les reprsentations visuelles appropries pour rendre intelligibles des donnes complexes. Il envisage la dmarche de slection, de structuration et de formalisation de linformation en relation avec le contexte, les objectifs, les capacits, lexprience et les prfrences des usagers. Le designer dinformation adopte une dmarche inter-disci-plinaire, qui ncessite une combinaison de comptences en design graph-ique, rdaction, facteurs humains et design dinterface. Il pratique notam-ment la typographie et le design graphique pour dfinir la structure et les reprsentations adquates de linformation.

Au niveau de lquipe

Le designer dinformation communique toutes les personnes prenant part au projet la stratgie et les livrables. Il collabore avec une varit dintervenants : des chefs de projet ditorial, des architectes de linformation, des designers sonores, des designers dapplications riches et des dveloppeurs Front-Office

Il organise des sessions de brainstorming. Il informe le chef de projet des lments qui pourraient affecter le calendrier ou le droulement du projet. Le designer dinformation garantit pour lquipe la qualit des livrables pen-dant leur production.

Au niveau du client

Le designer dinformation sapproprie la problmatique du client et du sec-teur dactivit dans lequel il travaille. Il prsente au client les livrables quil a labors pour rpondre la problmatique; il argumente les choix du design.Il conduit des runions de travail avec le client afin de rassembler les informa-tions ncessaires lavancement du projet. Il prend en compte les remarques du client et y donne suite de manire approprie, notamment les demandes de modifications et la mise jour des livrables. Il explique et promeut la discipline du design dinformation, notamment son processus et met en vi-dence ses apports auprs du client.

34


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

35

Dans le but de faciliter lutilisation du produit et doptimiser lexprience utilisateur, le designer dinteraction dispose de toute une gamme doutils de modlisation qui lui permettent dexplorer diffrentes hypothses conceptuelles : reprsentation des flux des tches de lutilisateur et de linteraction, maquettes dinterfaces utilisateurs, etc.

En outre, le designer dinteraction est garant du comportement dun produit comment le produit agit ou ragit face lutilisateur. Les d-tails de la scnarisation de ce comportement et de sa reprsentation sont formaliss par un document de spcifications qui sert ensuite de fil conducteur pour la production et le dveloppement.

Le cur de mtier dun designer dinteraction est constitu de plus-ieurs activits distinctes : design produit (dfinition des principes din-teraction et des concepts lchelle du produit), design dinteraction ( lchelle des fonctions), design dinterface ( lchelle des composants), architecture de linformation/conception (structuration des contenus et principes de prsentation).

En troite collaboration avec les membres dune quipe aux comptences transversales, le designer dinteraction value les besoins fondamentaux qui dfinissent un produit, quil sagisse dun terminal mobile, dun site web, dun logiciel, dun objet interactif ou dun service.

Le design dinteraction est une discipline qui sattache dfinir la forme et le comportement des produits, des services et des systmes interactifs.

Kim Goodwin

Designer dinteractionPar Benot Drouillat (User Experience Designer)

Christian Ega (designer dinteraction) Alexandre Tonneau (designer dinteraction)


36

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

37

Designer dinteraction

Activits

Au niveau du design

Le designer dinteraction conduit ou exploite des recherches sur les utilisa-teurs et les parties prenantes dun projet. Il dfinit les besoins des utilisateurs par lanalyse de tches spcifiques (objectifs des utilisateurs, motivations, etc.). Il value lutilisabilit des fonctionnalits existantes ou nouvelles et propose des amliorations si ncessaire. En collaboration avec lquipe de dveloppement, il identifie les besoins technologiques dun projet. Il vri-fie la qualit des livrables pendant leur production. Il labore ou valide des story-boards avec le chef de projet.

Le designer dinteraction dfinit la mthodologie et formalise la docu-mentation. Il collabore la prparation, la rdaction des compte-rendus et linterprtation des tests utilisateurs. Il brainstorme avec les quipes du produit et dingnierie. Il collabore au dveloppement de prototypes pour mener les tests utilisateurs. Il oriente le design, inspire les clients et suscite ladhsion au sein de lquipe par la formalisation des besoins, la conception de personas et de scenarii.

Il ralise des storyboards selon diffrents degrs de ralisme (basse fid-lit, haute fidlit), modlise les interactions, labore des diagrammes conceptuels, des maquettes et des prototypes afin de communiquer de manire efficace les ides en termes de reprsentation visuelle et de compor-tement pour linterface. Il rdige des spcifications fonctionnelles dtailles.

Le designer dinteraction conoit une interface, un service, un produit, etc. Il analyse les interactions entre les utilisateurs et les systmes informatiques. Il analyse et synthtise le rsultat des recherches sur des concepts et des prototypes. Il simplifie les systmes complexes en proposant des reprsenta-tions adaptes.

Il propose des solutions non seulement fonctionnelles mais porteuses de sens sur le plan motionnel. Il met en perspective les relations struc-turelles, organisationnelles, fonctionnelles, sensibles et conomiques dun produit et ralise des maquettes interactives grce un outil de prototypage (papier, Flash, Visual Basic, HTML, etc.). Il teste et affine le design selon un processus itratif.

Au niveau de lquipe

Le designer dinteraction collabore troitement avec les quipes marketing, les chefs de produit et lingnierie afin de dfinir le positionnement dun pro-duit. Il traduit les besoins en spcifications fonctionnelles exploitables par une quipe de dveloppement. Il collabore avec les designers graphiques pour une traduction visuelle en adquation avec les objectifs de lexprience utilisateur.

Au niveau du client

Le designer dinteraction intgre les besoins commerciaux et techniques comme paramtres du design et sattache galement traduire dans les choix les diffrentes relations qui permettent dobtenir une meilleure coherence, une meilleure thique sociale et environnementale. Dans le recensement des besoins, il attribue un ordre de priorit en adquation avec le design afin de dgager une solution qui rponde la fois aux besoins des utilisateurs et aux objectifs commerciaux. Il prsente oralement, par crit et visuellement les livrables pour expliciter les choix du design et le rend convaincant.


38

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

39


Interview de Saran Diakite

Quel est votre parcours? (tudes, expriences professionnelles)Diplme de lEnsci Les Ateliers Paris, jexerce le mtier de designer depu-is plus de dix ans en France et ltranger. Un premier projet de logiciel de cration musicale, puis un mmoire sur lducation sonore et enfin un projet de diplme sur le thme du muse du son (en collaboration avec le CNAM et lIRCAM), initient une double pratique de design sonore et dinteraction. Cinq annes en freelance suivies de sept annes en agence de design, mont amen travailler dans de nombreux secteurs dactivits, principalement pour les laboratoires de recherches de groupes industriels tels que : Thom-son, FranceTelecom, EDF, Fagorbrandt, Alcatel Lucent, Dassault Systemes, Eiffage, Bouygues

Sur quel type de projets intervenez-vous?Souvent en situation de conduite du changement, mes projets au sein des agences Plan Cratif, BETC Design (ex. Absolut Design) puis 3e il mont peu peu introduite dans le monde du management de linnovation par lexprience utilisateur. Les projets y sont gnralement confidentiels. Les problmatiques dusage abordes peuvent tre trs ambitieuses et varies : vivre Strasbourg et Marseille entre 2030 et 2050, donner accs sim-plement des milliers de radios, faire dcouvrir tous les mtiers au jeune public, rinventer la tl, prototyper une nouvelle plateforme de sant pub-lique Il peut galement tre question de la refonte dun site web ou du dveloppement dune application tactile.

Quelles sont les comptences ncessaires selon vous pour exercer votre mtier?Le march des services interactifs a fortement transform les lois de lindustrie en sadressant non plus tout le monde mais chacun. Ce qui caractrise donc le mtier de designer dinteraction, ce nest pas sa technicit, pr requis mini-mum, mais bien de savoir placer lutilisateur au cur de son approche pour lui proposer des services la mesure de ses usages, des produits au comporte-ment contextuel, bref de vritables expriences de vie.

Crd

it ph

oto

: Hl

ne

Jaye

t


40

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

41


Avec iTunes et son iPhone sur le march, le mythe de la magie de Nol, o diffrents acteurs de la chane industrielle se synchronisent pour apporter les cadeaux au pied du sapin en quelques secondes, semble stre ralise. Plus que des comptences, ce changement de paradigme rclame une nou-velle attitude. Ds lors comment rpondre au challenge que reprsentent ces coproductions interactives?

Premirement avec humilit et considration; les designers dinteraction sont avant tout des hommes de lombre qui travaillent en quipe pluridis-ciplinaire, en collaboration troite avec leurs clients au bnfice des utili-sateurs.

Ensuite avec ouverture et esprit danalyse; le problme comme la solution se situent rarement l o lon pense, il faut donc remettre en question lexistant pour comprendre avant de chercher rsoudre. Dans le cas dun tlphone ou dun rveil, travailler linterface graphique au lieu de linterface sonore nest pas toujours la meilleure solution.

Enfin avec performance et pertinence; traduire de nouvelles politiques in-dustrielles en expriences innovantes et rentables ne peut pas simproviser. Au-del des objectifs de succs commerciaux, certains centres de design intgrs tels que Decathlon (Oxylane) ont dmontr que tenir une place stratgique ncessitait notamment la cration de mthodes dvaluation et de valorisation du design au sein mme de lentreprise.

En quoi consiste votre mtier? Quel est votre rle auprs des quipes du projet (interne et prestataire)?Tout dabord, jinterviens en amont dans la rdaction des propositions mthodologiques, techniques et financires en rponse aux commandes et appels doffre. Puis, je propose la constitution des quipes projets et le recrutement des ressources externes. Dans une logique danticipation des usages et des technologies, je fais de la veille au sens large et janime rgulirement des workshops pluridisciplinaires en interne et avec les cli-ents. En tant que directrice de cration, joriente la synthse crative des problmatiques dinnovation souleves en workshop vers une meilleure scnarisation des usages de demain. Enfin, dans les phases de produc-tion ou de spcifications techniques, je contribue crer un dialogue plus

intelligent entre lhomme et ses services et jobserve les utilisateurs derrire des vitres sans teint dans un souci damlioration continue de leurs expri-ences interactives.

Par ailleurs, jessaie de participer au dveloppement de la profession en consacrant une partie de mon temps lenseignement de la conception in-teractive dans les coles (Primaire, Stratecollege, Ensci Les Ateliers).

Quelles sont les perspectives dvolution dans votre mtier?Mon mtier nexistait pas lorsque je suis sortie de lEnsci Les Ateliers, il ny avait pas de formation, lpoque tout tait faire. Depuis le dveloppement intensif de la mobilit numrique (tlphonie mobile, musique digitale, ordi-nateurs portables, etc.) provoquant la miniaturisation des composants lec-troniques a relev le niveau dexigence du public vis--vis de tous les produits technologiques. Peu peu lhabitat sest peupl dobjets communicants, ac-cessibles, beaux, intelligents (mac, ipod, jeux vido, nabaztag, crans tac-tiles, 3D). Si le designer dinteraction participe activement la cration de cet merveillement quotidien, lobjet mme quest linteraction et la rupture comportementale quil contient se trouve trs souvent dans lombre de la technologie qui lembarque. Celle-ci masque le fait que linteraction nces-site un rel travail de conception. En ce sens, ce mtier gagnerait sortir de lombre pour se faire connatre du grand-public. Il y a galement beaucoup apprendre de ces autres magiciens invisibles que sont les dveloppeurs, les motion designers et les game designers spcialistes de limmersion. laube de linternet des objets : puces, logiciels, nouveaux matriaux, tlcom-munications, vont envahir la moindre situation de notre vie quotidienne. Plus que des fonctionnalits, les objets vont dsormais avoir des compor-tements annonce Dominique Sciamma, directeur R&D de StrateCollege. Si bien que le design dinteraction devient aujourdhui incontournable, les perspectives dvolution de ce mtier sont donc exponentielles.

Quels conseils donneriez-vous ceux qui souhaitent devenir designer dinteraction?Apprentis designers dinteraction, ne vous laissez pas griser par la starification toute nouvelle que certains font de notre mtier.

42

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*


Notre profession souffre normment des ides reues. En voici quelques unes sur le designer dinteraction, tmoignage dun combat quotidien :

Il prdit lavenirNon, il tudie lvolution des usages et des technologies, il est en tat de veille permanente.

Il dessine des choses sexy Non, il formalise des outils daide la dcision qui permettent aux utilisa-teurs de se projeter dans de futurs comportements dusage et aux clients de faire des choix stratgiques.

Il connat la recette secrte de leffet waouNon, chaque problmatique, ses enjeux, sa dmarche et ses leviers dinno-vation.

Il suit ses intuitionsNon, il se nourrit dexpriences, et cre principalement des maquettes phy-siques ou virtuelles, supports de tests utilisateurs, dont les valuations valideront (ou non) les propositions cratives qui seront dveloppes par la suite (ou pas).

Il choisit la solution la plus rapideNon, il privilgie la meilleure exprience. Celle qui sera accepte et plbis-cite par les utilisateurs, celle qui liera durablement utilit et utilisabilit, identit et motion Ce qui peut prendre du temps.

Il travaille seulNon, il collabore en co-conception avec une quipe pluridisciplinaire com-pose dergonome, de graphiste, de dveloppeur, dlectronicien, dingnieur, dutilisateur, de client, etc.

AAAAABBBBBCCCCCDESIGNOBSERVEUR DU DESIGN 12LAPCI prsente plus de 180 ralisations la Cit des sciences et de l'industrie, La Villette, Paris. Du 9 novembre 2011 au 11 mars 2012

pub_design_inter:Mise en page 1 6/09/11 17:47 Page 1

44


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

45

Il peut dterminer en amont des objectifs de plusieurs ordres : ergon-omie, mmorisation dun message publicitaire, signaltique sonore, feedback utilisateur, identit, etc.

Les applications du design sonore sont diverses, de lindustrie au-tomobile au cinma, en passant par lart contemporain. Le mtier de designer sonore pour le Web demeure en dfinition, tant sa pratique est rcente et htrogne. Sur internet, on observe des attitudes trs diverses : 1) absence pure et simple de sons, soit par omission, soit en raison de la nature, de la technologie ou de larchitecture du site; 2) prsence de sons, sous la forme de boucles musicales en arrire-plan, ou lis la navigation, aux animations et aux choix oprs par lutilisateur; 3) exprimentations artistiques : musique gnrative, installations sonores virtuelles (voir Edo Paulus ), synthse sonore et traitement audio avec Flash (voir Andr Michelle ).

Le designer sonore exerce des activits ayant pour point commun la cration sonore applique. Comme le designer graphique et industriel, le designer sonore articule fonction et esthtisme.

La musique commence l o sarrte le pouvoir des mots.

Richard Wagner

Designer sonorepar Xavier Collet (designer sonore)

Sacha Gattino (designer sonore)


46

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

47

Designer sonore

Activits

Au niveau du design et de la technique

Le designer sonore observe lactualit et connat lhistoire musicale, sonore, technologique, dispose dune ouverture/approche transversale de la cra-tion multimdia, des arts visuels, des arts vivants et du design.

Il cre des sons et des musiques laide doutils de studio (mixage, effets, prise de sons, synthse sonore, lectro-acoustique, jeux dinstruments vir-tuels, acoustiques, lectroniques).

Il propose une charte sonore et des maquettes au client en fonction du brief initial et des itrations successives. Il adapte le contenu sonore lespace, au contexte et aux modalits de diffusion (sphre prive/publique, espace rel/virtuel, usage personnel/professionnel, utilit/distraction). Il organise une veille artistique et technologique.

Pour le Web, un designer sonore gre les modalits dapparition, de rcurrence et de transition des sons. Elles dpendent notamment du type dexprience propose et des solutions permises par la technologie du site (Flash, HTML, JavaScript).

Il teste linterface afin de corriger les volumes et les panoramiques (place dans lespace strophonique) respectifs des lments sonores, les rcur-rences dapparition, les modalits denchanements des sons (dans le cas dune musique gnrative).

Il intgre et encode dans linterface des fichiers audio dans les formats spcifis (MP3, AAC, OGG, etc.). Il adapte le dbit (bit rate) aux contraintes du site (capacits de transfert ct serveur) et en fonction du public vis (ct client). Il effectue des tests sur plusieurs systmes dexploitation et navigateurs web.

Au niveau du client

Le designer sonore tablit un brief cratif appliqu au design sonore. Le vo-cabulaire musical et sonore tant rarement partag, il est courant de recour-ir des valeurs et rfrences extra-musicales pour communiquer efficace-ment : sentiments, mtaphores, descriptions synesthsiques. Il coute, observe et ragit au gr de lvolution des tapes du projet.

Aprs validation du client, il remet un support dit master comprenant les fichiers audio non compresss.

Au niveau de lquipe

Le designer sonore tablit avec le client et le directeur artistique un cahier des charges sonore associant les pr-requis techniques et cratifs (type de mdia, formats audio, mono/stro, linaire/gnratif, dures et modal-its des rapports entre lespace de prsentation et les sons, interaction ou pas). Lors de la phase dintgration, il est en contact permanent avec le dveloppeur afin de prserver les choix cratifs et doptimiser les temps de chargement pour une transparence maximale.


48

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

49

Designer sonore

Les champs dapplication du design sonore

Le designer sonore pour lindustrie automobile cherchera par exemple renforcer le sentiment de scurit peru lors dune fermeture de portire. Lhabillage sonore dun tramway devra crer un climat propice lannonce de la prochaine station (mettre le voyageur en situation dveil perceptif). La charte sonore dune radio ou dune mission devra tre facilement iden-tifiable et porteuse des valeurs, de lidentit qui lui sont propres. Le travail sonore dans lindustrie se focalise paralllement sur la rduction du niveau de bruit produit par lutilisation dun objet. Des ingnieurs acousticiens in-terviennent ainsi sur le choix des matriaux et de leur utilisation (matriaux absorbants, piges son).

Les objets lectroniques du quotidien laissent une place croissante au design sonore : citons Nabaztag, le lapin communiquant multifonctions (de-sign sonore de Jean-Jacques Birg), mais aussi les tlphones portables, les rveils matin

Au cinma, un grand nombre de sons ne sont pas issus du lieu de tour-nage mais recrs pendant la post-production, afin den isoler certains et damplifier les effets ressentis (lire les ouvrages de Michel Chion, ce sujet). Louis Dandrel parle du cinma comme tant le rvlateur du design so-nore. En effet, une prise de son naturelle ne suffit pas toujours : les sons demandent tre corrigs, magnifis, filtrs selon les effets scnaristiques ou dramatiques souhaits (illustration, renforcement, contradiction).

Dans le contexte du jeu vido, le design sonore est essentiel car il y joue plusieurs rles simultans : ambiance musicale, environnement sonore vir-tuel immersif, feedback sur laction effectue (coup, sort jet, tirs) et l-ment de linterface et des menus. De plus, la nature interactive et non linaire du jeu ajoute une dimension alatoire et parfois gnrative qui rendent sa mise en uvre difficile mais passionnante.

50


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

51

Il conoit, code et gre linteractivit des pages selon des mthodes de programmation orientes client et serveur. Il change avec les design-ers pour les aider comprendre les contraintes ainsi que les opportu-nits lies aux techniques.

Il tudie les sites web existants et y intgre de nouvelles pages, les feuilles de styles et les conventions dergonomie. Le dveloppeur front-office est responsable de lintgration du contenu dans les gabarits HTML ou le systme de gestion de contenu (CMS), de lapplication des styles et des conventions dinteractivit ncessaires.

Le dveloppeur front-Office transforme les maquettes dinterface fournies par lquipe rative en gabarits (X)HTML et en feuilles de styles (CSS : Cascading Style Sheet) pouvant safficher dans un navigateur web, pour des applications alimentes en contenus par des bases de donnes.

Une image vaut mille mots. Une interface vaut mille images.

Ben Schneiderman

Dveloppeur front-officePar Benot Drouillat (User Experience Designer)

Vivien Ripoche (dveloppeur)


52

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

53

Dveloppeur front-office

Activits

Au niveau du design

Le dveloppeur front-office participe len semble du processus cratif. Il tra-vaille avec des orientations graphiques tablies par le directeur artistique interactif et le webdesigner et traduit les maquettes graphiques en fichiers HTML, avec des feuilles de style (CSS) optimises pour diffrents navigateurs ainsi que pour limpression. Il dveloppe des prototypes fonctionnels pour la prsentation de concepts et des tests utilisateurs. Il traduit le compor-tement de linterface utilisateur, pour des interactions complexes, avec des langages orients client comme Ajax et JavaScript.

Il apporte des recommandations pour amliorer lutilisabilit partir des techniques de dveloppement orientes client et sa connaissance des in-terfaces. Il intgre des interfaces conformes aux normes daccessibilit (section 508 aux tats-Unis et Accessiweb en France). Il optimise les im-ages pour obtenir la meilleure vitesse de chargement. Il fournit des lments graphiques pour la mise jour des pages.

Au niveau de lquipe

Le dveloppeur front-office effectue la liaison entre les designers et les dvel-oppeurs du back-office. Il change avec les directeurs artistiques et les de-signers pour sassurer que le design peut tre accompli dans le cadre des spcifications techniques. Il fournit un avis consultatif lquipe design pour amliorer lexprience utilisateur du projet, en utilisant les technolo-gies orientes client. Il contribue amliorer la mthodologie et participe llaboration du calendrier, lidentification et lanticipation des problmes et des risques et communique sur ltat davancement des livrables aux person-nes participant au projet.

Au niveau du client

Le dveloppeur front-office participe la phase de spcifications fonction-nelles, lintgration, au dveloppement, aux tests, et au dploiement dun site ou dune application. Il code la main des pages web utilisant les lan-gages HTML, DHTML, et JavaScript. Il cre, teste et intgre des mises jour sur des pages statiques et dynamiques. Il implmente les lments multi-mdias telles que les animations Flash, les images ou encore les podcasts. Il reconnat et rsoud les problmes de conception graphique. Il assure la compatibilit entre les plateformes et les navigateurs. Il contribue formal-iser les spcifications techniques.

Il participe lintgration et la migration des contenus dans loutil dadministration. Il dveloppe des lments din terfaces rutilisables et des gabarits-types.


54

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

55


Interview de Germain Guglielmetti

Quel est votre parcours? (tudes, expriences professionnelles) Bac littraire (!) DUT services et rseau de communication. Concepteur ralisateur multimdia aux Gobelins, 2 ans en alternance.

Jai travaill en agence et SSII pendant 4 ans en tant que dveloppeur back-end puis responsable des dveloppements, avant de mtablir en free-lance depuis 2007.

Sur quel type de projets intervenez-vous?70% de ma clientle est compose dagences de communication, je madapte donc leur envergure. La plupart du temps il sagit de travailler sur des sites, mini-sites, intra/extranet, sites mobiles. Et on ne travaille pas que pour les grands noms! Beaucoup dagences ont des clients mconnus, mais leurs exigences sont trs pointues. Leurs projets web sont souvent les plus complexes et formateurs.

Daprs mes timesheets, 20% de mon temps est consacr la gestion de projet, 55% lintgration, 20% en back-office.

Quelles sont les comptences ncessaires selon vous pour exercer votre mtier?Il faut une culture internet, cest--dire des connaissances quon napprend pas dans les coles. En clair, tre autodidacte avec un sens aigu de la tech-nique. Suivre et pratiquer les tendances, mme pour des projets non-com-merciaux. Contrairement lide reue il nest pas ncessaire dtre dou en maths, ce que lon utilise cest lesprit logique. Il faut aimer se prendre la tte, parfois littralement.

Sans tre forcment bidouilleur, ne pas ngliger laspect hardware.Ct client, je noublie pas : cest sur le poste des utilisateurs finaux

que sera vu mon travail. Il faut donc comprendre comment les dispositifs daffichage calculent le rendu pour savoir les nourrir sans bugs. Et disposer dun panel de machines pour tester son code dans tous les cas de figure.


56

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

57


Ct serveur, il est bon ton davoir des notions de performance (hits, rpar-tition de charge, threading), pour anticiper la charge de lhbergement. Connatre les requtes basiques sur une database permet de structurer et optimiser son code HTML et ses requtes Ajax en fonction des donnes quils vont recevoir. De faon gnrale se tenir au courant des bonnes pratiques, en lisant et exprimentant.

En dehors de la technique, le dveloppeur front va forcment travailler avec quipe : des cratifs en amont, des dveloppeurs back-end en aval, des chefs de projet au fil de leau. Il nest pas rare que le mtier empite sur le mtier des autres (on peut considrer que cest une bonne pratique). Il faut savoir se mettre dans leurs baskets : ne pas tre un Photoshop-killer, mais connatre les bases (ceci sapprend en DUT par exemple). Ne pas tre un programmeur chevronn, mais avoir dj suivi des tutoriels jusquau niveau avanc.

Travailler avec une quipe nest pas travailler en quipe. Le dveloppeur front est souvent autonome, donc il faut savoir se documenter, et si possible sentourer de collgues ou contacts dans le mme secteur dactivit.

Enfin, comme pour les dveloppeurs back-end, les front-end doivent savoir crire (de la documentation) et communiquer (sur leur avancement) pour ne pas briser la chane de production.

En quoi consiste votre mtier? Quel est votre rle auprs des quipes du projet (interne et prestataire)?Fondamentalement, le dveloppeur front-end transforme les PSD en pages web interactives. Il y intgre tous les lments de base et multimdia uti-lisables par lutilisateur final. Avec du faux-textes et de fausses images, il prpare le terrain aux dveloppeurs back-end qui vont y brancher les vraies donnes.

Certains font aussi des petites animations, des bannires de pub, person-nellement en tant que freelance je connais mes limites sur les techniques danimation mais je connais des Flasheurs qui font du dv. front full Flash. Certains utilisent mme encore Director pour faire des bornes interactives!

Au quotidien : En interne, je remonte aux story-boarders les volutions techniques : que

peut-on faire, ne pas faire, les compatibilits, quel est ltat de lart. Jindique aux chefs de projet le niveau de difficult de programmation de

linterface, pour estimer une dure dintgration. Souvent, je fais remarquer les incohrences :

Tiens, il ny a pas de bouton Valider sur ton formulaire; Tiens, on peut sidentifier mais pas sinscrire ; Tiens, ce menu en rollovers ne peut pas marcher sur les tablettes, o ltat

roll nexiste pas ; Tiens, tu nas pas story-board les pages derreur, etc.

Dans un monde idal, quoique rare pour cause dgo et de budget, le DA senquire du degr de faisabilit de ses ides auprs du dvloppeur front-end. Sen suivent un nombre plus ou moins lev dallers-retours avec les graphistes en fonction de la mticulosit avec laquelle ont t ralises les maquettes. Je dois parfois chercher des lments chez des freelances employs par les clients de mes clients, a peut crer des situations co-casses...

Lorsque je ne joue pas ce rle moi-mme, je suis en contact permanent avec les chefs de projets dans la mesure o mes pages sont attendues de pied ferme par les dveloppeurs back-end, qui ont eux-mme communiqu un cahier des charges et des deadlines. Jai quelques expriences de con-frontation, o je suis le seul comprendre ce que dit le prestataire de mon employeur, et je dois faire la traduction, voire me dfendre.

Une fois le dveloppement back-end termin, cest le dveloppeur front-end que lon rappelle pour rsoudre les bugs daffichage. Dans ce cas aussi il est frquent de traiter directement avec les techniciens dautres socits, voir avec les freelances dun sous-traitant. Gnralement entre dveloppeurs, on se comprend et les choses vont vite. Gnralement.

Lorsque le site est en ligne et que lagence sabre le champagne avec son cli-ent, le dveloppeur front-end est le seul (avec les secrtaires de rdaction) ne jamais tre remerci. Ne choisissez pas ce mtier pour la gloire, mais prenez du galon dans lombre.


58

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

59


Quelles sont les perspectives dvolution dans votre mtier?Jaimerais dabord rectifier une injustice: il est erron de considrer ce m-tier dans le bas du panier, alors que pour les raisons voques plus haut le rle du dveloppeur front peut tre aussi crucial que celui des autres. Dailleurs, faire du front-end peut dj tre le fruit dune volution partir dune expertise en back-office (ce qui est mon cas).

Le parcours classique pour les profils techniques est de jongler avec le back et le front, et se stabiliser dans une niche plaisante, par exemple: le dvelop-pement dinterfaces pour les smartphones; le mash-up avec les API des r-seaux sociaux; laccessibilit certifie, etc. Jen connais aussi qui voluent vers la TMA (tierce-maintenance applicative), ce sont des serial-dbuggueurs.

Certains graphistes sont de trs bons intgrateurs (double-comptence). Mais faute de temps il faut gnralement choisir pour se voluer en tant que spcialiste, lire dans ce cas linterview de Florent Desjardins page 116 pour le mtier de webdesigner, ou de Anthony Boutet page 64 pour le mtier de dveloppeur web.

Les meilleurs gestionnaires peuvent tre chefs de projets, mais cest ambigu : est-ce une volution ou une rgression? En combinant lexprience tech-nique et lexprience de gestion, le Graal est le poste de directeur tech-nique : superviser le projet damont en aval, en coordination troite avec les ples vente, production, et support. Inconvnient paradoxal : on sloigne alors de la programmation, au risque dtre largu.

Noublions pas que le manque de reconnaissance chronique peut aussi en conduire certains, linstar des anti-hros de LOpen-space ma tuer, tout plaquer.

Quels conseils donneriez-vous ceux qui souhaitent devenir dvelop-peur front-office?Pour trouver du travail et durer, vous devez mettre en rapport votre niveau de comptence avec le niveau de qualit exig par votre employeur. Cer-tains intgrateurs sont plutt mdiocres mais ralisent quantit de sites la chane (cela peut convenir aux dbutants ou ceux qui nambitionnent pas les postes responsabilit), parce quils sont dans des SSII/agences o la qualit nest pas prioritaire. Ces botes ne sont pas forcment mauvaises, mais pour comparer on peut dire quen matire dintgration des botes font

du hard-discount et dautres sont des coopratives bio. videmment dans la cooprative bio, on paye le producteur plus cher...

Plus votre niveau dexpertise grandi, et je le rpte ces comptences-l ne sont pas acadmiques, plus vos projets seront passionnants. Comme dans tous les mtiers cest un processus long, ne vous dcouragez pas.

www.ashorlivs.fr

60


Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

61

Grce aux principaux langages orients serveur (PHP, ASP, etc.), il as-sure le dialogue entre la partie visible de linterface (front-office) et les bases de donnes. Il conduit une analyse des besoins, llaboration de prototypes fonctionnels, pour la partie visible ou non visible des lments de linterface. Il veille lintgration des applications et des services dans un site web ou un intranet.

Il contribue au processus cratif en apportant son point de vue sur la modlisation des interactions et les fonctionnalits du site. Il tablit un pont entre les dimensions design et technologiques, en offrant un clairage technique dans la conception, non seulement par la mise en lumire des contraintes mais aussi en signalant des opportunits tech-niques qui peuvent faciliter linnovation.

Il traduit les besoins du client en spcifications fonctionnelles d-tailles grce aux meilleures pratiques comme la conception centre utilisateur et une excellente comprhension des tapes cls du design. Il est garant de lintgrit du design visuel dans le site (mise en page, style graphique) et de son fonctionnement en adquation avec les principes de conception.

Le dveloppeur web programme, teste, corrige les erreurs, implmente, documente, assure le suivi et la maintenance dapplications accessibles depuis un navigateur web.

Que cela soit dans la conception ou dans la programmation, les membres de lquipe doivent faire preuve dinnovation en imaginant des solutions visionnaires pour rpondre chaque problmatique.

Garrett Dimon

Dveloppeur webPar Benot Drouillat (User Experience Designer)

Vivien Ripoche (dveloppeur web) Julien Strulens (dveloppeur web)


62

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

63

Dveloppeur web

Activits

Au niveau technique

Le dveloppeur web est impliqu dans toutes les tapes du projet du brain-storming cratif la dfinition des fonctionnalits. Il prend connaissance des documents de conception (story-boards) et du design de linterface pour valuer leur faisabilit technique et les rend fonctionnels.

Il rdige, prsente et passe en revue les livrables de dveloppement, no-tamment larchitecture et les spcifications fonctionnelles. Il dveloppe le code qui rend fonctionnel le design de linterface, partir de la stratgie crative et marketing. Il conoit et met en oeuvre larchitecture des bases de donnes pour les applications dynamiques.

Il intgre les livrables front-office (gabarits HTML notamment) avec les principaux langages orients serveur (tels que PHP, Ruby, Python, Java, .Net), dans la plateforme technique (outils de gestion de contenu, plate-forme e-commerce, etc.). Il connecte linterface du site avec des bases de donnes (telles que MySQL, PostgreSQL, SQLite, Oracle). Il peut aussi tre amen dployer le systme de gestion de contenu (CMS). Il construit des composants rutilisables et des outils pour faciliter le prototypage rapide. Il value lintrt de recourir des mthodes alternatives pour atteindre ses objectifs techniques.

Il coordonne les tests pour sassurer que linterface ragit comme dfini. Il propose et implmente des fonctionnalits nouvelles et des amliorations ergonomiques. Il optimise les performances des applications du site et des bases de donnes pour permettre une disponibilit et une efficience maxi-mum. Il scurise les applications. Il effectue une veille permanente sur les nouvelles technologies.

Au niveau de lquipe

Le dveloppeur web runit les besoins techniques et de design des quipes du projet. Il participe la dfinition du primtre du projet et lestimation en termes de charge de travail.

Il sinterface avec les designers et change avec le dveloppeur front-of-fice pour assurer la cohsion graphique de linterface et avec larchitecte de linformation pour garantir la qualit de lexprience utilisateur. Il travaille avec le directeur artistique pour garantir que les choix du design peuvent tre implments dans le primtre technique et fonctionnel.

Il maintient jour un document qui prcise les standards de dveloppe-ment, les exigences de qualit pour le code. Il forme galement les nouveaux membres de lquipe.

Au niveau du client

Le dveloppeur web participe au recueil des besoins et la dfinition du primtre du projet. Il traduit les besoins du client en solutions techniques mettre en uvre, notamment le choix de la plateforme, des outils et de la mthodologie adapte. Il labore des prsentations et la documentation ncessaire pour communiquer les concepts, la modlisation fonctionnelle de linterface et les choix techniques.

Le dvelopeur aide le chef de projet rpondre aux questions du client et joue un rle dans la planification en communiquant lavancement du projet directement au client.

Il forme les utilisateurs la plateforme lissue du projet.


64

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*

65

Dveloppeur web

Interview de Anthony Boutet

Quel est votre parcours? (tudes, expriences professionnelles)Aprs avoir obtenu un DUT SRC (services et rseaux de communication),jai effectu une licence CDNL (Cration et dveloppements numriques en lignes) en alternance aux Gobelins, cole de limage.

Apres ma licence je suis directement rentr chez Duke en tant que dvel-oppeur Flash, deux ans plus tard je dmnageais en province pour intgrer lagence toulousaine X-Prime, toujours en tant que dveloppeur Flash.

Je suis maintenant indpendant depuis 2010, avec ma compagne nous for-mons un duo de dveloppeurs Flash freelance sous le nom de Little Suckers. (http://www.littlesuckers.fr)

Sur quel type de projets intervenez-vous?Je travaille essentiellement sur des sites internet contenus riches ou forte valeur ajoute.

Gnralement ce sont des projets qui ncessitent plusieures semaines de production et qui font appel des lments comme la 3D, la video, la ralit augmente, etc

Certains de ces projets exigent egalement une phase dite de protoype ou de R&D.

Quelles sont les comptences ncessaires selon vous pour exercer votre mtier?Dun cot le dveloppement et le code en gnral demande une certaine rigueur, mais si lon veut se dmarquer en tant que developpeur Flash il faut mon avis faire preuve de crativit et daudace.

Le soucis du dtail (pixel perfect) et louverture desprit sont gale-ment des notions importantes dans ce metier.

66

Tout

e re

prod

uctio

n, d

iffus

ion,

repr

ise

part

ielle

ou

tota

le in

terd

ite s

ans

laut

oris

atio

n c

rite

de *d

esig

ners

inte

ract

ifs*


En quoi consiste votre mtier? Quel est votre rle auprs des quipes du projet (interne et prestataire)?

En dehors de mon rle principal qui est dcrire des lignes de code, jai un double de rle de conseil/cration.

En effet le developpeur Flash est un peu au carrefour de plusieurs m-tiers : graphisme/animation, developpement back-o

Documents

Les métiers du design interactif