SlideShare a Scribd company logo
1 of 16
Download to read offline
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
Visual Note-taking on the iPad
Visual Note-taking on the iPad
Visual Note-taking on the iPad
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 infographicsKarl 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 enoughGuillaume Decugis
 
Mobile Business Communication and Business Presentations
Mobile Business Communication and Business PresentationsMobile Business Communication and Business Presentations
Mobile Business Communication and Business PresentationsBovee 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 contentHeather 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 2015Vala 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 WorldChristian 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 ContentColumn 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 ResultsEdelman
 

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

The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementNuwan Dias
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Alexander Turgeon
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Juan Carlos Gonzalez
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideHironori Washizaki
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 

Recently uploaded (20)

The Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API ManagementThe Kubernetes Gateway API and its role in Cloud Native API Management
The Kubernetes Gateway API and its role in Cloud Native API Management
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024Valere | Digital Solutions & AI Transformation Portfolio | 2024
Valere | Digital Solutions & AI Transformation Portfolio | 2024
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?Governance in SharePoint Premium:What's in the box?
Governance in SharePoint Premium:What's in the box?
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK GuideIEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
IEEE Computer Society’s Strategic Activities and Products including SWEBOK Guide
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 

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