{"id":2039,"date":"2024-07-12T16:28:44","date_gmt":"2024-07-12T14:28:44","guid":{"rendered":"https:\/\/attomalab.eu\/?p=2039"},"modified":"2025-08-25T09:43:00","modified_gmt":"2025-08-25T09:43:00","slug":"hommage-a-etapes-linformation-comme-service","status":"publish","type":"post","link":"https:\/\/attoma.me\/fr\/hommage-a-etapes-linformation-comme-service\/","title":{"rendered":"Hommage \u00e0 \u00c9tapes : l\u2019information comme service"},"content":{"rendered":"\n
\n

\u00ab\u202fGraphistes, typographes, designers, illustrateurs, photographes, ou tout autre faiseurs d\u2019images. Vous qui avez rempli les pages de nos 272 num\u00e9ros ; vous qui nous avez \u00e9tonn\u00e9 et transmis la passion de vos m\u00e9tiers ; vous qui nous avez lu et soutenu : Merci.\u202f\u00bb<\/p>\n\n\n\n

Ce sont les mots avec lesquels Caroline Bouige, r\u00e9dactrice en chef, annon\u00e7ait le 3 ao\u00fbt 2023 la cessation du magazine \u00c9tapes, r\u00e9f\u00e9rence incontournable de la culture graphique en France et dans le monde francophone. Cr\u00e9\u00e9 en 1994 par Michel Chanaud et Patrick Morin, \u00c9tapes avait acquis dans le temps une v\u00e9ritable l\u00e9gitimit\u00e9 dans le d\u00e9frichage des tendances et la d\u00e9couverte de nouveaux talents. Le d\u00e9clin du mod\u00e8le du magazine papier a co\u00efncid\u00e9 avec un certain d\u00e9classement de la culture graphique en France, et les deux facteurs ensemble ont fini par condamner un projet \u00e9ditorial de tr\u00e8s grande qualit\u00e9, qui a \u0153uvr\u00e9 pendant presque 30 ans \u00e0 la promotion du design graphique et plus en g\u00e9n\u00e9ral, \u00e0 la culture de l\u2019image dans toutes ses formes.<\/p>\n\n\n\n

En 2017, Clara Debailly et Caroline Bouige interviewent Giuseppe Attoma Pepe dans un article intitul\u00e9 L\u2019information comme service, \u00e0 l\u2019occasion des 20 ans de l\u2019agence Attoma (n\u00b0 237, 5 mai 2017). Cette interview, dont nous publions un large extrait ci-dessous, pr\u00e9sente la vision de la relation entre graphisme, design de l\u2019information et UX design, port\u00e9e par Giuseppe au sein de l\u2019agence.<\/p>\n<\/div><\/div>\n\n\n\n

Clara Debailly et Caroline Bouige : Pourquoi et comment vous \u00eates-vous sp\u00e9cialis\u00e9 dans le design de service ?<\/h3>\n\n\n\n

Giuseppe Attoma Pepe : J\u2019ai commenc\u00e9 en tant que directeur artistique \u00e0 Milan, mais tr\u00e8s rapidement je me suis int\u00e9ress\u00e9 au design d\u2018information. Quand l\u2019information elle-m\u00eame est devenue interactive, je me suis interrog\u00e9 sur l\u2019architecture de l\u2019information, c\u2019est-\u00e0-dire la mani\u00e8re de mettre en plusieurs dimensions et en navigation ces questions d\u2018interaction. En parall\u00e8le, l\u2019information est \u00e9galement devenue un service. Avec Attoma, nous d\u00e9fendons une approche syst\u00e9mique, globale, qui s\u2019int\u00e9resse \u00e0 l\u2019organisation, \u00e0 l\u2019utilisabilit\u00e9 d\u2019un service \u00e0 travers diff\u00e9rents points de contact. Nous traitons aussi bien des projets li\u00e9s au num\u00e9rique qu\u2019\u00e0 l\u2019espace, au document papier ou \u00e0 la relation client. Le design de service est une fa\u00e7on de concevoir des interfaces, au sens large, entre les organisations et leurs clients.<\/p>\n\n\n\n

CD & CB : Avec quelles probl\u00e9matiques vos clients viennent-ils vous voir?<\/h3>\n\n\n\n

GAP : L\u2019exemple type, c\u2019est lorsque la RATP est venue nous demander de designer l\u2019interface de la borne Navigo : ils introduisent une nouvelle plateforme de paiement, avec une carte de transport sans contact, et un \u00e9cran tactile dans le r\u00e9seau, et en parall\u00e8le, ils ferment les guichets de vente. Tout cela est li\u00e9 au service, \u00e0 l\u2019utilisabilit\u00e9 et \u00e0 la marque. Cette interface doit raconter l\u2019univers de la RATP. Tout ce que je viens d\u2019\u00e9voquer est du design graphique, puisque tout cela doit \u00eatre repr\u00e9sent\u00e9 visuellement. Il doit y avoir une qualit\u00e9 formelle, des enjeux de hi\u00e9rarchie, tout ce qui participe des fondements du design graphique.<\/p>\n\n\n\n

\"Le<\/figure>\n\n\n\n

Le design original de l\u2019\u00e9cran d\u2019accueil de la borne Navigo pour la RATP, 2002. Une pr\u00e9figuration avant l\u2019heure des principes du flat design ( Giuseppe Attoma Pepe et Vincent Maloron).<\/p>\n\n\n\n

CD & CB : Le fait d\u2019avoir comme clients des structures industrielles ou de service de grande \u00e9chelle vous permet-il d\u2019innover, de prendre des risques dans vos choix graphiques, ou privil\u00e9giez-vous plut\u00f4t des lignes graphiques auxquelles les utilisateurs sont d\u00e9j\u00e0 habitu\u00e9s?<\/h3>\n\n\n\n

GAP : En France, il y a une curieuse opposition entre le fonctionnel et le beau. Il y a des pr\u00e9jug\u00e9s tr\u00e8s tenaces vis-\u00e0-vis de ce qui concerne le business. Dans les \u00e9coles, on forme plus volontiers des designers d\u2019affiches de th\u00e9\u00e2tre plut\u00f4t que des designers de documents fonctionnels. En Allemagne, en Angleterre, aux Pays-Bas, le moindre packaging, relev\u00e9 de compte bancaire, formulaire administratif est pens\u00e9. En France, il y a encore cette approche li\u00e9e \u00e0 la culture de la cr\u00e9ation, il faut que les choses \u00e9voluent. Pour r\u00e9pondre \u00e0 votre question, je pense que pouvoir introduire des innovations dans le langage graphique dans des contextes contraints est une question de volont\u00e9 et d\u2018intelligence. Jamais un client ne vous dira \u201c Je trouve cette forme extravagante \u201d, si elle a du sens. Le probl\u00e8me est de savoir utiliser le vocabulaire du design graphique pour faire des choses sens\u00e9es. A partir du moment o\u00f9 c\u2019est le cas, les gens adh\u00e8rent.<\/p>\n\n\n\n

\n
\n

<\/p>\n<\/blockquote>\n<\/blockquote>\n\n\n\n

\n

Il y a quelque chose de l\u2019ordre de la disparition du graphisme dans l\u2019interaction.<\/p>\n<\/blockquote>\n\n\n\n

CD & CB: Mais le besoin de fonctionnalit\u00e9, d\u2019imm\u00e9diatet\u00e9 que requiert le design l\u2019interaction n\u2019emp\u00eache-t-il pas de faire des choix radicaux, comme on pourrait le faire pour une affiche de th\u00e9\u00e2tre?<\/h3>\n\n\n\n

GAP : Oui, mais ce sont des objets aux fonctions diff\u00e9rentes. Donc je ne dois pas cr\u00e9er la m\u00eame \u00e9motion et le m\u00eame engagement. Le design, ce n\u2019est pas de l\u2019art. C\u2019est vrai qu\u2019il y a quelque chose de l\u2019ordre de la disparition du graphisme dans l\u2019interaction. Il faut cr\u00e9er une convergence des patterns d\u2019interaction. Imaginons que vous deviez concevoir un moteur de recherche, vous n\u2019allez pas r\u00e9inventer le champ de saisie, idem pour un panier d\u2019achat sur un site web. Vous allez reprendre des patterns qui existent, parce que c\u2019est un langage qui a du sens, que les gens ont appris, c\u2019est leur r\u00e9f\u00e9rentiel.<\/p>\n\n\n\n

Un bon designer saura manipuler ce vocabulaire et rendre l\u2019interface efficace, fonctionnelle et satisfaisante. Cela n\u2019emp\u00eache pas d\u2019introduire de l\u2019innovation, des saillances. Mais, effectivement, le vocabulaire de base peut sembler plus modeste, on revient \u00e0 l\u2019essentiel. Le flat design, par exemple, est un langage \u00e9l\u00e9mentaire, mais qui par l\u00e0 m\u00eame peut \u00eatre int\u00e9ressant et subtil, Le design d\u2018interaction est un design de parcours, un langage presque cin\u00e9matographique et non statique.<\/p>\n\n\n\n

\n

La notion d\u2019exp\u00e9rience d\u00e9passe la question du signe, elle combine l\u2019ensemble des objets s\u00e9mantiques.<\/p>\n<\/blockquote>\n\n\n\n


CD & CB: Quel est votre point de vue sur le flat design? Pensez-vous que c\u2019est une solution qui a r\u00e9ponse \u00e0 tout?<\/h3>\n\n\n\n

GAP : Il y a un peu de \u00e7a. Quand le premier iPhone est arriv\u00e9 sur le march\u00e9, Apple a adopt\u00e9 un vocabulaire graphique skeuomorphe, qui simule les formes et les mati\u00e8res de fa\u00e7on hyperr\u00e9aliste. C\u2019\u00e9tait tr\u00e8s malin, parce qu\u2019il fallait que l\u2019utilisateur retrouve une continuit\u00e9 de sens, qu\u2019il puisse reconna\u00eetre les choses et savoir \u00e0 quoi elles servent. Apr\u00e8s, lorsque le responsive design est arriv\u00e9, il a fallu concevoir des formes \u00e9lastiques, qui pouvaient s\u2019adapter \u00e0 tous les supports. Ce qui a pouss\u00e9 les designers \u00e0 travailler sur des objets vectoriels plut\u00f4t que sur de l\u2019image. Parall\u00e8lement, cette question de l\u2019apprentissage et de la reconnaissance des formes est devenue obsol\u00e8te, puisque c\u2019\u00e9tait un langage acquis. On s\u2019est donc dirig\u00e9s vers une simplification des signes et des formes, qui a donn\u00e9 naissance au flat design. La tendance \u00e9mergente, c\u2019est le retour du texte. Apr\u00e8s une d\u00e9ferlante de pictogrammes, on revalorise aujourd\u2019hui le mot, au d\u00e9triment du signe. La notion d\u2019exp\u00e9rience d\u00e9passe la question du signe, elle combine l\u2019ensemble des objets s\u00e9mantiques. C\u2019est pour cela que la conception inclut toutes ces dimensions, et int\u00e8gre la complexit\u00e9 dans le projet. Mais les \u00e9coles ne sont pas encore tout \u00e0 fait \u00e0 jour l\u00e0-dessus.<\/p>\n\n\n\n

CD & CB: Justement, d\u2019o\u00f9 viennent les UX designers qui travaillent avec vous? Quels sont leurs parcours?<\/strong><\/h3>\n\n\n\n

GAP : Il y a eu plusieurs g\u00e9n\u00e9rations. Certains sont venus de l\u2019ENSCI, d\u2019autres de Strate, certains ont des formations d\u2019ing\u00e9nieur. Il y a \u00e9galement beaucoup de profils issus des sciences humaines et sociales, car nous avons un p\u00f4le d\u2019\u00e9tudes assez d\u00e9velopp\u00e9.<\/p>\n\n\n\n

CD & CB: Qu\u2019est-ce qui fait un bon UX designer selon vous?<\/h3>\n\n\n\n

GAP : Cela peut vous para\u00eetre choquant, mais selon moi, un bon UX designer n\u2019a pas n\u00e9cessairement de comp\u00e9tences en graphisme. Cela dit, chez Attoma, la plupart des gens qui font de l\u2019UX ont quand m\u00eame un parcours qui leur permet de faire du graphisme. Ce qui fait un bon UX designer, c\u2019est sa compr\u00e9hension des usages, sa capacit\u00e9 \u00e0 se projeter et \u00e0 envisager une cin\u00e9matique par rapport \u00e0 un besoin. On est plus proche du storytelling que de l\u2019objet. On pourrait dire que c\u2019est du design de narration.<\/p>\n\n\n\n

CD & CB: A quel moment du projet intervient-il? Comment travaille-t-il avec les graphistes?<\/h3>\n\n\n\n

GAP : Chez nous, on travaille avec les UX designers aussi rapidement que possible, lors d\u2019ateliers d\u2019\u00e9coconception, o\u00f9 ils collaborent activement avec les clients et des experts, selon les projets. On r\u00e9alise une premi\u00e8re esquisse d\u2019\u00e9crans cl\u00e9s, de situations. Pendant cette phase, il n\u2019y a pas n\u00e9cessairement d\u2018implication de graphistes. Lorsqu\u2019on est sur la bonne voie, on r\u00e9alise des maquettes cliquables, pour se faire une id\u00e9e du parcours. Il faut rapidement donner un aspect assez r\u00e9aliste, abouti, pour pouvoir se projeter, Nous sommes particuli\u00e8rement attentifs au fonctionnal branding, qui permet de comprendre que l\u2019exp\u00e9rience est li\u00e9e \u00e0 une marque donn\u00e9e. Il faut donc rep\u00e9rer les fondamentaux et le vocabulaire du client, et trouver un moyen de les interpr\u00e9ter de mani\u00e8re juste \u00e0 travers l\u2019exp\u00e9rience.<\/p>\n\n\n\n

\n

Le travail du designer ce n\u2019est plus l\u2019objet, la forme, le signe, mais la relation..<\/p>\n<\/blockquote>\n\n\n\n

CD & CB: Est-ce qu\u2019il y a des solutions graphiques reconnues pour \u00eatre plus efficaces, plus simples, notamment au regard des nouvelles interfaces?<\/h3>\n\n\n\n

GAP : Oui, tout \u00e0 fait. En typographie, par exemple, il y a des constantes. Si on prend le cas d\u2019une signal\u00e9tique, ce sera toujours une typographie avec un \u0153il bien ouvert pour la lisibilit\u00e9, qui ne chasse pas trop, avec un interlignage optimis\u00e9. Les contraintes de perception et \u2018usage influencent nos choix graphiques. Est-ce que c\u2019est limitant? Non. Le spectre des possibles reste immense, parce que ces signes sont associ\u00e9s \u00e0 des comportements techniques dans les interfaces. Il en r\u00e9sulte une multiplicit\u00e9 de combinaisons. D\u2019o\u00f9 l\u2019importance de r\u00e9aliser au plus vite une maquette cliquable. Cela n\u2019aurait aucun sens de montrer \u00e0 nos clients une maquette statique, parce que ce n\u2019est pas \u00e7a qui cr\u00e9e l\u2019exp\u00e9rience. Je n\u2019ai jamais eu l\u2019impression d\u2019\u00eatre limit\u00e9 dans nos possibilit\u00e9s. Mais je dois dire qu\u2019on est pas reconnus pour notre c\u00f4t\u00e9 \u00ab waouh \u00bb en graphisme (rires).<\/p>\n\n\n\n

CD & CB: Justement, y a-t-il des projets qui laissent plus de place \u00e0 des incursions plus po\u00e9tiques, esth\u00e9tiques?<\/h2>\n\n\n\n

GAP : Le c\u00f4t\u00e9 s\u00e9duisant existe toujours. Avec le temps, notre int\u00e9r\u00eat s\u2019est d\u00e9velopp\u00e9 pour les probl\u00e9matiques d\u2019usage dans l\u2019industrie et dans la mobilit\u00e9 \u2013 plut\u00f4t que vers les industries telles que le luxe ou la culture \u2013, parce que c\u2019est l\u00e0 qu\u2019il y a des choses \u00e0 faire aujourd\u2019hui. On injecte l\u2019aspect esth\u00e9tique, s\u00e9ducteur, dans la qualit\u00e9 de l\u2019exp\u00e9rience, l\u2019\u00e9motion qu\u2019elle suscite, il y a un vrai travail sur le sensible. On d\u00e9passe le fonctionnel pur, notamment dans les domaines de la mobilit\u00e9 o\u00f9 il faut s\u00e9duire l\u2019usager. Les questions de mobilit\u00e9 sont vraiment des questions passionnantes. Depuis quelques ann\u00e9es, je suis responsable de la Commission Design pour l\u2018Union internationale des transports publics (UITP), bas\u00e9e \u00e0 Bruxelles, et nous organisons des formations sur le design d\u2019information, ce qui nous permet de voir l\u2019\u00e9volution des projets de design dans ce domaine partout dans le monde. La mobilit\u00e9, c\u2019est un nouveau territoire de culture \u00e0 mon sens.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

CD & CB: Selon vous, quels sont les enjeux de l\u2019UX design pour les ann\u00e9es \u00e0 venir ?<\/h3>\n\n\n\n

GAP : La disparition des interfaces, due \u00e0 l\u2019intelligence dans les objets cr\u00e9\u00e9s et qui conduit \u00e0 une simplification du langage. Le sujet demain, ce ne sera plus l\u2019\u00e9cran, mais le service lui-m\u00eame. D\u2019autre part, on va vers une automatisation de la conception. Les designers vont \u00eatre de plus en plus amen\u00e9s \u00e0 concevoir des g\u00e9n\u00e9rateurs de prototypages, de maquettes, \u00e0 proposer des solutions d\u00e9j\u00e0 faites. On le voit d\u00e9j\u00e0 avec les templates WordPress par exemple, qui marchent tr\u00e8s bien aupr\u00e8s des utilisateurs. Le travail du designer, selon moi, ce n\u2019est plus l\u2019objet, la forme, le signe, mais la relation.<\/p>\n\n\n\n

Post de Beno\u00eet Drouillat<\/a><\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00ab\u202fGraphistes, typographes, designers, illustrateurs, photographes, ou tout autre faiseurs d\u2019images. Vous qui avez rempli les pages de nos 272 num\u00e9ros ; vous qui nous avez \u00e9tonn\u00e9 et transmis la passion de vos m\u00e9tiers ; vous qui nous avez lu et soutenu : Merci.\u202f\u00bb Ce sont les mots avec lesquels Caroline Bouige, r\u00e9dactrice en chef, annon\u00e7ait […]<\/p>\n","protected":false},"author":1,"featured_media":446,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[73,79,77,75,1],"tags":[],"class_list":["post-2039","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-dinformation","category-experience-utilisateurs","category-interview","category-racines","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/posts\/2039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/comments?post=2039"}],"version-history":[{"count":2,"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/posts\/2039\/revisions"}],"predecessor-version":[{"id":2752,"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/posts\/2039\/revisions\/2752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/media\/446"}],"wp:attachment":[{"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/media?parent=2039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/categories?post=2039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/attoma.me\/fr\/wp-json\/wp\/v2\/tags?post=2039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}