SlideShare a Scribd company logo
1 of 59
Download to read offline
Using Illustrations 
            in 
Technical Communication
  ASTC Conference – October 2011
         Charles Cave
Purpose of my talk
            Purpose of my talk
• Types of illustrations – sketches technical
  Types of illustrations  sketches, technical 
  drawings, photographs, video
• How to choose
  How to choose
• How to make illustrations
• Get your feedback and ideas
          charles.cave@ir.com
Visual preference
Visual preference
Balti
 Chicken


Illustration
Series
  Of
steps
Callout  two step lookup
     Callout – two step lookup


Letters




          Callout – 2 step lookup
Callout




Callout – good example (1 step)
Callout  with structure
Callout – with structure
http://www.youtube.com/jonakashima
Origami Crane
Origami Crane
Drawings
    Vs 
    Vs 
Photographs
     g p
Annotations
Electric kitchen scales
Electric kitchen scales
Care and maintenance ?
Care and maintenance ?
Flowchart
Flowchart template
Flowchart template
Swim lane
Swim‐lane
Icon Libraries  Visio or Powerpoint
Icon Libraries – Visio or Powerpoint
Uses of Illustrations
             Uses of Illustrations
•   Show finished result (cookbook)
    Show finished result (cookbook)
•   Label components (call out)
•   Show steps i
    Sh          in a process ( i
                              (origami)
                                      i)
•   Demonstration (cookbook)
•   Visual index (bird field guide) 
•   Visual identification (spices, birds)
    Visual identification (spices birds)
Types of Illustrations
            Types of Illustrations
•   Sketches (hand drawn/scan, tablet)
    Sketches (hand drawn/scan, tablet)
•   Line art  (scan) 
•   Vector art (Adobe Illustrator, Inkscape)
    Vector art (Adobe Illustrator Inkscape)
•   Technical drawing (Visio, 2D or 3D CAD, Dia)
•   PowerPoint – D
    P      P i t Drawings and Smart Art
                       i       dS      tA t
•   Screen captures (Snagit)
•   Photographs
•   Video – YouTube ‐ Camtasia
Practicalities
Line Art
                   Line Art
•   Drawing by hand  scanner or camera
    Drawing by hand – scanner or camera
•   Drawing by computer
•   File sizes 
     il i
•   Easy to update 
Powerpoint ‐ Shapes
Powerpoint ‐ Smart Art
             Smart Art
Seasons

          Summer



Spring             Autumn



          Winter
Visio
Photographs
• Camera, tripod, lighting, Image editor
    – Photoshop, GIMP (software)
•   Composition, backgrounds
          p       ,     g
•   Difficulty of updating or recreating
•   All the steps can be seen at once ‐
    All the steps can be seen at once overview
•   File size – image size, compression (JPG)
Image Files
                Image Files
• JPEG format
• I
  Image size – width and height
         i      idth d h i ht
• Compression
Video
•   Camera, tripod, lighting
•   Composition, backgrounds, action
•   More effort  to update or recreate
                     p
•   Quicker to create than showing steps
•   User can pause, rewind and replay
    User can pause rewind and replay
Conclusion
How can you develop your skills?
How can you develop your skills?
1. Draw every day!
1. Draw every day!
2. Storyboards
             2. Storyboards
• Sketches to show just enough information
  Sketches to show just enough information
3. Carry digital/video camera always
 3. Carry digital/video camera always
• Photograph what you write about it
  Photograph what you write about it
• Video record demonstrations and procedures
4. Learn to use drawing s/w
       4. Learn to use drawing s/w
•   Powerpoint – Shapes Smart Art Photo effects
                  Shapes, Smart Art, Photo effects
•   Visio – Symbol libraries
•   Dia – O
      i Open Source program like Visio
                S               lik i i
•   Open Office ‐ Draw
•   Inkscape (free equivalent  Adobe Illustrator) 
                p
    www.inkscape.org  g
5. Befriend your Graphic Designer
5. Befriend your Graphic Designer
                 www.designcrowd.com
                         g
                  www.freelance.com
                   www.elance.com
Think 
Visual!

More Related Content

Similar to Using Illustrations in Technical Communications

Alngog digital storytelling-26161-11705
Alngog digital storytelling-26161-11705Alngog digital storytelling-26161-11705
Alngog digital storytelling-26161-11705Ponciano Alngog
 
Multimedia software tools
Multimedia software toolsMultimedia software tools
Multimedia software toolsJay Patel
 
Multimedia software tools
Multimedia software toolsMultimedia software tools
Multimedia software toolsJay Patel
 
Multimedia software tools
Multimedia software toolsMultimedia software tools
Multimedia software toolsHardik_Patel30
 
Buzz Shop Front
Buzz Shop Front Buzz Shop Front
Buzz Shop Front tftimmy
 
G325 a2 q1 a revision part1
G325 a2 q1 a revision part1G325 a2 q1 a revision part1
G325 a2 q1 a revision part1Kim Fyson
 
Preliminary Task
Preliminary TaskPreliminary Task
Preliminary TaskEmily Bell
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And AnimationRam Dutt Shukla
 
S7 technology teaching palette adam blackwood - summary
S7 technology teaching palette   adam blackwood - summaryS7 technology teaching palette   adam blackwood - summary
S7 technology teaching palette adam blackwood - summaryAdam Blackwood
 
Information literacy tutorial design & development
Information literacy tutorial design & developmentInformation literacy tutorial design & development
Information literacy tutorial design & developmentmikeypage10
 
PhotoStory_GCake
PhotoStory_GCakePhotoStory_GCake
PhotoStory_GCakeGlenn Cake
 
How to Create Video Training Course
How to Create Video Training CourseHow to Create Video Training Course
How to Create Video Training CourseAndrea Kalli
 
Stop motion animation with ikitmovie
Stop motion animation with ikitmovieStop motion animation with ikitmovie
Stop motion animation with ikitmovieAdam Reilly
 
W4 introduction to al interface
W4 introduction to al interfaceW4 introduction to al interface
W4 introduction to al interfaceNurbiha A Shukor
 
Using Advanced Technology to Provide Enhanced, Device-based User Support
Using Advanced Technology to Provide Enhanced, Device-based User SupportUsing Advanced Technology to Provide Enhanced, Device-based User Support
Using Advanced Technology to Provide Enhanced, Device-based User SupportUBMCanon
 
G235 1a) Post production
G235 1a) Post   productionG235 1a) Post   production
G235 1a) Post productionCharis Creber
 
Good Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to InkscapeGood Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to InkscapeOmar Mohammad
 
Projected visuals
Projected visualsProjected visuals
Projected visualsmarkebalde
 

Similar to Using Illustrations in Technical Communications (20)

Multimedia
MultimediaMultimedia
Multimedia
 
Alngog digital storytelling-26161-11705
Alngog digital storytelling-26161-11705Alngog digital storytelling-26161-11705
Alngog digital storytelling-26161-11705
 
Multimedia software tools
Multimedia software toolsMultimedia software tools
Multimedia software tools
 
Multimedia software tools
Multimedia software toolsMultimedia software tools
Multimedia software tools
 
Multimedia software tools
Multimedia software toolsMultimedia software tools
Multimedia software tools
 
Buzz Shop Front
Buzz Shop Front Buzz Shop Front
Buzz Shop Front
 
G325 a2 q1 a revision part1
G325 a2 q1 a revision part1G325 a2 q1 a revision part1
G325 a2 q1 a revision part1
 
Preliminary Task
Preliminary TaskPreliminary Task
Preliminary Task
 
Multimedia And Animation
Multimedia And AnimationMultimedia And Animation
Multimedia And Animation
 
S7 technology teaching palette adam blackwood - summary
S7 technology teaching palette   adam blackwood - summaryS7 technology teaching palette   adam blackwood - summary
S7 technology teaching palette adam blackwood - summary
 
Information literacy tutorial design & development
Information literacy tutorial design & developmentInformation literacy tutorial design & development
Information literacy tutorial design & development
 
PhotoStory_GCake
PhotoStory_GCakePhotoStory_GCake
PhotoStory_GCake
 
How to Create Video Training Course
How to Create Video Training CourseHow to Create Video Training Course
How to Create Video Training Course
 
Stop motion animation with ikitmovie
Stop motion animation with ikitmovieStop motion animation with ikitmovie
Stop motion animation with ikitmovie
 
W4 introduction to al interface
W4 introduction to al interfaceW4 introduction to al interface
W4 introduction to al interface
 
Using Advanced Technology to Provide Enhanced, Device-based User Support
Using Advanced Technology to Provide Enhanced, Device-based User SupportUsing Advanced Technology to Provide Enhanced, Device-based User Support
Using Advanced Technology to Provide Enhanced, Device-based User Support
 
G235 1a) Post production
G235 1a) Post   productionG235 1a) Post   production
G235 1a) Post production
 
Good Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to InkscapeGood Graphic design and an Introduction to Inkscape
Good Graphic design and an Introduction to Inkscape
 
Projected visuals
Projected visualsProjected visuals
Projected visuals
 
Question 4 Evaluation
Question 4 Evaluation Question 4 Evaluation
Question 4 Evaluation
 

More from Charles Cave

A quiz about the flag of Australia
A quiz about the flag of AustraliaA quiz about the flag of Australia
A quiz about the flag of AustraliaCharles Cave
 
Troublesome collective nouns
Troublesome collective nounsTroublesome collective nouns
Troublesome collective nounsCharles Cave
 
Australian Food Challenge
Australian Food ChallengeAustralian Food Challenge
Australian Food ChallengeCharles Cave
 
Nouns - for English Learners
Nouns - for English Learners Nouns - for English Learners
Nouns - for English Learners Charles Cave
 
To Me Korea is....
To Me Korea is....To Me Korea is....
To Me Korea is....Charles Cave
 
How to record voice using Reaper
How to record voice using ReaperHow to record voice using Reaper
How to record voice using ReaperCharles Cave
 

More from Charles Cave (7)

A quiz about the flag of Australia
A quiz about the flag of AustraliaA quiz about the flag of Australia
A quiz about the flag of Australia
 
Troublesome collective nouns
Troublesome collective nounsTroublesome collective nouns
Troublesome collective nouns
 
Australian Food Challenge
Australian Food ChallengeAustralian Food Challenge
Australian Food Challenge
 
Nouns - for English Learners
Nouns - for English Learners Nouns - for English Learners
Nouns - for English Learners
 
To Me Korea is....
To Me Korea is....To Me Korea is....
To Me Korea is....
 
How to record voice using Reaper
How to record voice using ReaperHow to record voice using Reaper
How to record voice using Reaper
 
Auto Focus
Auto FocusAuto Focus
Auto Focus
 

Recently uploaded

Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 

Recently uploaded (20)

Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 

Using Illustrations in Technical Communications