URL: https://linuxfr.org/news/interview-de-celia-margotteau-designeuse-ux-et-ui
Title: Interview de Célia Margotteau, designeuse UX et UI
Authors: Ysabeau 🧶
 Davy Defaud, ZeroHeure et ted
Date: 2020年02月29日T15:46:15+01:00
License: CC By-SA
Tags: graphisme, design, webdesign, expérience_utilisateur, libreoffice, framasoft et debian
Score: 28
Les [T‐shirts](https://linuxfr.org/forums/linux-general/posts/design-tshirt-tracim-lequel-preferez-vous) avec les suricates, c’est elle, une partie des visuels du [site Tracim](https://www.algoo.fr/fr/tracim), c’est elle, lʼ[interface Tracim](https://linuxfr.org/news/plus-d-excuse-pour-ne-plus-collaborer-avec-tracim-2-5#toc-travail-de-fond-sur-lergonomie-etledesign), c’est aussi elle en partie.
Pour tout dire, quand _LeBouquetin_ a évoqué, dans une [dépêche plus générale](https://linuxfr.org/news/plus-d-excuse-pour-ne-plus-collaborer-avec-tracim-2-5), le recrutement de Célia, j’ai pensé que ça pouvait être un bon sujet pour cette série d’entretiens. Le temps, ensuite, de jouer avec l’interface, de trouver des questions, nous voilà avec la première interview de cette année.
![Dos du T‐shirt aux suricates](https://www.algoo.fr/static/medias/image-4c25ee3500bd1c8909c8c8ef6a4d0277ff187e71.jpg)
----
[Tracim](https://www.algoo.fr/fr/tracim)
[Plus d’excuse pour ne plus collaborer (avec Tracim 2.5) !](https://linuxfr.org/news/plus-d-excuse-pour-ne-plus-collaborer-avec-tracim-2-5)
[Design du T‐shirt, propositions](https://linuxfr.org/forums/linux-general/posts/design-tshirt-tracim-lequel-preferez-vous)
[Définition du concept expérience utilisateur](https://fr.wikipedia.org/wiki/Exp%C3%A9rience_utilisateur)
----
** ― Comment devient‐on designeuse UX et UI ?**
 
Pour ma part, j’ai un parcours assez peu conventionnel guidé par la curiosité. De nature créative, j’ai toujours été intéressée par le design graphique et le Web, j’ai donc suivi une formation d’infographiste puis de communication visuelle et enfin sur les médias numériques. Mais ce qui a vraiment été déterminant, ça a été de me rendre compte que ce qui me parlait le plus, ce n’était pas seulement de faire du design ou des interfaces esthétiques, mais vraiment de créer des produits utiles et intuitifs, en comprenant les besoins des utilisateurs. Comprendre les utilisateurs, cela signifie se mettre à leur place, mais surtout observer et essayer de comprendre leurs problèmes sans avoir d’aprioris.
** ― En quoi cela consiste‐t‐il ? Outre les CSS, y a‐t‐il d’autres langages que tu doives connaître, voire maîtriser ?**
 
En fait, en tant qu’UX/UI designeuse, il faut surtout réussir à s’adapter à la fois aux utilisateurs (leur vocabulaire, leurs problématiques, leurs contraintes, leurs intérêts) mais aussi aux équipes de développement, qui ont une grande expertise de leur domaine et qui sont de précieux conseils. Il n’est pas forcément nécessaire de savoir développer pour être UX / UI designer. Personnellement, j’ai des bases en _front‐end_, et je comprends les grands principes du _back‐end_, ce qui me permet d’interagir avec les différentes équipes. Il ne faut pas avoir peur de poser des questions et d’apprendre plein de nouvelles choses !
** ― Quelles sont les spécificités de ces deux types de design UI (interface utilisateur) et UX (expérience utilisateur) ?**
 
Le design de l’interface utilisateur (UI) est une composante de l’expérience utilisateur (UX). Le Nielsen Norman Group définit l’expérience utilisateur comme : « englobant tous les aspects de l’interaction de l’utilisateur final avec l’entreprise, ses services et ses produits ». L’UX correspond donc à tout ce qu’un utilisateur peut expérimenter ou ressentir vis‐à‐vis d’un produit, d’un objet, d’une application, lors de son usage. Pour une application par exemple, cela va correspondre à l’enchaînement logique des écrans, la facilité de trouver les informations, et la facilité pour l’utilisateur d’atteindre son objectif. L’interface est importante parce qu’elle est directement au contact de l’utilisateur, c’est la partie visible de l’expérience.
** ― À ton avis quelles qualités faut‐il avoir pour exercer ce métier ?**
 
Pour moi, les principales qualités seraient : l’empathie, la curiosité et l’humilité. Je vois difficilement quelqu’un réussir dans son travail d’UX designer sans empathie. L’empathie est importante pour réussir à se mettre à la place des utilisateurs et à les comprendre. Rester curieux est aussi essentiel pour continuer à progresser dans le domaine et ne pas hésiter à remettre en question ses acquis. Et enfin l’humilité, car il faut être capable de mettre ses propres croyances et ses aprioris de côté, afin de vraiment s’intéresser aux usages et aux besoins des utilisateurs.
** ― Actuellement, à quel niveau interviens‐tu dans l’élaboration et la conception des interfaces ? Est‐ce que c’est le moment idéal ? Préfèrerais‐tu intervenir plus en amont, plus tard, au début, à la fin ?**
 
En tant qu’UX/UI designeuse, j’interviens de façon transversale dans un projet de création de nouvelle fonctionnalité ou de refonte de l’expérience. J’interviens ainsi tout au long du projet :
 
- *en amont du développement*, les entretiens et les ateliers avec les utilisateurs permettent de comprendre leurs usages et leurs pratiques, afin d’imaginer des expériences adaptées ;
- *pendant le développement*, je participe à l’élaboration des spécifications et propose des maquettes présentant les nouvelles expériences et interfaces ;
- *après le développement*, en collaboration avec l’équipe de support et l’équipe commerciale, je récupère les retours des utilisateurs afin de continuer à améliorer l’expérience qu’on leur propose.
** ― Quelles difficultés (ou pas, d’ailleurs) rencontres‐tu ou as‐tu pu rencontrer avec les équipes de développement dans le cadre de ton travail (en général, pas spécifiquement chez Algoo) ? Le cas échéant, comment y pallies‐tu ?**
 
Les équipes de développement expérimentées ont un vocabulaire technique qui peut être perturbant aux premiers abords. Cependant, j’ai toujours eu la chance de travailler avec des équipes très ouvertes et compréhensives, qui ont pris le temps de m’expliquer les contraintes de leurs métiers. J’ai beaucoup appris grâce à eux !
** ― As‐tu déjà (en général, pas forcément chez Algoo) été confrontée à des demandes de « dark patterns » (interface truquée d’après Wikipédia) ?**
 
Je n’ai jamais été confrontée à une demande de _dark patterns_, parce que j’ai eu la chance de pouvoir choisir les gens avec qui je travaillais. Les _darks patterns_ correspondent à des expériences et des interfaces qui trompent sciemment les utilisateurs pour les empêcher de faire des actions qui ne sont pas profitables pour l’entreprise, comme, par exemple, désactiver les cookies (le plus fréquent) ou encore se désinscrire d’un service payant. C’est notre rôle en tant que designers de refuser de créer ou d’utiliser des _dark patterns_.
** ― Quels sont les soucis d’UX/UI que tu juges les plus fréquents ou notables dans les logiciels libres ?**
 
Un des soucis que l’on retrouve le plus fréquemment, dans tout type d’interfaces et d’expériences, pas seulement dans les logiciels libres, est de vouloir afficher trop d’informations, pensant que plus on affiche d’informations, plus c’est pertinent pour l’utilisateur. Cependant, afficher un grand nombre d’informations augmente la charge cognitive de l’utilisateur et rend sa navigation dans l’interface plus complexe. La [loi de Hick](https://fr.wikipedia.org/wiki/Loi_de_Hick) est un modèle d’IHM (interaction homme‐machine) qui explique que le temps qu’il faut à un utilisateur pour prendre une décision augmente en fonction du nombre de choix à sa disposition. Concrètement, plus un utilisateur a de choix à sa disposition, plus la décision va être longue et complexe pour lui.
** ― Y a‐t‐il des différences et des spécificités en termes d’accessibilité entre une interface Web et celle d’un logiciel ?**
 
Je dirais que ça dépend beaucoup du contexte, mais globalement les règles d’accessibilité restent les mêmes.
** ― Comment testes‐tu l’accessibilité d’un projet ? Est‐ce que, par exemple, des personnes handicapées participent à ces tests ?**
 
Je teste les projets sur lesquels je travaille en suivant les recommandations des WCAG 2.1 (_Web Content Accessibility Guidelines_). Je n’ai pas encore eu la chance de pouvoir tester mes designs avec des personnes en situation de handicap mais c’est très clairement un objectif pour moi.
** ― Sur quels logiciels as‐tu été formée ?**
 
Dans mes études, j’ai été formée sur la suite Adobe, sur GIMP, LibreOffice, XMind, 3ds Max, SketchUp, AutoCAD, ou encore Inkscape.
** ― Penses‐tu que la formation que tu as reçue est bien adaptée à la réalité du métier ?**
 
Un élément qui est pour moi essentiel et dont ma formation n’a pas parlé est l’importance du travail en équipe et de la pédagogie à avoir lorsqu’on est designeuse. Je me suis vraiment rendu compte de l’aspect transversal de ce métier qu’une fois en entreprise, où j’ai dû collaborer et m’adapter à de nombreuses équipes et personnalités différentes. Personnellement, j’adore ça, parce que discuter avec les gens de différents métiers et apprendre tous les jours de nouvelles choses me passionne, mais ça a été une surprise. En réalité, faire une interface n’est pas très compliqué, mais faire une interface qui corresponde aux besoins des utilisateurs, aux possibilités techniques, à la philosophie du projet et qui suscite l’engouement des équipes est un challenge à relever.
** ― Est‐ce que c’est toi qui as dessiné les visuels (mascotte, T‐shirt, etc.) du site Tracim et l’interface des outils ?**
 
Quand je suis arrivée chez Algoo, je me suis inspirée de l’identité visuelle existante et je l’ai déclinée sur différents supports, dont les visuels du site _tracim.fr_ ainsi que les T‐shirts d’Algoo. Je travaille sur Tracim depuis un an, et j’ai pu participer à l’élaboration de certaines fonctionnalités comme le partage de fichiers ou encore les onglets des applications (qui sont déjà disponibles dans Tracim), mais aussi sur des fonctionnalités qui sortiront bientôt comme une refonte du système de notifications ou une amélioration de l’historique des contenus. Nous avons aussi passé du temps à retravailler le site _tracim.fr_ afin qu’il présente au mieux Tracim. J’ai aussi participé au lancement de l’instance publique _mon.tracim.fr_, qui permet aux particuliers et aux associations d’utiliser Tracim sans avoir besoin de compétences techniques spécifiques.
** ― Au niveau professionnel, quels logiciels libres utilises‐tu, sur quel système d’exploitation ?**
 
Au niveau professionnel, j’utilise Inkscape, LibreOffice, Mozilla Firefox, Thunderbird, les outils de Framasoft, [Mattermost](https://fr.wikipedia.org/wiki/Mattermost) et Tracim bien sûr. Et je suis sous Debian GNU/Linux 9.9 (_Stretch_).
** ― Quelle est ta distribution GNU/Linux préférée et pourquoi, quels sont tes logiciels libres préférés ?**
 
Je suis assez classique, j’utilise Debian pour le travail et c’est la distribution qui me semble la plus claire pour une néophyte de Linux comme moi. ☺
** ― Quelle question aurais‐tu adoré qu’on te pose ? (évidemment, tu peux y répondre)
Au niveau personnel, quels logiciels libres utilises‐tu ?**
 
J’utilise Krita pour les illustrations, Blender pour faire un peu de 3D, et [Aseprite](https://www.aseprite.org/) pour faire du _pixel art_ !
** ― Quelle question aurais‐tu détesté qu’on te pose (en espérant que je ne l’ai pas posée) ?**
Je n’en vois pas. ☺
 
Merci beaucoup pour ces questions !
 
Au plaisir de répondre aux questions des lecteurs. ☺
**Merci beaucoup Célia.**
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="httpS://linuxfr.org/news/interview-de-celia-margotteau-designeuse-ux-et-ui.md">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="httpS://linuxfr.org/news/interview-de-celia-margotteau-designeuse-ux-et-ui.md" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>