Méthodologie UX

#Introduction

Il n’y a pas de secret, la technique la plus simple pour comprendre, connaître l’avis et les besoins des utilisateurs, est encore de les faire parler d’eux.
La méthodologie dont je vais vous parler aujourd’hui s’appelle « l’entretien utilisateur » (ou « interview utilisateur »). Vous la connaissez sûrement mais je vais me faire une joie de vous donner mes propres petits trucs et astuces pour mener à bien cet exercice.

Pour ceux qui ne connaissent pas (ou qui ont besoin d’une petite piqûre de rappel) : qu’est-ce qu’un « entretien utilisateur » ?
Il s’agit simplement d’une des méthodes fondamentales d’UX Design. Elle consiste en un dialogue entre le concepteur d’un produit ou d’un service et un utilisateur potentiel. L’objectif de ceci est de collecter un maximum de données grâce à une suite de questions appelée « guide d’entretien » posée à l’interviewé.

Cette technique est l’une des plus utilisées dans notre métier pour plusieurs raisons. Premièrement, les UX Designers peuvent se servir de cette méthodologie aussi bien dans le cycle de conception que dans la phase d’exploration et les phases d’évaluation du système. Deuxièmement, lorsque l’on a compris les principes pour faire de bonnes interviews utilisateur, il est assez facile de comprendre comment faire des « Focus group », des questionnaires exploratoires et des tests utilisateurs. Et enfin, elle est assez simple à mettre en place.

#Préparation

Avant même de se lancer il est important de faire un point sur la manière de procéder et l’état d’esprit dans lequel il faut que nous, UX Designers (de génie), soyons.

Il est intéressant de savoir qu’il existe plusieurs types d’entretien (laddering, incidents critiques, instruction au sosie, etc.). Bien que tous soient basés sur « l’entretien non-directif » de Rogers (1942), certains aspects peuvent diverger (niveau de directivité, approche plus ou moins marketing, ergonomique, etc.). Je ne vais pas rentrer dans les détails de ces techniques et vous laisse le soin de faire quelques recherches supplémentaires puisque je préfère m’attarder ici sur le procédé de base (qui a largement fait ses preuves).

Primo, l’état d’esprit ! Cela paraitra sûrement logique à plus d’une personne mais, lorsque l’on fait un entretien il est capital d’être le moins directif possible. L’objectif étant de faire parler la personne de ses goûts, besoins, ressentis, etc., il est nécessaire de l’influencer le moins possible pour ne pas fausser les résultats.
Du coup, il y a trois choses à ne pas oublier tout au long de cet exercice (et pas que pendant l’entretien) :

• Faire preuve d’empathie : l’interviewer doit faire preuve d’une grande capacité de compréhension et d’écoute à l’égard de la personne en face de lui.
• Ne surtout pas juger : pour ne pas dérouter l’interviewé, l’UX Designer ne doit surtout pas juger ce qui lui est raconté, il doit faire preuve d’acceptation inconditionnelle.
• Faire attention à être le plus non-directif possible : l’interviewer ne doit en aucun cas essayer d’infléchir, de modifier la pensée, le comportement ou les valeurs du participant.

A retenir
Il est normal de ne pas être réceptif aux mêmes choses que les personnes autour de nous. Ce sont nos différences qui nous définissent en tant que personne et nous caractérisent. C’est justement pour cela que notre métier d’UX Designer est si intéressant et important. À nous de les comprendre et d’agir au mieux pour satisfaire les attentes et besoins de nos clients et utilisateurs.

Ok, vous avez bien ces trois règles de conduite en tête ? Parfait, maintenant on peut réellement entrer dans le vif du sujet !

1. Définition des objectifs
La première chose lorsque l’on prépare une interview utilisateur est de bien définir ses objectifs au préalable. Les données que l’on veut collecter peuvent être différentes d’un projet à un autre et même varier simplement en fonction l’étape de conception du produit/service. Pourquoi faire ces recherches ? Y a-t-il des thématiques à aborder tout particulièrement ? Peut-on diviser ces thématiques ? etc.

Je ne saurais trop vous recommander de vous baser sur un ensemble de thématiques que vous diviserez en autant de sous-catégories que nécessaire pour vous permettre de créer vos questions.

2. Création du guide d’entretien
Le guide d’entretien (ou script) est la trame de questions sur laquelle vous allez vous reposer pendant l’entretien. Vous et votre équipe allez imaginer une suite de questions qui correspondent à vos objectifs. D’autre part vous allez devoir penser à vérifier si l’utilisation de supports, des éléments divers (comme des photos) peuvent apporter une aide à l’interviewé. À voir si cela peut l’aider à se projeter et à répondre aux questions.

Mon astuce
N’hésitez pas à poser des questions dont vous croyez connaitre la réponse ! Vous pourriez être surpris de découvrir des réponses très différentes de ce à quoi vous pensiez au début.

Pour ce qui est du nombre de questions à préparer, sachez qu’il n’y a pas de nombre idéal. En effet, en fonction du projet, les données à récolter et les points à aborder peuvent être complètement différents. Toutefois, commencer avec une base de 15 questions me semble être une bonne idée. N’oubliez pas que l’objectif est de faire parler de lui l’interviewé, il doit pouvoir prendre le temps de répondre comme il le souhaite sans que vous ayez besoin de l’interrompre. Donc inutile d’imaginer un trop grand nombre de questions.

3. Formulation des questions
Pour que l’entretien se passe au mieux, il est nécessaire de ne pas formuler des questions trop fermées. Il serait dommage d’obtenir de simples « oui » ou « non » à une question où vous attendiez une réponse complète et détaillée.

Vous devez également faire attention à formuler vos questions de manière à ce qu’elles soient faciles à comprendre. Elles doivent être accessibles et humaines.
De plus, vous devez faire en sorte que l’utilisateur potentiel ait envie de vous raconter le plus possible d’histoires et d’anecdotes. C’est souvent à partir de ces éléments que vous allez pouvoir récupérer le plus d’informations exploitables.

Mon astuce
Pour que l’entretien se passe au mieux, l’interviewé doit se sentir à l’aise. Adoptez donc une attitude naturelle et agréable tout en restant professionnel.
Le cadre dans lequel se passent les interviews compte également. Le lieu doit être propice à la discussion (pas de café/bar, de pièce trop fermée ou avec des vitres sans tain). Priorisez plutôt des salles de réunion lumineuses avec une décoration agréable (et non invasive) par exemple.

Il existe plusieurs types de questions qui peuvent être intéressantes. En voici quelques exemples : questions de séquence, demandant des exemples spécifiques, liées à une quantité, de comparaison sociale, de projection dans le futur (ou l’inverse), de vision utopique, d’opinion, d’association de mots, de complétion de phrase, de création de listes, etc.

4. Recrutement des participants
L’étape de sélection des participants est l’une des étapes les plus capitales et ce, pour une raison toute simple : si votre échantillon d’utilisateurs n’est pas suffisamment proche de votre cible idéale, les résultats pourraient être faussés. On ne choisit pas un échantillon de jeunes ados si le produit ou le service en cours de création s’adresse à de jeunes mamans (logique non ?).
Est-ce que cela veut dire qu’il ne faut interroger que des utilisateurs « cœur de cible » ? Je ne pense pas. Il peut également être intéressant de discuter avec des utilisateurs « autres ». Ce peut être des non-utilisateurs, d’anciens utilisateurs, des utilisateurs experts, occasionnels, etc. Toutefois attention, ces utilisateurs ne doivent pas constituer la majorité de votre échantillon.

Une autre question qui se pose est évidemment en rapport avec le nombre de participants qui compose l’échantillon. Idéalement, il faudrait faire des interviews jusqu’à ne plus obtenir aucune information nouvelle. Malheureusement, cet exercice demande tout de même beaucoup de temps et peut rapidement revenir très cher à l’entreprise à cause des coûts de recrutement d’utilisateurs volontaires.
Selon moi, le nombre idéal se trouve entre 10 et 12 personnes mais, encore une fois, tout dépend du projet pour lequel vous faites des entretiens.

#Les entretiens

Une fois la phase de recrutement des utilisateurs potentiels faite, votre guide d’entretien rédigé, débutent les interviews.

Mon astuce
Il est impératif de bien prendre des notes lors de l’entretien et ce même si vous faites des enregistrements vidéo ou audio. Cela vous permettra d’être plus rapide au moment de l’analyse des résultats.
Si vous en avez la possibilité, travaillez en équipe de deux personnes pour chaque interview : une personne qui prend des notes et une autre qui pose les questions.

1. Structure de l’entretien
Généralement les entretiens se déroulent en 5 phases :

1. Accueil du participant (5min) : vous accueilliez l’interviewé et faites en sorte de le mettre à l’aise. C’est également pendant cette phase que vous allez lui faire signer tous les papiers pour obtenir l’autorisation d’exploitation de ce qui sera dit pendant l’entretien. De même pour l’accord d’enregistrement de la session.
2. Échauffement (5–10min) : c’est à ce moment que vous allez devoir lui expliquer la manière dont va se dérouler la session et lui faire comprendre qu’il ne faut pas qu’il hésite à donner un maximum de détails. Une fois que cela est fait, commencez par des questions simples et générales.
3. Corps de l’entretien (environ 80% du temps de l’entretien) : commencez toujours avec des questions génériques puis progressez vers des questions spécifiques.

Mon astuce
Si vous avez correctement rédigé votre script, que l’enchainement des thématiques et des sous-thématiques est logique, il y a des chances pour que l’interviewé réponde à des questions (en partie ou complètement) en avance. Ce n’est en aucun cas un problème.
Votre guide d’entretien n’est qu’une aide, une base pour obtenir le plus d’informations possible. Vous pouvez tout à fait réadapter vos questions ou modifier l’ordre des questions en cas de besoin. En effet, si vous interrompez une personne parce qu’elle ne suit pas la trame initiale de votre script, vous risquez de perdre le caractère spontané de la discussion.

1. Rétrospectives (5–10min) : faites un retour sur les questions générales et faites une synthèse globale de l’entretien.
2. Clôture (3 min) : demandez-lui s’il n’a rien à ajouter et si ce n’est pas le cas remerciez-le et clôturez l’interview.

2. Les relances
Plus tôt dans cet article, je vous ai dit que, idéalement, il fallait viser une quinzaine de questions pour votre guide d’entretien. Ce n’est pas fixe. De temps à autre, vous allez avoir besoin de relancer la conversation. Cela assurera à l’interviewé que vous êtes bien à l’écoute et pourra aussi servir à lui demander d’approfondir certains aspects clés d’une réponse à une question de base.

Vous pouvez vous servir de différents types de relance : la clarification, la question de précision supplémentaire, celle sur l’attitude du participant, le simple fait de répéter ce qui vient d’être dit, l’interprétation d’une phrase, les grommellements, les non-dits, etc.

Mon astuce
Il ne faut en aucun cas avoir peur des silences. Quelquefois simplement en attendant un peu entre les questions, les participants peuvent avoir des informations qui leur viennent en tête.

#Transcription des entretiens et analyse

Lorsque les entretiens sont finis, il va vous falloir les retranscrire. Pour cela, vous allez devoir rapporter le plus précisément possible les paroles de vos interlocuteurs et les vôtres ainsi qu’un maximum d’informations non verbales (position, sourire, rire, tons, silences, etc.).
Attention, vous ne pouvez pas vous contenter de simplement vous fier à vos notes, servez-vous des enregistrements que vous avez faits. Il est fort probable que certaines informations ne vous aient pas marqué lors de l’entretien même.
Il faut compter en moyenne 5 heures de travail de transcription pour une heure d’entretien (et oui !).

Pour la partie analyse des données, il existe plusieurs méthodes. De manière générale, elles consistent principalement à regrouper les phrases, morceaux de phrase ou signes en rapport avec une même idée. Afin de bien regrouper ces informations, il faut utiliser une unité d’analyse et des catégories que vous allez devoir choisir en fonction des objectifs et des questions de vos entretiens utilisateur. Il peut par exemple s’agir d’éléments sur le contexte social, physique, politique, etc.

Une fois ces informations triées et ordonnées, il vous faudra compter le nombre de fois où sont répétées des informations dans l’ensemble des entretiens. L’objectif ici est de faire le tri entre idées récurrentes et exceptions, pour mieux distinguer celles qui doivent être significatives dans le développement de votre produit/service.

Le petit plus
Cet article commence à être assez long. Je ne vais pas aborder ici de technique précise de recoupement des informations (mais ça ne saurait tarder dans un autre article). En attendant, je vous renvoie vers la technique de « diagramme d’affinités » qui est une méthode de classification participative de données.

Sources d’images : unsplash.com/@alejandroescamilla, unsplash.com/@rawpixel & unsplash.com/@seemisamue

Sources d’informations : “Méthodes de design UX” de Carine LALLEMAND & Guillaume GRONIER (édition Eyrolles), Méthodes d’interview du Design Kit de Ideo.org, etc.

Cet article à été rédigé dans le cadre d’une formation. Il s’agit d’un travail personnel de recherhce et de réécriture. Je remercie donc mes professeurs Raphaël ALEXANDRE et Judith MARLAT pour leurs conseils.

PS : Bonne chance !

EN COURS DE RÉVISION

L’entretien utilisateur ? Pourquoi ? Quand ? Comment ? was originally published in Cheval de Troie on Medium, where people are continuing the conversation by highlighting and responding to this story.

Méthodologie UX

#Introduction

Quand je me suis attaquée à la rédaction de cet article, l’une des choses qui m’a surprise est le nombre d’outils à disposition pour designer et prototyper. Moi qui voulais faire un article sur les “meilleurs”, je suis vite revenue sur ma décision. Sur une cinquantaine de ces programmes, je devais en avoir utilisé 5 ou 6, et en connaitre une vingtaine de nom. Ce n’est pas en les utilisant tous pendant 5 minutes que j’aurais pu avoir une vraie opinion sur eux.

J’ai donc préféré me concentrer sur les outils pour faire de l’UI web et mobile et en particulier ceux qui étaient les plus utilisés autour de moi, à savoir Sketch, Adobe XD et Axure. Cela m’a permis de récolter les avis de leurs utilisateurs. Je garde toutefois dans l’idée de faire un prochain article sur les outils de prototypage.

#Axure

Axure est l’un des logiciels les plus anciens pour faire de l’UI et du prototypage. Il a été traduit en français et présente l’avantage d’être disponible sur Mac et sur PC.

1. Caractéristiques techniques et prix
Point important à voir pour ce type de programme : le prix. Et justement, je ne suis pas vraiment convaincue. D’un côté, la version pour les étudiants et professeurs est très intéressante puisqu’elle est gratuite. D’un autre, celle pour les professionnels et pour les équipes est très chère : respectivement 27€ et 46€ pour un abonnement au mois contre 460€ et 832€ pour un achat complet.

Heureusement avec la version d’essai fixée à 30 jours, on a largement le temps de se faire un avis sur ce logiciel, et de savoir s’il nous convient ou non.

2. Prise en main
Par défaut, Axure propose plusieurs bibliothèques d’objets. Toutefois, celles-ci sont très limitées et il est assez compliqué d’en trouver d’autres plus complètes, et ce, encore plus sur l’environnement iOS. Du coup, la première chose à faire lorsqu’on commence à utiliser Axure, est de s’armer de courage et de patience, et de partir en quête de meilleurs bibliothèques.

Bien que beaucoup de raccourcis correspondent plus ou moins bien aux outils de la suite Adobe, la prise en main de l’outil est assez laborieuse. L’interface est visuellement surchargée avec ses fenêtres d’outils pleines d’onglets et ses listes déroulantes en tous genres.

Personnellement, quand je me suis retrouvée avec l’interface sous les yeux, j’étais ravie d’avoir une gentille personne sous la main qui m’a expliqué le fonctionnement du logiciel. Il faut dire que l’outil commence à dater un peu (mais quand même !).

3. Utilisation
Il est assez compliqué d’obtenir des prototypes au format image pour des propositions commerciales avec Axure et de montrer clairement des intentions graphiques. Bien que les fonctionnalités soient là pour le faire, je trouve que cet outil n’est pas adapté pour faire du design pur étant donné son interface très “brouillon”. Axure est finalement plus un “Photoshop du wireframe” plutôt qu’un “Photoshop de l’UI”.

Cependant, s’il s’agit d’imaginer des prototypes rapides pour le début de la conception de sites web ou d’applications mobiles, où seuls des wireframes sont vraiment nécessaires, Axure me semble tout à fait adapté. Étant donné le nombre important de possibilités que ce logiciel offre pour gérer des interactions entre et sur les différentes pages, il est facile d’imaginer différents chemins utilisateurs et d’avoir une vision globale sur un projet.

La personne avec qui j’avais pu m’entretenir sur Axure trouvait qu’il s’agissait d’un outil parfait pour faire du “prototypage fidèle et fonctionnel pour réaliser un test utilisateur”. Je ne suis pas tellement d’accord avec elle sur ce point, notamment à cause de la partie DA que je trouve trop compliquée à imaginer avec ce logiciel.

Axure est donc plus un outil d’itération que de création. Dommage. Pourtant les outils sont bien là pour en faire. Il est d’ailleurs possible de générer des prototypes sur navigateur où des clients potentiels peuvent laisser des commentaires et des retours.

#Adobe XD

Parmi les trois logiciels que je vous présente aujourd’hui, Abobe XD est clairement mon préféré. Adobe a lancé ce logiciel il y a plus d’un an maintenant et je ne m’en suis toujours pas lassée malgré les nombreux reproches que j’ai pu lui faire et/ou que je lui fais encore.

1. Caractéristiques techniques et prix
Premier point technique important : Adobe XD est disponible sous Mac ET Windows. Malheureusement, après des mois et des mois d’attente des utilisateurs Windows, il n’est toujours disponible que sous la version Windows 10 (ce qui a fait déchanter un certain nombre de mes collègues).

Deuxième point : le prix. Pour les utilisateurs du Creative Cloud d’Adobe, pas de problème. Adobe XD est compris dans la suite, donc pas besoin de prendre un abonnement en plus. Cependant, pour les personnes qui ont choisi de se détacher du géant qu’est Adobe, c’est plus compliqué. Il y a toujours la possibilité de le tester grâce aux 30 jours d’essai gratuit de la suite, mais une fois ce délai passé, il faudra prendre un abonnement ou se créer de nouveaux identifiants.

2. Prise en main
Pour ce qui est de la prise en main, je n’ai pas énormément de critiques négatives à faire.
Contrairement à ce que reprochent les utilisateurs de Sketch à Adobe XD, je trouve l’interface épurée très agréable. À la différence de son concurrent, je trouve que les ergonomes d’Adobe ont fait un excellent travail sur des choix tels que “quel outil ou non devait être visible directement ou pouvait être caché dans des sous-menus”. C’est donc cette ergonomie (avec son tutoriel) qui m’a permis de plutôt bien maîtriser ce logiciel après seulement 5 minutes d’utilisation.

Malgré tout, il m’arrive encore de découvrir certaines fonctionnalités un peu “cachées”. Pendant que j‘interviewais mes collègues et que j’essayais de pousser des comparaisons entre les différents programmes, j’ai dû à plusieurs reprises montrer que oui, il y a bien la possibilité de faire des masques de formes et de générer des grilles. Comme quoi, si je suis sensible à l’ergonomie d’Adobe XD, je comprends tout à fait que certains préfèrent un Sketch, Axure, Flinto ou un Figma.

Comme pour Axure, je suis assez déçue par les bibliothèques d’objets mises à disposition. Bien qu’elles soient tout de même plus complètes, elles ne valent clairement pas celles que Sketch propose à ses utilisateurs. Dommage.

3. Utilisation
J’ai récemment eu besoin de retourner travailler sur Photoshop pour des maquettes client et, une chose est sûre, quand on s’est habitué à travailler sur des logiciels comme Adobe XD, il est compliqué de retourner en arrière. “Logique” me direz-vous puisque ce sont des outils qui sont spécialement conçus pour faire de l’UI. J’ai facilement mis le double du temps que j’aurais pu mettre si j’avais utilisé Adobe XD. Plusieurs choses expliquent cela.

La première chose est l’utilisation du artboard avec plusieurs plans de travail modifiables en même temps. L’avantage de cette fonctionnalité est que je peux voir en un clin d’œil l’ensemble de mes écrans, les comparer si j’hésite entre deux présentations, et m’assurer de la cohérence graphique. Certes Photoshop le fait aussi, mais assez mal comparé à Adobe XD où en un clic j’ai changé de plan de travail.

Comme dit plus tôt, je trouve l’interface épurée de ce logiciel très agréable. Tous les outils de base sont du côté droit de l’écran et lorsque je veux rentrer dans les détails de l’un de ces éléments en cliquant dessus, l’autre côté de l’écran se met à jour.
Si je veux modifier un bloc de texte, je vais avoir la possibilité de déplacer le bloc, de le transformer mais aussi de modifier la typographie, la taille, l’espacement entre les caractères, etc., ce qui n’aurait pas été possible s’il s’agissait d’un bloc de couleur par exemple.
C’est donc grâce à ce fonctionnement que l’interface est épurée et me permet de travailler plus efficacement qu’avec Photoshop ou même Sketch. J’ai besoin de ma “page blanche” pour créer. Cet espace est très important d’autant plus quand, comme moi, on travaille sur des écrans assez petits.

Une des grosses critiques que j’ai pu entendre venait du fait qu’il n’y ait pas de possibilité de créer des règles mobiles, et cette critique est à raison. Après quelques mois d’attente, Adobe a fini par ajouter une possibilité de créer une grille automatiquement, mais toujours pas de règles, ce qui par moments aurait été appréciable.

Le gros plus d’Adobe XD réside dans la possibilité de créer un prototype, en partie fonctionnel, sans avoir besoin d’utiliser un programme secondaire. Dans la partie “prototypage” l’utilisateur peut gérer des interactions entre les différentes pages et choisir des effets de transition entre celles-ci.
Cette fonctionnalité peut être très pratique pour montrer l’enchainement des écrans à un client, d’autant plus qu’il y a une possibilité de partager un prototype en ligne et de le commenter.
Toutefois, cette fonctionnalité est assez limitée. Il n’y a aucune possibilité de faire des interactions internes aux pages ou de gérer des effets “hover”. Encore une amélioration à apporter le plus rapidement possible.

Je finis sur mon analyse d’Adobe XD sur un point qui me chiffonne : pourquoi n’y a-t-il pas de possibilité de faire des exports en .psd ? Je comprends tout à fait que d’autres logiciels de ce genre se satisfassent d’exports SVG, PNG ou natifs mais pourquoi Adobe XD ? Beaucoup de clients ne sont pas encore passés à d’autres outils que Photoshop pour leurs maquettes et réclament des “.psd”. Il n’y a pourtant pas de désintérêt financier à faire ça. Je ne comprends donc pas pourquoi choisir d’en priver les utilisateurs.

#Sketch

Sketch est réellement le logiciel de référence pour faire de l’UI web et mobile. C’est le plus connu et il a toutes les raisons de l’être… quoique.
Soyons clair tout de suite : je n’aime pas Sketch et j’ai du mal à comprendre pourquoi il y a tant de personnes qui continuent à travailler sur ce logiciel alors qu’il en existe plein d’autres qui sont bien mieux, comme Figma, Flinto par exemple.

1. Caractéristiques techniques et prix
Contrairement à Axure et à Adobe XD, Sketch est un logiciel qui n’est disponible qu’en anglais. Si en principe dans nos métiers, ce n’est pas réellement un problème, il faut bien reconnaitre que j’aurais tout de même apprécié la traduction de quelques termes (mais moi et mon niveau d’anglais…).

Comme une grande majorité de logiciels destinés à la création d’UI, ce logiciel est uniquement disponible sous Mac. Dommage puisque la majorité des développeurs Back End et Front End avec qui j’ai eu la chance de travailler étaient sous Windows. Il y a un certain nombre de solutions pour résoudre ce problème me direz-vous, mais j’y reviendrai plus tard.

Malgré tout ça, il y a une chose qui fait énormément remonter Sketch dans mon estime : ce logiciel commence très sérieusement à se démocratiser auprès des clients. De plus en plus de clients acceptent que l’on travaille sous Sketch et sont capables de se servir des fichiers pour l’intégration sans passer par la case Photoshop.

2. Prise en main
Là encore, je ne peux pas reprocher grand-chose à Sketch, la prise en main se fait sans vraiment de problème. L’interface est simple et bien adaptée à la création de sites web et d’applications mobiles.

Dès la première utilisation et sans que l’utilisateur ait besoin de faire moult et moult recherches pour avoir de bonnes bibliothèques d’objets qui soient bien complètes : elles sont déjà là, déjà intégrées à Sketch ! Et (oh bonheur), même dans le cas où vous ne trouveriez pas ce qu’il vous faut dans ces fichiers, à la différence de l’intégralité des autres logiciels du type de Sketch, il y a une grande communauté d’utilisateurs prêts à vous aider et à vous partager des ressources (gratuitement ou non).

Toutefois, j’ai quand même un petit reproche : les raccourcis clavier. Ils ne ressemblent pas du tout à ceux que l’on pouvait utiliser sur Photoshop ou Illustrator. Dommage puisque, même après qu’elles aient utilisé Sketch depuis des mois, j’ai constaté que certaines personnes que j’ai pu interviewer n’arrivaient pas à se servir de certains raccourcis et perdaient inutilement du temps pour des actions pourtant très simples.

3. Utilisation
Ok, je dois admettre (un peu à contre-cœur) que le logiciel est loin d’être mauvais. Il n’y qu’à voir le nombre de logiciels de design UI qui ont émergé depuis sa création et qui sont en grande partie “pompés” depuis Sketch et, encore une fois, à juste titre.

Comme pour Adobe XD, Sketch met parfaitement à profit l’utilisation du artboard. Les avantages sont les mêmes qu’avec Adobe XD : vision d’ensemble sur les différents écrans en un regard pour vérifier la cohérence graphique et la pertinence des différents chemins utilisateur imaginés, gain de temps, etc.

Malgré cela, j’ai une remarque à faire par rapport à l’interface. En utilisant Adobe XD, je me suis habituée à avoir un minimum d’informations visuelles à l’écran. Seuls les outils utiles lors de l’interaction avec un objet sont visibles. Or, ce n’est pas le cas avec Sketch, la barre d’outil du haut de l’interface est consacrée à la manipulation de formes et est visible en permanence, et je trouve cela assez pesant visuellement.

Autre point négatif que je pourrais trouver à Sketch : l’absence d’outils de prototypage. Ceci me permet d’ouvrir ma conclusion sur Sketch.
Plus tôt dans mon article, j’ai dit que Sketch ne disposait pas d’outil pratique pour les développeurs qu’ils soient sous Mac ou Windows, et je le confirme, Sketch n’en propose pas. En tout cas pas en natif car en réalité, il existe des solutions qui permettent de très bien répondre à ce problème. Et justement, la grande force de Sketch ne réside pas dans le logiciel en lui-même qui est, à mon sens, largement détrônable, mais bien grâce à tous les logiciels et les plugins complémentaires que l’on peut greffer au logiciel de base. Il en existe des tas comme les célèbres Invision (prototypage) et Craft mais aussi les Framer JS, MarvelApp et Orgami qui méritent à eux seuls un article (que je ne manquerai pas de faire).

#Conclusion

En conclusion de tout ça, j’aimerais dire qu’il m’a fallu faire un choix et ces trois programmes, quoique différents, ont tous leurs utilités et leurs points forts :

• Axure comme étant le meilleur outil des trois pour faire des wireframes et des prototypes qui ne soient pas centrés uniquement vers les interactions entre les pages, mais aussi vers les interactions internes aux pages.
• Adobe XD comme étant le logiciel avec l’interface la plus ergonomique et la plus aboutie malgré quelques manques (qu’on espère voir disparaître d’ici à la fin de la bêta).
• Et enfin Sketch qui, même s’il est limité, propose des outils complémentaires géniaux. Il est d’ailleurs fort probable qu’à terme, je finisse par prendre une licence lorsque j’en aurai assez de payer la suite Adobe (et ça arrivera).

Pour aller plus loin : uxtools.co/tools/design & prototypr.io/prototyping-tools

Que choisir ? Sketch, Adobe XD, Axure, etc. ? was originally published in Cheval de Troie on Medium, where people are continuing the conversation by highlighting and responding to this story.

Méthodologie UX & grand influenceur

#Introduction

Pour le lancement de ce “journal” version Cheval de Troie, j’avais envie de faire fort. Un seul article, deux thématiques : “méthodologies” et “grands influenceurs”. L’homme dont je vais vous parler s’appelle Dieter Rams.

Pourquoi cet homme ? Tout simplement parce qu’en plus d’être un designer industriel de génie et d’avoir influencé des dizaines d’autres designers avec des spécialités bien différentes et ce depuis des années, cet homme a aussi imaginé une liste de 10 critères très simples pour obtenir de “bons designs”.

#Biographie

Si vous ne le connaissez pas, Dieter Rams, né le 20 mai 1932 est le designer qui a le plus participé au développement de la marque d’électronique Braun.

Fortement influencé par son goût pour les arts et par son grand-père qui était charpentier, Dieter Rams commence des études en architecture à l’école d’Art Wiesbaden en 1947. Il s’intéresse déjà à cette époque à la décoration d’intérieur mais mettra tout de même l’accent sur l’architecture (du moins à cette période de sa vie).
A la fin de ses études, il rejoint le cabinet d’architectes Appel, en Allemagne. Il évoque lui-même une période très intéressante pour lui et l’Allemagne, il parle d’un « nouveau départ d’après-guerre ».

Suite à un heureux concours de circonstances, Dieter Rams se retrouve à travailler avec les frères Braun en 1955. À l’époque, l’entreprise cherchait à embaucher un architecte et après avoir été poussé par l’un de ses collègues, Dieter Rams finit par leur écrire et être embauché.
Il travaillera dans un premier temps à la modernisation des locaux de l’entreprise puis se consacrera à la conception industrielle pour finalement totalement se détacher de l’architecture. Ce fut le début de sa longue et incroyable carrière.

Souvent copié, jamais égalé, Dieter Rams a su influencer de nombreux designers par ses travaux. On retrouve son empreinte dans les réalisations pourtant cultes de Jacob Jensen pour Bang&Olufsen ou encore dans celles de Jonathan Ive pour Apple.
Il déclare d’ailleurs avec fierté et dans plusieurs interviews que s’il devait concevoir un ordinateur aujourd’hui, il ressemblerait énormément à celui d’Apple (bien qu’il ne soit pas du tout en accord avec certaines idées de la marque).

#Les 10 principes du bon design

Tout au long de sa carrière, Dieter Rams s’efforcera de créer des produits durables, qui ne vieillissent pas prématurément, qui ne deviennent pas “de style”.
C’est dans cette optique qu’il créa sa liste des 10 principes à respecter pour obtenir de “bons designs”. Cette liste, je vous la présente maintenant.

1. Un bon design est innovant
Les possibilités d’innovation ne sont pas, par tout moyen, épuisées. Le développement technologique offre toujours de nouvelles opportunités pour la conception innovante. Mais le design innovant se développe toujours en tandem avec une technologie innovante, et ne peut jamais être une fin en soi.

2. Un bon design rend un produit utile
Un produit est acheté pour être utilisé. Il doit répondre à certains critères, non seulement fonctionnels, mais aussi psychologiques et esthétiques. Une bonne conception met l’accent sur l’utilité d’un produit tout en supprimant tout ce qui pourrait éventuellement y nuire.

3. Un bon design est esthétique
La qualité esthétique d’un produit fait partie intégrante de son utilité car les produits que nous utilisons chaque jour affectent notre personne et notre bien-être. Mais seuls les objets bien exécutés peuvent être beaux.

4. Un bon design rend un produit compréhensible
Il clarifie la structure du produit. Mieux encore, il peut faire parler du produit. Au mieux, il va de soi.

5. Un bon design est discret
Les produits répondant à un but sont comme des outils. Ils ne sont ni des objets de décoration, ni des œuvres d’art. Leur conception doit donc être à la fois neutre et sobre, pour laisser place à l’expression de soi de l’utilisateur.

6. Une bonne conception est honnête
Elle ne fait pas un produit plus innovant, puissant ou précieux qu’il l’est vraiment. Il ne cherche pas à manipuler le consommateur avec des promesses qui ne peuvent pas être conservées.

7. Un bon design est durable
Il évite d’être à la mode et n’apparaît donc jamais archaïque. Contrairement à la conception à la mode, il dure de nombreuses années — même dans la société jetable d’aujourd’hui.

8. Une bonne conception est complète jusqu’au dernier détail
Rien ne doit être arbitraire ou laissé au hasard. Entretien et précision dans le processus de conception sont une preuve de respect envers l’utilisateur.

9. Une bonne conception est respectueuse de l’environnement
La conception apporte une contribution importante à la préservation de l’environnement. Elle conserve les ressources et minimise la pollution physique et visuelle tout au long du cycle de vie du produit.

10. Un bon design interfère aussi peu que possible dans la conception
« Moins, mais mieux » — parce qu’il se concentre sur les aspects essentiels, et les produits ne doivent pas être accablés par les dimensions non-essentielles telles que des fonctionnalités « gadget ».
Retour à la pureté, à la simplicité.

« Je ne voulais pas ces 10 points à mettre dans
la pierre pour toujours. Ils étaient en fait
destinés à muter avec le temps et changer. Mais apparemment, les choses n’ont pas beaucoup changé
au cours des 50 dernières années. »

— Dieter Rams

#Mon opinion

Même si j’ai beaucoup d’admiration pour Dieter Rams et le travail qu’il accomplit, je ne suis pas tout à fait d’accord avec ses idées. Selon moi, il est obligatoire de rajouter un critère :

11. Un bon design doit toucher l’émotionnel
Au-delà du simple beau, il me semble qu’il est important de ne pas oublier l’émotionnel. Les produits et les services que nous créons font partie intégrante du quotidien. On comprend aisément l’intérêt de créer des designs et des interactions qui eux-mêmes créeront des émotions cohérentes avec ces outils de « vie ». En effet, si je paye une amende via internet je ne dois, selon moi, pas avoir le même sentiment de satisfaction que si je m’achète des vêtements ou de la nourriture.
Et parfois, il suffit d’un détail. Comme ce simple pictogramme « avion de papier » qui nous ramène aux souvenirs de l’enfance et à cet avion en papier envoyé de l’autre côté de la classe.

Source images : Flickr.com/groups/dieterrams

10 grands principes du design par Dieter Rams was originally published in Cheval de Troie on Medium, where people are continuing the conversation by highlighting and responding to this story.