Amélioration de vos compétences en dessin UX

(30 décembre 2020)

Lesquisse est lune des nombreuses compétences importantes que les concepteurs UX devraient affiner . UX Sketching a différentes significations, mais pour le bien de cet article, il est destiné à montrer comment nous pouvons illustrer des idées, des concepts, des parcours, des cartes, des personnages et des flux utilisés dans notre processus de conception. Cela ne se limite pas uniquement à lapparence dune interface – il couvre chaque élément de lexpérience utilisateur.

Je dois souligner que lesquisse ne consiste pas à dessiner, à illustrer, ni à créer des rendus haute fidélité ou parfaitement soignés . Les croquis sont censés être rapides et concis – essentiellement, tant que votre croquis peut véhiculer une idée, cest probablement un bon croquis.

Pourquoi devriez-vous dessiner plus?

Le croquis est destiné pour permettre au dessinateur de trouver rapidement des idées différentes sans avoir à se soucier de trop de contraintes. Ceci est suivi de nombreuses itérations et expérimentations, qui peuvent être faites en pratiquant des idées divergentes et convergentes, ou des exercices de fou 8s.

Avec le temps , vous devriez être capable de développer vos muscles de dessin et même de développer le vôtre (langage visuel et de dessin) pour communiquer avec les autres. Concentrez-vous sur le développement de croquis moins abstraits qui peuvent être facilement compris par les autres.

Dautres avantages impressionnants du développement de vos compétences en dessin incluent, mais ne sont pas limités à:

  • Pratiquer pour lavenir entretiens sur tableau blanc
  • Générer beaucoup didées et les sortir de votre tête
  • Collaborer mieux avec dautres parties prenantes
  • Itérer des idées plus rapidement

Avant de commencer, assurez-vous davoir un objectif en tête. Si vous souhaitez explorer ou créer des idées, déterminez quel est lobjectif final, le but, les contraintes et peut-être laudience. Cela peut aider à préparer le terrain pour savoir comment, quoi et même où vous devez dessiner. Cela montre également quil y a un objectif ou un objectif clair, de sorte que vous ne finissez pas par dérailler trop ou dans une direction totalement différente de celle que vous aviez initialement prévue. En tant que concepteurs, nous devons savoir comment travailler avec des contraintes, car cela nous rend souvent plus créatifs.

Dans cet exercice, notre objectif sera den esquisser concepts généraux de flux de tâches pouvant être transformés en wireframes. Cela dit, décomposons quelques approches desquisse de flux de tâches. Si nous décomposons la façon dont nous esquissons, au niveau atomique, nous nous retrouvons avec quelques formes de base (comme indiqué à gauche).

La bonne nouvelle est que si vous savez comment dessiner ces formes de base, alors vous pouvez à peu près tout dessiner. Lorsque vous pensez aux flux dutilisateurs, ou aux flux en général, nous voyons souvent une combinaison de ces formes.

La répartition:

Lorsque vous assemblez toutes ces formes, vous vous retrouvez avec le squelette dun flux utilisateur, que vous remplissez ensuite idéalement et répondre aux besoins spécifiques de votre projet. Vous utilisez ensuite toutes les formes ci-dessus pour indiquer différents concepts tels que les points de décision, les connexions, les flux, la direction et les processus autonomes.

Un simple exemple de flux utilisateur:

Un exemple de flux dutilisateurs plus long:

Les flux dutilisateurs sont généralement un excellent moyen de commencer à esquisser certaines de ces formes de base, ils ne ne nécessite pas de formes fantaisistes ni de compétences avancées et peut être un lieu pour pratiquer vos compétences en dessin tout en continuant à avancer dans votre projet.

Maintenant que vous avez ces formes de base vers le bas, et vous êtes prêt à bouger dun flux utilisateur à un filaire, nous pouvons commencer à examiner des pratiques desquisse plus détaillées. Une chose importante à noter est que le croquis ne consiste pas à avoir tous les détails, il vous en faut juste assez pour transmettre une idée. Donc, avant de continuer à ajouter à vos croquis, prenez un moment et demandez « est-ce suffisant pour transmettre mon message ou quels autres détails dois-je ajouter pour que tout le monde soit clair? »

Quand jai demandé à plusieurs de mes collègues non-concepteurs sils pouvaient esquisser une interface de messagerie, voici ce quils ont proposé:

Remarquez comment ils ont utilisé des lignes, des carrés, des cercles et dautres formes simples pour transmettre lidée dune interface de messagerie.Cétait juste assez pour faire passer leur message.

Lorsque vous dessinez des structures filaires, commencez simplement et simplifiez le nombre de lignes ou de formes que vous mettez dans un croquis. Réfléchissez aux raisons pour lesquelles vous avez besoin de ces détails et s’ils sont vraiment nécessaires. Cela ne signifie pas que vous ne pouvez pas continuer à ajouter plus de détails au fur et à mesure que vous continuez à itérer ou à modifier la conception, mais en restant simple, vous accueillez également plus didées et ditérations, sans oublier que vous pouvez rapidement passer dune esquisse. à un autre. Assurez-vous simplement dinclure les formes dont vous avez besoin en fonction de votre objectif et des contraintes précédemment énoncées.

Voici un exemple utilisant certaines de nos formes précédentes:

En matière de wireframing, nos formes prennent une signification différente pour mieux répondre à leur objectif .

Maintenant, si nous mettons tout ensemble, nous pouvons appliquer ces mêmes connaissances et directives à des diagrammes et des flux plus grands comme celui ci-dessous.

Nayez pas peur de profiter de cette opportunité pour ajouter plus dannotations et de connexions tant que cela vous aide à clarifier vos pensées et vos croquis. Noubliez pas quil sagit juste assez de détails, mais aussi de votre audience. Je suis coupable d’avoir fait des tangentes et de faire des annotations, qui pourraient concerner de futures explorations ou même des questions auxquelles je dois trouver des réponses. Les annotations et les connexions peuvent également prendre la forme de flèches, de lignes directionnelles, de notes, de chiffres et même de gestes.

Lorsque vous créez des idées, continuez à dessiner jusquà ce que vous sentiez que vous avez atteint votre objectif, ou même à chronométrer votre temps de dessin pour vraiment défier votre vitesse. Mais ne supprimez ni neffacez jamais vos croquis, continuez simplement. Concentrez-vous sur le raffinement et la génération de plus de croquis plutôt que de corriger celui sur lequel vous travaillez actuellement cela ne fera que vous ralentir. En ne supprimant ni en effaçant vos croquis, vous pouvez facilement suivre le fil de vos pensées, ainsi que montrer le processus. Vous ne savez jamais quand un croquis peut être utile!

Pensez donc à continuer à dessiner, à vous entraîner et à trouver votre style; si vous voulez vous améliorer, commencez à lintégrer à votre processus. Maintenant, prenez nimporte quel outil qui vous est le plus accessible, quil sagisse dun tableau blanc, dune tablette, dun programme en ligne ou dun bon vieux stylo et papier, et commencez à dessiner maintenant!

En savoir plus: