Une introduction à Sketch Noting for Web Designers

Déjà pris du recul de l'ordinateur, de la tablette ou du smartphone et capturé des notes sur papier? 

Nous avons tous beaucoup d’outils, d’appareils et d’applications sophistiqués, et pourtant, noter en ligne n’a toujours pas l’attrait d’attaquer vaguement quelque chose sur papier avec un sharpie.

Droit d'auteur © 2011 AIGA Wisconsin Licence Attribution-commercial-Share Alike 2.0

C'est pourquoi j'ai conçu ce guide sous forme de croquis, notant pour les concepteurs Web: montrer comment une manière pratique de capturer des notes avec de simples images peut améliorer votre compréhension..

«Les carnets de croquis sont ne pas d'être un bon artiste, ils sont un bon penseur »- Jason Santa Maria

Ci-dessous, vous verrez pourquoi noter esquisse est un outil utile pour les concepteurs Web et comment il peut être utilisé pour filtrer des informations. Je vais également passer en revue les éléments de base de l’esquisse et noter quelques techniques spécifiques à emporter..

Informations de filtrage

Copyright © 2014 Licence Attribution-commercial-Share Alike 2.0 de Nate Burgos

Vos croquis ne sont pas pour tout le monde. Ils sont pour toi!C'est la meilleure partie à ce sujet. 

Vous pouvez dessiner exactement ce que vous voyez ou ce que vous voyez, mais vous pouvez aussi dessiner ce qui a du sens pour vous. Tout ce qui vous aide à vous souvenir et à comprendre le sujet plus clairement. Dessiner avec un sharpie est également un peu amusant si le sujet que vous essayez de capturer est sec.

Vous rencontrerez souvent des clients dans des secteurs que vous n’avez jamais rencontrés auparavant. Alors, notez les informations qu’ils vous fournissent pour vous aider à identifier visuellement les points négatifs et à donner un sens aux choses..

Sketch noting peut vous aider à capturer et à filtrer les informations d’une manière unique que vous comprendrez.. 

Blocs de construction

Droit d'auteur © 2012 Licence Matt Attribution-commercial-Share Alike 2.0

Passons maintenant aux éléments constitutifs de l’esquisse. Regardons quelques-uns des blocs de construction.

La langue

Typographie est effectivement ce que vous notez notes. Tu le fais déjà! Bon départ.

Les images

Objets et personnages sont mieux représentés en images. Vous pouvez donner plus de personnalité à vos illustrations, ce qui rend plus probable la mémorisation de ce que vous écrivez. Vous n'avez pas besoin d'être un bon illustrateur, les chiffres de bâton feront l'affaire! Continuez comme ça. Vous verrez vos compétences s'améliorer avec le temps. 

La structure

Maintenant, reliez-le ensemble en utilisant cadres, connecteurs, balles et diviseurs. Cela donnera une structure à tout. Si vous avez déjà vu une carte mentale auparavant, vous en comprendrez l'essentiel. Si vous avez le temps, vous pouvez même pratiquer un peu.

Techniques et plats à emporter

Droit d'auteur © 2013 Licence AIGA Wisconsin Attribution-commercial-Share Alike 2.0

Le premier exercice que vous pouvez faire est de trouver l'image d'un ustensile de cuisine, d'une chaise, d'une voiture… de tout ce qui est simple à dessiner. Utilisez un sharpie (pas un crayon). Ensuite, entraînez-vous… Essayez d'abord une minute, puis 30 secondes. Voyez la différence en détail chaque fois que vous dessinez.

Et puis vous pourriez trouver une vidéo en ligne… pratique… Écouter, comprendre, dessiner. 

Autres trucs et astuces

  • Utilisez des chiffres ou des séparateurs et des connecteurs pour afficher le flux
  • Surligner les citations clés
  • Soyez littéral, dessinez exactement ce que vous voyez ou montrez
  • En illustrant le (s) mot (s) que vous entendez, ajoutez des mots plus tard
  • Utilisez des métaphores ou traduisez ce que vous entendez dans ce que cela signifie pour vous

Conclusion

Croquis lâchement… ne vous inquiétez pas trop de frotter des choses. Vous pouvez être aussi original que vous le souhaitez. Agissez rapidement et n’ayez pas peur de capturer des idées à votre façon. En tant que concepteur Web, vous pouvez combler le fossé entre la créativité lors de la prise de notes au début de l'histoire et même les structures filaires plus tard. D'après mon expérience, passer de la prise de notes électroniques à la netteté et au papier vous aidera également à penser plus dans un état d'esprit UX.

Avez-vous trouvé ce blog utile? Si c'est le cas, partagez-le avec vos amis et vos abonnés sur LinkedIn, Facebook, Twitter, Google Plus +, etc.!

Ressources

  • Prise de note visuelle par Eva-Lotta Lamm
  • Comment créer des notes visuelles impressionnantes par Matthew Magain
  • Le manuel de notes de croquis par Mike Rohde
  • La révolution des griffonnages de Sunni Brown
  • Le carnet de notes verbal à visuel de Doug Neill