SlideShare a Scribd company logo
visual note-taking
   on the iPad
                Rachel Smith | @ninmah
       director, digital facilitation services
     The Grove Consultants International

                       digitalfacilitation.net
                 rachel_smith@grove.com
photo courtesy of Alan Wolf
5 easy steps
1. Pick a drawing app.

2. Practice basic icons and shapes.

3. Practice two types of lettering.

4. Learn about layers.

5. Put it all together and take visual notes!
1. Pick a drawing app.
2. Practice basic icons
      and shapes.
3. Practice two types of
        lettering.
4. Learn about layers.
5. Take visual notes!
Advanced Class: Brushes
Advanced Class: Brushes
Advanced Class: Colors
Advanced Class: Movies
Thank you.


            Rachel Smith

                @ninmah

rachel_smith@grove.com

    digitalfacilitation.net
                                 photo courtesy of Alan Levine

More Related Content

Viewers also liked

The Functional Art: Design and Infographics | Journalism Interactive Conferen...
The Functional Art: Design and Infographics | Journalism Interactive Conferen...The Functional Art: Design and Infographics | Journalism Interactive Conferen...
The Functional Art: Design and Infographics | Journalism Interactive Conferen...
Journalism Interactive
 
What the heck are sketchnotes?
What the heck are sketchnotes?What the heck are sketchnotes?
What the heck are sketchnotes?
Francis Rowland
 
Free online tools for visualization and infographics
Free online tools for visualization and infographicsFree online tools for visualization and infographics
Free online tools for visualization and infographics
Karl Gude
 
Humanrithm: why data without people is not enough
Humanrithm: why data without people is not enoughHumanrithm: why data without people is not enough
Humanrithm: why data without people is not enough
Guillaume Decugis
 
Mobile Business Communication and Business Presentations
Mobile Business Communication and Business PresentationsMobile Business Communication and Business Presentations
Mobile Business Communication and Business Presentations
Bovee and Thill
 
focus on the image: maximizing social influence through visual content
focus on the image: maximizing social influence through visual contentfocus on the image: maximizing social influence through visual content
focus on the image: maximizing social influence through visual content
Heather Weisse Walsh
 
100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...
100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...
100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...
Vala Afshar
 
100 Most Social CIOs on Twitter 2015
100 Most Social CIOs on Twitter 2015100 Most Social CIOs on Twitter 2015
100 Most Social CIOs on Twitter 2015
Vala Afshar
 
InstaBRAND: The Rise of Visual Storytelling in a Content Marketing World
InstaBRAND: The Rise of Visual Storytelling in a Content Marketing WorldInstaBRAND: The Rise of Visual Storytelling in a Content Marketing World
InstaBRAND: The Rise of Visual Storytelling in a Content Marketing World
Christian Adams
 
Top 100 CIOs to Follow on Twitter
Top 100 CIOs to Follow on TwitterTop 100 CIOs to Follow on Twitter
Top 100 CIOs to Follow on TwitterVala Afshar
 
Everything You Need to Know About Visual Content
Everything You Need to Know About Visual ContentEverything You Need to Know About Visual Content
Everything You Need to Know About Visual Content
Column Five
 
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
HighSpark | Visual Storytelling Agency
 
2017 Edelman TRUST BAROMETER™- Global Results
2017 Edelman TRUST BAROMETER™- Global Results2017 Edelman TRUST BAROMETER™- Global Results
2017 Edelman TRUST BAROMETER™- Global Results
Edelman
 

Viewers also liked (13)

The Functional Art: Design and Infographics | Journalism Interactive Conferen...
The Functional Art: Design and Infographics | Journalism Interactive Conferen...The Functional Art: Design and Infographics | Journalism Interactive Conferen...
The Functional Art: Design and Infographics | Journalism Interactive Conferen...
 
What the heck are sketchnotes?
What the heck are sketchnotes?What the heck are sketchnotes?
What the heck are sketchnotes?
 
Free online tools for visualization and infographics
Free online tools for visualization and infographicsFree online tools for visualization and infographics
Free online tools for visualization and infographics
 
Humanrithm: why data without people is not enough
Humanrithm: why data without people is not enoughHumanrithm: why data without people is not enough
Humanrithm: why data without people is not enough
 
Mobile Business Communication and Business Presentations
Mobile Business Communication and Business PresentationsMobile Business Communication and Business Presentations
Mobile Business Communication and Business Presentations
 
focus on the image: maximizing social influence through visual content
focus on the image: maximizing social influence through visual contentfocus on the image: maximizing social influence through visual content
focus on the image: maximizing social influence through visual content
 
100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...
100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...
100 Business Insights from Fortune 500, Startup CEOs, Venture Capitalists, an...
 
100 Most Social CIOs on Twitter 2015
100 Most Social CIOs on Twitter 2015100 Most Social CIOs on Twitter 2015
100 Most Social CIOs on Twitter 2015
 
InstaBRAND: The Rise of Visual Storytelling in a Content Marketing World
InstaBRAND: The Rise of Visual Storytelling in a Content Marketing WorldInstaBRAND: The Rise of Visual Storytelling in a Content Marketing World
InstaBRAND: The Rise of Visual Storytelling in a Content Marketing World
 
Top 100 CIOs to Follow on Twitter
Top 100 CIOs to Follow on TwitterTop 100 CIOs to Follow on Twitter
Top 100 CIOs to Follow on Twitter
 
Everything You Need to Know About Visual Content
Everything You Need to Know About Visual ContentEverything You Need to Know About Visual Content
Everything You Need to Know About Visual Content
 
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
 
2017 Edelman TRUST BAROMETER™- Global Results
2017 Edelman TRUST BAROMETER™- Global Results2017 Edelman TRUST BAROMETER™- Global Results
2017 Edelman TRUST BAROMETER™- Global Results
 

Recently uploaded

20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Matthew Sinclair
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Nexer Digital
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
nkrafacyberclub
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024
Pierluigi Pugliese
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
KAMESHS29
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Vladimir Iglovikov, Ph.D.
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofszkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
Alex Pruden
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Rohit Gautam
 

Recently uploaded (20)

20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?Elizabeth Buie - Older adults: Are we really designing for our future selves?
Elizabeth Buie - Older adults: Are we really designing for our future selves?
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024By Design, not by Accident - Agile Venture Bolzano 2024
By Design, not by Accident - Agile Venture Bolzano 2024
 
RESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for studentsRESUME BUILDER APPLICATION Project for students
RESUME BUILDER APPLICATION Project for students
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex ProofszkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
zkStudyClub - Reef: Fast Succinct Non-Interactive Zero-Knowledge Regex Proofs
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
 

Visual Note-taking on the iPad

Editor's Notes

  1. Rachel S. Smith\nDirector, Digital Facilitation Services\nThe Grove Consultants International\n\nemail. rachel_smith@grove.com\nblog. digitalfacilitation.net\ntwitter. @ninmah\nFlickr. ninmah\n
  2. Traditional graphic recording on paper, using markers and colored chalks. For more information on graphic recording, please see the International Forum of Visual Practitioners (ifvp.org) or The Grove Consultans (www.grove.com).\n\nPhoto courtesy of Alan Wolf.\n
  3. Example of visual note-taking on the iPad, created at Northern Voice 2010.\n
  4. Example of visual note-taking on the iPad, created at IFVP 2011.\n
  5. Example of visual note-taking on the iPad, created at IFVP 2010.\n
  6. Learning the steps isn’t difficult, but what makes it all work is practice!\n
  7. Shown here, clockwise from top left: ArtRage, Sketchbook Pro, Brushes.\n\nThe drawing app you choose is up to you. To make visual note-taking easier, look for these basic features: Brushes that you can customize, a color palette you can customize, and layers. An easy-to-navigate gallery of works is nice, too; also the ability to email drawings to yourself (or otherwise get them off your iPad quickly and easily without docking and going through iTunes).\n\nKey Features of the Apps Shown Here\nBrushes: Easy to use; records your strokes, allowing you to make a movie from them that can be paired with audio.\nArtRage: Lots of art-like papers, paints, and tools; very good for traditional artists who want a painterly feel.\nSketchbook Pro: Easy to use; good layers options; good range of brushes and colors; comfortable interface design.\n
  8. During this part of the presentation, I demonstrate how to draw each of these simple icons (and others as well) in a drawing app on the iPad. Build a personal icon library of imagery that you can draw quickly and easily. Icons that can be adapted to many different contexts are the most useful.\n\nTip: For icon library examples (in books, not digital), try The Grove’s Pocket Pics or Neuland’s Bikablo series.\n
  9. Here, I demonstrate how to create a title font (filled) and detail font (unfilled). Once you find two styles you’re comfortable with, practice a lot so you can do the lettering quickly. It will always be slightly slower on an iPad than if you were writing on paper, but practice to make it as rapid as possible.\n\nTip: For the filled letters, I usually draw the outlines (or partial outlines) during the live talk, and then go in and fill in the color afterward. Otherwise, I would miss too much of what the speaker was saying.\n
  10. Shown here are layers palettes from different apps. Clockwise from top left: Sketchbook Pro, Brushes, and ArtRage.\n\nLayers are key to making visual note-taking quick and easy. Think of layers as clear sheets of plastic stacked one on top of another. You can select one sheet and draw on it (or erase on it) without disturbing what’s on any of the other sheets.\n\nLayers can be moved up or down and their visibility turned on or off. Your drawing app should allow you lock the transparency, which is useful if you need to quickly change the color of something you’ve already drawn; locking the transparency prevents you from drawing on any part of the layer that isn’t already drawn on.\n\nI usually set up one layer for the black outlines of my drawings and lettering; another layer directly under that one for main color blocking; and a third layer below that one for shadows and large-area shading. You’ll find out what works best for you and your recording style.\n
  11. Places to Practice\nTry recording TED talks in the privacy of your own office until you get comfortable. They’re short, well-organized, and easy to access online. When you’re ready to venture out in the world, try recording live presentations at conferences you attend. The most difficult thing to record is live meetings, because the conversations are unplanned and can wander all over the place.\n\nWhen It Works Best\nNote-taking on the iPad works best in situations where your role is to listen, rather than to participate. It’s very difficult to capture enough to create meaningful notes if you are also trying to analyze and frame responses to what you are hearing. The extra cognitive burden of dealing with the interface and electronic tools is much greater than what you deal with when you’re using pen and paper. It’s not impossible to take visual notes on your iPad during a meeting you’re also participating in, but it takes quite a bit of practice.\n\nWhat’s Different About Doing It Live\nRecording TED talks or other recorded presentations gives you the opportunity to pause the recording so that you can reorganize, neaten things up, or just catch up. Obviously, you don’t have this luxury in live settings :-) I find that when I first start taking iPad notes in a live session, I attract a lot of attention from the people around me -- it’s a little like being a street artist. Don’t let this faze you when it happens to you. Just keep working on your notes. \n\nTry to identify the key points that the speaker wants to convey and write those down. Supporting details and stories can be referred to in an icon or image; you don’t have to write down every word the speaker says. With practice, you’ll get a feel for what to record and what to let go of.\n
  12. These are the four brushes I use most in Sketchbook Pro. From left: Skinny brush for most details and letters; thick brush for filling in color on images and titles; narrow airbrush for drop shadows; wide airbrush for broad areas of shading. A lot of my notes use these four brushes exclusively.\n\n
  13. These are the three brushes I use most in Brushes. From left: skinny hard brush for details and lettering; slightly thicker softer brush for coloring in images and letters; and wide soft airbrush for drop shadows and large detail areas. I change the brush sizes on the fly much more often in Brushes than I do in Sketchbook Pro, where I tend to set them and leave them alone.\n
  14. These are the color palettes I use in Sketchbook Pro (left) and Brushes (right). You want palettes that let you quickly tap a color, and that keep your most-used colors close at hand. I don’t do a lot of on-the-fly mixing because it takes too much time. I like to have three or four shades of my most-used colors, as well as a selection of grays for shadows.\n\nClearly I need to reorganize my Brushes color palette, as the colors are all over the map :-)\n\n
  15. Using Brushes, you can record your drawing to make a movie that can be paired with an audio track to create a sketchnote movie. To see a set of three examples that I created, including the one above, visit Education Elements’ page on Vimeo (http://vimeopro.com/edelements/education-elements). \n
  16. Thanks for viewing my slide show. I hope you found the information useful! I write about digital facilitation and digital note-taking on my blog at http://digitalfacilitation.net. I welcome questions and comments.\n\n-- Rachel\n\nPhoto courtesy of Alan Levine.\n