Visual Note Taking / Sketchnotes

•

438 likes•237,280 views

Slides from my talk at UX Camp London 2010 at LBi London. Here are the complete notes from the talk: http://evalottalamm.wordpress.com/2010/04/18/visual-note-taking/

Education Technology Design

Dave Gray – www. davegrayinfo.com/category/videos

Illustrations by Kevin Cornell and Matthew Sutter – www.TheSuperest.com

What's hot

Designing Presentations

The Media Kitchen

13 Alternatives to Using Bullet Points in Presentations

Melissa Milloway, MSIT

When you attend a presentation, what do you do? Sit quietly and listen? Scribble notes? Live tweet? Get distracted by your smartphone? Take photos with a camera that has a surprisingly loud shutter effect? There's yet another option: sketchnote. Sketchnoting is like notetaking, but with more flair and more focus. Hand lettering and illustrations provide the flair; focus provides you the time to include the flair. Besides keeping you engaged during talks, visual notetaking makes it easier to retain what you've heard and share it later. This presentation covers the process I use to create live sketchnotes and two big reasons for UXers to start sketchnoting. Presented at the 2012 IASummit in New Orleans, on Saturday March 24 at 1:50pm. You can check out my sketchnotes on Flickr: http://j.mp/H5HxJy For a higher resolution version of this deck, see it on Speaker Deck: http://speakerdeck.com/u/veronicaerb/p/why-and-how-to-start-sketchnoting Updated 2 April 2012: Now with "reproduced" drawings from the live presentation.

Why and How to Start Sketchnoting, IA Summit 2012

Veronica Erb

Every now and then, we all crave inspiration to get started. but often times, inspiration is hardest is to find when it is needed the most. but powerful words almost always do the trick. They have power that is undeniable. So for all the creative souls out there, here we share some remarkable sayings from legends to feed your mind and strengthen your design game ... Remember, sharing is caring! :)

15 Quotes To Nurture Your Creative Soul!

DesignMantic

Visual Design Basics

Sumeet Moghe

Slides That Rock

Quick & Dirty Tips for : Better PowerPoint Presentations Faster

Eugene Cheng

Practical Sketchnoting

Jason Alderman

The science of memorable presentations

Rexi

17 Ways to Design a Presentation People Want to View

Jim MacLeod

How to Use Photography for Great Presentations

LinkedIn Learning Solutions

Boring to Bold: Presentation Design Ideas for Non-Designers

Michael Gowin

Great Speakers Tell Stories

Slides That Rock

The Secrets of Delivering Impacftul Presentations #ImpactfulPrez

Havain

PowerPoint Porn: 100 Sexy Slides [Safe For Work]

Jesse Desjardins - @jessedee

For far too long we've been forced to reuse layout patterns that have worked in the past, creating a web full of sites that all look the same. Narrow timelines, browser support restrictions and lack of a true grid system have led us to create work that is "good enough". I've spent years exploring how we can make the web a more unique space. With some of the newer CSS techniques available, we can start to make more creative designs. CSS Grid Layout is on the horizon and will play a major role in the design of our sites. Finally having a true, 2 dimensional grid will give our layouts much more flexibility and it is on us to explore the possibilities. This talk was presented at CSS Day 2016.

The Great State of Design with CSS Grid Layout and Friends

Stacy Kvernmo

The Sketchnote Mini-Workshop

Mike Rohde

Introduction to Slide Design: 7 Rules for Creating Effective Slides

Alex Rister

You suckatpowerpoint2

leachj123

What tools do experts use to create and deliver powerful presentations? We set out to find the answer by interviewing the people we have worked and people we think have interesting views to presentations. Here´s eight tools to replace or complement PowerPoint in your next presentation. If you want to discuss presentation creation or design. Contact: timo@havain.fi / @Timo_Havain (Twitter) / linkedin.com/in/timosorri -

Secrets to impactful presentations volume 2 - 8 tools

Havain

What's hot (20)

Designing Presentations

13 Alternatives to Using Bullet Points in Presentations

Why and How to Start Sketchnoting, IA Summit 2012

15 Quotes To Nurture Your Creative Soul!

Visual Design Basics

Slides That Rock

Quick & Dirty Tips for : Better PowerPoint Presentations Faster

Practical Sketchnoting

The science of memorable presentations

17 Ways to Design a Presentation People Want to View

How to Use Photography for Great Presentations

Boring to Bold: Presentation Design Ideas for Non-Designers

Great Speakers Tell Stories

The Secrets of Delivering Impacftul Presentations #ImpactfulPrez

PowerPoint Porn: 100 Sexy Slides [Safe For Work]

The Great State of Design with CSS Grid Layout and Friends

The Sketchnote Mini-Workshop

Introduction to Slide Design: 7 Rules for Creating Effective Slides

You suckatpowerpoint2

Secrets to impactful presentations volume 2 - 8 tools

Viewers also liked

Sketchnote Mini-Workshop: DSGNDAY 2014

Mike Rohde

Ever see someone doodling during a talk/meeting/presentation and assume they weren't paying attention... only to discover afterward they were taking visual notes? Ever wonder how to do that, and how to apply it to your workday tasks? This session will be part presentation, part practicum as we explore how to create and use sketchnotes in the software development world and elsewhere. Watch the presentation on Vimeo: https://vimeo.com/41954472

Sketchnotes for Developers (i.e. Everyone)

Binaebi Akah

Sketchnoting

Bryn Price

Visual notetaking is a process of representing ideas non-linguistically. (That’s a fancy of way of saying, “drawing pictures.”) Visual notetaking can include concept mapping, but also more artistic ways of visually capturing and representing ideas. On the simpler side of the visual notetaking continuum, visual notes can be used to create narrated art. On the complex end of the spectrum, some visual notetaking applications support the creation of whiteboard animation videos which include audio narration synchronized to screencasts of drawings. Visual or graphic facilitation can be used at meetings to summarize presentations and guide discussions. Whether simple or complex, visual notes can be used to more deeply process information as well as communicate it to others with images. Come join us as we explore and practice visual notetaking. http://wfryer.me/vnotes

Visual Notetaking Deepens Learning (March 2015)

Wesley Fryer

Getting Started With Sketchnoting

Michele Ide-Smith

Sculpture vocabulary

echurch1

Sketchnotes: what & why

debra24

How to Become a Thought Leader in Your Niche

Leslie Samuel

Viewers also liked (8)

Sketchnote Mini-Workshop: DSGNDAY 2014

Sketchnotes for Developers (i.e. Everyone)

Sketchnoting

Visual Notetaking Deepens Learning (March 2015)

Getting Started With Sketchnoting

Sculpture vocabulary

Sketchnotes: what & why

How to Become a Thought Leader in Your Niche

Recently uploaded

Accessible Digital Futures project (20/03/2024)

Jisc

Spatium Project Simulation student brief

Association for Project Management

This PowerPoint helps students to consider the concept of infinity.

christianmathematics

Google Gemini An AI Revolution in Education.pptx

Dr. Sarita Anand

Micro-Scholarship, What it is, How can it help me.pdf

Poh-Sun Goh

80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...

Nguyen Thanh Tu Collection

Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...

Pooja Bhuva

Salient Features of India constitution especially power and functions

KarakKing

Application orientated numerical on hev.ppt

RamjanShidvankar

Mehran University Newsletter Vol-X, Issue-I, 2024

Mehran University of Engineering & Technology, Jamshoro

ICT Role in 21st Century Education & its Challenges.pptx

AreebaZafar22

Basic Civil Engineering notes first year Notes Building notes Selection of site for Building Layout of a Building What is Burjis, Mutam Building Bye laws Basic Concept of sunlight ventilation in building National Building Code of India Set back or building line Types of Buildings Floor Space Index (F.S.I) Institutional Vs Educational Building Components & function Sills, Lintels, Cantilever Doors, Windows and Ventilators Types of Foundation AND THEIR USES Plinth Area Shallow and Deep Foundation Super Built-up & carpet area Floor Area Ratio (F.A.R) RCC Reinforced Cement Concrete RCC VS PCC

Basic Civil Engineering first year Notes- Chapter 4 Building.pptx

Denish Jangid

𝐋𝐞𝐬𝐬𝐨𝐧 𝐎𝐮𝐭𝐜𝐨𝐦𝐞𝐬: -Discern accommodations and modifications within inclusive classroom environments, distinguishing between their respective roles and applications. -Through critical analysis of hypothetical scenarios, learners will adeptly select appropriate accommodations and modifications, honing their ability to foster an inclusive learning environment for students with disabilities or unique challenges.

Understanding Accommodations and Modifications

MJDuyan

On National Teacher Day, meet the 2024-25 Kenan Fellows

Mebane Rash

Wellbeing inclusion and digital dystopias.pptx

Jisc

UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf

Nirmal Dwivedi

Making communications land - Are they received and understood as intended? webinar Thursday 2 May 2024 A joint webinar created by the APM Enabling Change and APM People Interest Networks, this is the third of our three part series on Making Communications Land. presented by Ian Cribbes, Director, IMC&T Ltd @cribbesheet The link to the write up page and resources of this webinar: https://www.apm.org.uk/news/making-communications-land-are-they-received-and-understood-as-intended-webinar/ Content description: How do we ensure that what we have communicated was received and understood as we intended and how do we course correct if it has not.

Making communications land - Are they received and understood as intended? we...

Association for Project Management

2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx

MaritesTamaniVerdade

How to Manage Global Discount in Odoo 17 POS

Celine George

SOC 101 Demonstration of Learning Presentation

camerronhm

Recently uploaded (20)

Accessible Digital Futures project (20/03/2024)

Spatium Project Simulation student brief

This PowerPoint helps students to consider the concept of infinity.

Google Gemini An AI Revolution in Education.pptx

Micro-Scholarship, What it is, How can it help me.pdf

80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...

Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...

Salient Features of India constitution especially power and functions

Application orientated numerical on hev.ppt

Mehran University Newsletter Vol-X, Issue-I, 2024

ICT Role in 21st Century Education & its Challenges.pptx

Basic Civil Engineering first year Notes- Chapter 4 Building.pptx

Understanding Accommodations and Modifications

On National Teacher Day, meet the 2024-25 Kenan Fellows

Wellbeing inclusion and digital dystopias.pptx

UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf

Making communications land - Are they received and understood as intended? we...

2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx

How to Manage Global Discount in Odoo 17 POS

SOC 101 Demonstration of Learning Presentation