Visual Note Taking / Sketchnotes

•

438 j'aime•237,280 vues

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/

Formation Technologie Design

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

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

Contenu connexe

Tendances

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

Tendances (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

En vedette

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

En vedette (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

Dernier

Wellbeing inclusion and digital dystopias.pptx

Jisc

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

Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf

Dr Vijay Vishwakarma

How to Give a Domain for a Field in Odoo 17

Celine George

SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx

Amanpreet Kaur

How to setup Pycharm environment for Odoo 17.pptx

Celine George

Sociology 101 Demonstration of Learning Exhibit

jbellavia9

Fostering Friendships - Enhancing Social Bonds in the Classroom

Pooky Knightsmith

Key note speaker Neum_Admir Softic_ENG.pdf

Admir Softic

Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...

Pooja Bhuva

Food safety_Challenges food safety laboratories_.pdf

Sherif Taha

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx

Esquimalt MFRC

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

AreebaZafar22

Application orientated numerical on hev.ppt

RamjanShidvankar

The basics of sentences session 3pptx.pptx

heathfieldcps1

How to Manage Global Discount in Odoo 17 POS

Celine George

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

MaritesTamaniVerdade

Python Notes for mca i year students osmania university.docx

Ramakrishna Reddy Bijjam

Towards a code of practice for AI in AT.pptx

Jisc

Holdier Curriculum Vitae (April 2024).pdf

agholdier

Dernier (20)

Wellbeing inclusion and digital dystopias.pptx

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

Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf

How to Give a Domain for a Field in Odoo 17

SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx

How to setup Pycharm environment for Odoo 17.pptx

Sociology 101 Demonstration of Learning Exhibit

Fostering Friendships - Enhancing Social Bonds in the Classroom

Key note speaker Neum_Admir Softic_ENG.pdf

Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...

Food safety_Challenges food safety laboratories_.pdf

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx

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

Application orientated numerical on hev.ppt

The basics of sentences session 3pptx.pptx

How to Manage Global Discount in Odoo 17 POS

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

Python Notes for mca i year students osmania university.docx

Towards a code of practice for AI in AT.pptx

Holdier Curriculum Vitae (April 2024).pdf