SlideShare a Scribd company logo
Types of 
Characters 
used in 
e-Learning 
OPEN 
Photo Album
Index 
Doodles 
Pictograms 
Humanoids 
Icons 
Silhouettes 
ClipArts 
Cut out People
Doodles 
Doodles, stick figures and outlined 
characters are the simplest drawings which 
we might use to represent the characters of 
our course. 
Having limited budget and time, we can 
quickly sketch basic shapes and lines to 
represent a character. These characters are 
used for storytelling and to explain about 
processes. 
III 
Doodle videos have become a popular way 
to explain concepts because of the graphic 
depiction of ideas and the movement of the 
hand calling viewer’s attention. 
Fig. 1: Static Stick figure 
Fig. 3. Doodle video 
Fig. 2: Animated Stick figure
Pictograms 
Pictograms are custom characters created 
using basic shapes. Graphic skills are not 
required to build them; combining circles, 
squares and other shapes, we can easily 
have our custom character. 
Pictograms are used in a number of 
situations in which verbal messages are 
not possible. 
They work great for procedural and safety 
training where the learner needs to follow 
step-by-step sequences and they’re also 
used for students with special needs. 
III 
Fig. 4 
Fig. 5 Fig. 6
Humanoids 
III 
Main advantages of using 3D humanoids: 
•Gender and race neutrality 
•Concept representation: sometimes, 
they’re more suitable than real people to 
depict abstract concepts. 
•Wide variaty: there is a large pool of these 
graphics available to choose from. 
•Ease of editing: adding or removing a 
person or an object, changing its color, it’s 
possible in a few minutes. 
•Lack of expression: their positions and 
actions are enough to convey the meaning. 
•Humor: The vector graphics are cute and, at 
times, even funny. 
Reference: Upside Learning 
Fig. 7
Icons 
Icons should be easy to understand at a first 
glance, this means their visual is closely 
related to the idea which needs to be 
communicated. 
From the simplest icons to the more detailed 
and coloured ones, we can use icons to 
represent an specific person or activity. 
Iconic characters also help in better 
communication between the users and the 
application interface. 
III 
Fig. 8 Iconic characters in different styles
Silhouettes 
Creating silhouettes is pretty easy. And using 
them in your elearning courses can add a 
little bit more visual and make the courses 
more engaging. 
The main advantages of using silhouettes: 
•Be politically correct: as silhouettes are race 
neutral, they’re a good option to make sure 
no one’s offended. 
•Focus learner’s attention on the slide: 
they’re nice to create contrast with the 
background of the slide and to help learners 
to focus and isolate information. 
•Used as icons or to create a progress meter. 
Reference: Rapid e-learning blog 
III 
Fig. 9 Silouettes used to represent a concept 
Fig.10 Silouettes used to focus attention
Cliparts 
Cliparts are inexpensive images; there are lot 
of royalty free clipart available online. 
It’s good idea to stick to one Style. The type 
of clipart depends on your audience, when it 
comes to developing professional eLearning 
for the workplace, use less cartoon-y clipart 
and more high quality vector artwork and 
silhouettes. 
The main advantage of using Cliparts (or any 
vector image) is the easy of their edition. 
No graphic software is required, with 
PowerPoint, you can change colours and 
background, and create the Character you 
need for your elearning course. 
Reference: Flirting with eLearning Blog 
III 
Fig. 11 Cliparts in different Styles
Cut out People 
Whether we decide to use illustrated or 
photographic Characters, cut out people 
images are a great way to make our courses 
more engaging. 
Character packs are sets of the same 
character in many poses and angles. As they 
have transparent backgrounds, we can easily 
combine them creating scenes, dialogs, 
presentations and simulations. 
Using poses and expressions makes it much 
easier to get emotion and give a realistic 
looking to our elearning stories and 
scenarios. 
III 
Fig. 12. Illustrated Characters 
Fig. 13. Photographic Characters
References 
The Rapid e-Learning Blog: 
• 5 ways to use silhouttes in your e-learning course 
• 7 ways to create Characters for your Training 
course 
• Create your own custom Character 
• How to build your own graphics for online course 
Blog Commlabindia: 
E-learning characters 
Upside learning: 
10 reasons to use Humanoids instead of Photos 
Flirting with eLearning Blog: 
Choosing graphics for eLearning: Photos vs Cliparts
Images source: 
CLOSE 
Fig.1 Stick figure by Randy Borum 
Fig.2 GIF stick figure by By As09rl CC-BY-SA-3.0 
Fig.3. Video The Science of Persuasion 
Fig.4 Pictograms by Tom Kuhlmann 
Fig.5 Own work 
Fig 6. Pictogram by Jeff Kortenbosch 
Fig.7 Humanoid by 123RF 
Fig.8 Icons by Freepick 
Fig.9 Meeting Silhouette by Feepick 
Fig.10 Silhouette screen by Tom Kuhlmann 
Fig.11 Cliparts. Styles 554, 1252, 1255, 1268 
Fig.12 Articulate Character Male 14 in various poses 
and expressions. 
Fig.13 ElearningArt free character in various poses 
and expressions.

More Related Content

PDF
Sketching workshop for Google London
PDF
Sketching for Design
ZIP
Sketching Matters
PDF
Sharpie UX @ Fluxible 2013
PDF
Reinvent The Wheel: Sketching Your Own Design Process
PPTX
Good Graphic design and an Introduction to Inkscape
PPTX
Sketching
PDF
Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching workshop for Google London
Sketching for Design
Sketching Matters
Sharpie UX @ Fluxible 2013
Reinvent The Wheel: Sketching Your Own Design Process
Good Graphic design and an Introduction to Inkscape
Sketching
Sketching Interfaces Workshop - Interactions12 (Dublin)

Viewers also liked (7)

PPTX
Adding More "Character" to Your eLearning
PPTX
Game based learning ppt presentation - final project
PPTX
Elementos de un paisaje natural
PPT
Using games to enhance learning and teaching
PPTX
6 Elementos del paisaje
PPTX
Advantages and disadvantages of using games for learning
PPT
Make learning a fun the use of games in esl classroom
Adding More "Character" to Your eLearning
Game based learning ppt presentation - final project
Elementos de un paisaje natural
Using games to enhance learning and teaching
6 Elementos del paisaje
Advantages and disadvantages of using games for learning
Make learning a fun the use of games in esl classroom
Ad

Similar to Types of Characters used in e-learning (20)

PDF
Accessible Elearning
PPT
Animate This: Using What's Free to Motivate
PPTX
Marcus Thompson Multimedia Principle
PDF
Multimedia Learning Design Resources
PPTX
Using Visuals in Elearning to make Learning Effective
PDF
Benefits of Animation in Education
PDF
Benefits And Disadvantages Of E-learning
PDF
Methodology for e- content development.pdf
PDF
Cets 2015 weller creating cheap and easy e learning characters
PPT
The Multimedia Principle
PDF
Diagramming, Figures, and Imagery (2D): Think Visual in Online Learning
PPT
Rapid eLearning
PDF
Using Media to Engage and Teach
PPTX
Module 1 Foundations Lecture recreation.pptx
PPTX
E-learning and instructional design toolbox
PPT
Chapter 9
PDF
Learning
PDF
Rachel Elliott Activation Matrix
DOCX
Why Opt For 2D Animation in Educational Content For School Kids?
PPT
E learning: concepts, usage and tools
Accessible Elearning
Animate This: Using What's Free to Motivate
Marcus Thompson Multimedia Principle
Multimedia Learning Design Resources
Using Visuals in Elearning to make Learning Effective
Benefits of Animation in Education
Benefits And Disadvantages Of E-learning
Methodology for e- content development.pdf
Cets 2015 weller creating cheap and easy e learning characters
The Multimedia Principle
Diagramming, Figures, and Imagery (2D): Think Visual in Online Learning
Rapid eLearning
Using Media to Engage and Teach
Module 1 Foundations Lecture recreation.pptx
E-learning and instructional design toolbox
Chapter 9
Learning
Rachel Elliott Activation Matrix
Why Opt For 2D Animation in Educational Content For School Kids?
E learning: concepts, usage and tools
Ad

Recently uploaded (20)

PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPTX
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
Urban Design Final Project-Site Analysis
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
6- Architecture design complete (1).pptx
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Urban Design Final Project-Context
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
areprosthodontics and orthodonticsa text.pptx
PPTX
building Planning Overview for step wise design.pptx
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
YV PROFILE PROJECTS PROFILE PRES. DESIGN
CLASS_11_BUSINESS_STUDIES_PPT_CHAPTER_1_Business_Trade_Commerce.pptx
Tenders & Contracts Works _ Services Afzal.pptx
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Urban Design Final Project-Site Analysis
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
Wisp Textiles: Where Comfort Meets Everyday Style
6- Architecture design complete (1).pptx
YOW2022-BNE-MinimalViableArchitecture.pdf
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Urban Design Final Project-Context
rapid fire quiz in your house is your india.pptx
DOC-20250430-WA0014._20250714_235747_0000.pptx
AD Bungalow Case studies Sem 2.pptxvwewev
areprosthodontics and orthodonticsa text.pptx
building Planning Overview for step wise design.pptx

Types of Characters used in e-learning

  • 1. Types of Characters used in e-Learning OPEN Photo Album
  • 2. Index Doodles Pictograms Humanoids Icons Silhouettes ClipArts Cut out People
  • 3. Doodles Doodles, stick figures and outlined characters are the simplest drawings which we might use to represent the characters of our course. Having limited budget and time, we can quickly sketch basic shapes and lines to represent a character. These characters are used for storytelling and to explain about processes. III Doodle videos have become a popular way to explain concepts because of the graphic depiction of ideas and the movement of the hand calling viewer’s attention. Fig. 1: Static Stick figure Fig. 3. Doodle video Fig. 2: Animated Stick figure
  • 4. Pictograms Pictograms are custom characters created using basic shapes. Graphic skills are not required to build them; combining circles, squares and other shapes, we can easily have our custom character. Pictograms are used in a number of situations in which verbal messages are not possible. They work great for procedural and safety training where the learner needs to follow step-by-step sequences and they’re also used for students with special needs. III Fig. 4 Fig. 5 Fig. 6
  • 5. Humanoids III Main advantages of using 3D humanoids: •Gender and race neutrality •Concept representation: sometimes, they’re more suitable than real people to depict abstract concepts. •Wide variaty: there is a large pool of these graphics available to choose from. •Ease of editing: adding or removing a person or an object, changing its color, it’s possible in a few minutes. •Lack of expression: their positions and actions are enough to convey the meaning. •Humor: The vector graphics are cute and, at times, even funny. Reference: Upside Learning Fig. 7
  • 6. Icons Icons should be easy to understand at a first glance, this means their visual is closely related to the idea which needs to be communicated. From the simplest icons to the more detailed and coloured ones, we can use icons to represent an specific person or activity. Iconic characters also help in better communication between the users and the application interface. III Fig. 8 Iconic characters in different styles
  • 7. Silhouettes Creating silhouettes is pretty easy. And using them in your elearning courses can add a little bit more visual and make the courses more engaging. The main advantages of using silhouettes: •Be politically correct: as silhouettes are race neutral, they’re a good option to make sure no one’s offended. •Focus learner’s attention on the slide: they’re nice to create contrast with the background of the slide and to help learners to focus and isolate information. •Used as icons or to create a progress meter. Reference: Rapid e-learning blog III Fig. 9 Silouettes used to represent a concept Fig.10 Silouettes used to focus attention
  • 8. Cliparts Cliparts are inexpensive images; there are lot of royalty free clipart available online. It’s good idea to stick to one Style. The type of clipart depends on your audience, when it comes to developing professional eLearning for the workplace, use less cartoon-y clipart and more high quality vector artwork and silhouettes. The main advantage of using Cliparts (or any vector image) is the easy of their edition. No graphic software is required, with PowerPoint, you can change colours and background, and create the Character you need for your elearning course. Reference: Flirting with eLearning Blog III Fig. 11 Cliparts in different Styles
  • 9. Cut out People Whether we decide to use illustrated or photographic Characters, cut out people images are a great way to make our courses more engaging. Character packs are sets of the same character in many poses and angles. As they have transparent backgrounds, we can easily combine them creating scenes, dialogs, presentations and simulations. Using poses and expressions makes it much easier to get emotion and give a realistic looking to our elearning stories and scenarios. III Fig. 12. Illustrated Characters Fig. 13. Photographic Characters
  • 10. References The Rapid e-Learning Blog: • 5 ways to use silhouttes in your e-learning course • 7 ways to create Characters for your Training course • Create your own custom Character • How to build your own graphics for online course Blog Commlabindia: E-learning characters Upside learning: 10 reasons to use Humanoids instead of Photos Flirting with eLearning Blog: Choosing graphics for eLearning: Photos vs Cliparts
  • 11. Images source: CLOSE Fig.1 Stick figure by Randy Borum Fig.2 GIF stick figure by By As09rl CC-BY-SA-3.0 Fig.3. Video The Science of Persuasion Fig.4 Pictograms by Tom Kuhlmann Fig.5 Own work Fig 6. Pictogram by Jeff Kortenbosch Fig.7 Humanoid by 123RF Fig.8 Icons by Freepick Fig.9 Meeting Silhouette by Feepick Fig.10 Silhouette screen by Tom Kuhlmann Fig.11 Cliparts. Styles 554, 1252, 1255, 1268 Fig.12 Articulate Character Male 14 in various poses and expressions. Fig.13 ElearningArt free character in various poses and expressions.