Een inleiding tot Sketch Noting voor webontwerpers

Ooit een stap achteruit gedaan van de computer, tablet of smartphone en aantekeningen op papier vastgelegd? 

We hebben allemaal veel mooie gereedschappen, apparaten en apps, en toch formeel verbatim online noteren lijkt nog steeds de aantrekkingskracht te missen van het losjes krabbelen van iets op papier met een sharpie.

Copyright © 2011 AIGA Wisconsin Attribution-commercial-Share Alike 2.0-licentie

Daarom heb ik deze gids over schetsnotaties voor webontwerpers samengesteld: om te laten zien hoe een praktische manier om aantekeningen te maken met eenvoudige afbeeldingen je eigen inzicht kan vergroten.

"Schetsboeken zijn niet over een goede kunstenaar zijn, ze gaan over een goede denker zijn "- Jason Santa Maria

Hieronder ziet u waarom schetsen noteren een nuttig hulpmiddel is voor webontwerpers en hoe het kan worden gebruikt om informatie te filteren. Ik zal ook de basisbouwstenen van schetsopnames en een aantal specifieke technieken als afhaalmaaltijd doornemen.

Informatie filteren

Copyright © 2014 Nate Burgos Attribution-commercial-Gelijk Alike 2.0-licentie

Je schetsnotities zijn niet voor iedereen. Ze zijn voor jou!Dat is het beste deel erover. 

Je kunt precies tekenen wat je ziet of laat zien, maar je kunt ook tekenen wat je begrijpt. Wat je ook helpt te onthouden en het onderwerp beter begrijpt. Schetsen met een sharpie is ook een beetje leuk als het onderwerp dat je probeert vast te leggen droog is.

Je ontmoet vaak klanten in branches die je nog nooit eerder hebt gezien, dus als je de informatie die ze je geven, schetst, kun je de stippen visueel verbinden en dingen duidelijk maken.

Schetsnotificatie kan u helpen de informatie vast te leggen en te filteren op een unieke manier die u begrijpt. 

Bouw blokken

Copyright © 2012 Matt Attribution-commercial-Share Alike 2.0-licentie

Nu voor enkele van de bouwstenen van schets noting. Laten we enkele bouwstenen bekijken.

De taal

Typografie is effectief welke notities die je noteert. Je doet dit al! Goed begin.

De afbeeldingen

Voorwerpen en mensen worden het best weergegeven in foto's. U kunt uw illustraties een veel persoonlijker karakter geven, waardoor het waarschijnlijker wordt dat u onthoudt wat u op papier neerzet. Je hoeft geen goede illustrator te zijn, stokcijfers zullen het doen! Blijf gewoon doorgaan. Je zult zien dat je vaardigheden verbeteren in de loop van de tijd. 

De structuur

Verbind het nu samen met frames, connectoren, kogels en verdelers. Dit geeft alles wat structuur. Als je ooit een mindmap hebt gezien voordat je de kern ervan te pakken krijgt. Als je tijd hebt, kun je zelfs een beetje oefenen.

Technieken en afhaalrestaurants

Copyright © 2013 AIGA Wisconsin Attribution-commercial-Share Alike 2.0-licentie

De eerste oefening die je kunt doen is een foto te vinden van een keukengerei, stoel, auto ... alles dat eenvoudig te tekenen is. Gebruik een sharpie (geen potlood). Daarna oefenen ... Probeer eerst een minuut en daarna 30 seconden. Zie het verschil in detail elke keer dat je schetst.

En dan vind je misschien een video online ... oefenen ... Luister, begrijp, teken. 

Andere tips en trucs

  • Gebruik nummers of verdelers en connectoren om de stroom te tonen
  • Markeer de belangrijkste aanhalingstekens
  • Wees letterlijk, teken precies wat je ziet of wordt getoond
  • Ter illustratie van de woorden die u hoort, voegt u alleen woorden later toe
  • Gebruik metaforen of vertaal wat je hoort in wat het voor jou betekent

Conclusie

Schets losjes ... maak je niet al te druk over het uitwrijven van dingen. Je kunt zo eigenzinnig zijn als je wilt. Ga snel en wees niet bang om ideeën op je eigen manier vast te leggen. Als webdesigner kunt u de kloof overbruggen tussen creativiteit in uw vroege notities en later naar elk storyboarden en zelfs wireframes. Naar mijn ervaring zal het overstappen van elektronische notities naar scherpjes en papier je ook helpen meer na te denken in een UX-gemoedstoestand.

Heb je deze blogpost nuttig gevonden? Zo ja, deel het met uw vrienden en volgers op LinkedIn, Facebook, Twitter, Google Plus + enz!

Middelen

  • Visual Note Taking door Eva-Lotta Lamm
  • Hoe geweldige visuele notities te creëren door Matthew Magain
  • Het Sketch Note Handbook van Mike Rohde
  • The Doodle Revolution van Sunni Brown
  • The Verbbal To Visual Notebook van Doug Neill