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

Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
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
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Jeffrey Haguewood
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 

Recently uploaded (20)

Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
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
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 

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