A slidedeck presented at the 64th Cleverwood Friday Session. Feel free to visit our website for various other courses in digital media http://www.cleverwood.be/learning-hub
16. The aim of infographics
Slicing big overwhelming data into comprehensible
chunks to make it more accesible and inviting,
and provide entertainment along with
information.
17. Traits & Benefits of infographics
Why they are popular
WITH PUBLISHERS
24. The Comparative (versus) Infographic
2 (or more) characters or concepts that people
care about
Differences & similarities
Humor & stylized design
56. Find a descriptive, engaging title
The fatal consequences
of illegal drug dealing
The best options for
indoor plant lovers
57. Data Building blocks
Geometric shapes – lead the eyes & provide
structure
Charts & Diagrams – Visually represent data
Icons – clarify words
Images – add value
58. Build a storyline with a logical flow
Create a
confusing
Flow that
Create a
Logical flow
That is easy to
follow
Is hard to
understand
62. Charts: When to use which one?
Matrix
→ Comparison of many items & many categories
Donut chart
→ Simple share of total (max 2-3 parts), often in %
Pie chart
→ Simple share of total (max 5-7 parts)
Column chart
→ Comparison of a few items (1 category)
Bar chart
→ Comparison of many items (1-2 categories)
76. Typography classification basics
Sans-serif & Slab serif
Often safe
Serif
Safe for titles, use with caution for body text
Stylized (script, gothic)
Use with caution
Comic Sans Don’t you dare
79. See you next Friday Session
25/03/2014
Want to be the next speaker for a FAS? Drop us
a message @cleverwood or via
info@cleverwood.be
Did you enjoy it? Join us for the next FAS!
FAS #65: 21/3 about Google Analytics
Want to know more? www.cleverwood.be
Editor's Notes
NEW FIRST SLIDE: TWITTER ICON 2
From Wikipedia
+interactive infographic
The brain processes visual information 60,000x faster than text.Imagine explaining a route description vs. looking at a map
What we candeducefrom the previous slides, is infographics serve twomainpurposes:
Content: lots & lots of impressivenumbersVisualize as: maps, diagrams, emphasizednumbersDoesn’tneedtobeüber-creative, easiestto produce
2 (or more) characters or concepts that people care aboutFocus on both differences and similaritiesUse of humour & stylized design in placeGettingthe content right for the audience is crucial here. Both sides of the debate need to be characters or concepts that people care about. A common feature of the above infographics is a focus on both differences and similarities. A little humour and stylised design are a must if they are to succeed.
These infographics can often be the most visually arresting but are some of the most tricky to produce. Quality photographs and well-thought out design are a must if a photo infographic is to look anything other than amateurish.
When designing infographics like these it’s best to imagine them being printed out. As such, usability should be the priority with a straightforward design and content which is strictly relevant to the topic at hand. The ‘useful bait’ can do well on content sharing platforms like Pinterest and StumbleUpon.
Flow charts are guaranteed to hook in viewers if they answer a question the audience feels is important. Engaging the right audience will result in the infographic receiving plenty of attention on the relevant social media.Design-wise, simpler is better as clutter can be off-putting but to make the exercise worthwhile there needs to be plenty of options, otherwise viewers will feel forced into overly narrow categories, so some degree of balance is needed. A sense of humour is a definite bonus; hopefully no-one is basing a major life decision on an infographic so it’s okay to be a bit tongue-in-cheek.
Harry Beck (electricaldraughtsman), London Underground, published in 1933Resembles anelectrical circuitdiagram (=http://briankerr.files.wordpress.com/2009/06/circuitdiagram.jpg)Visualization of: ‘connections’
http://neomam.com/interactive/13reasons
Unlessyou want togive the reader the impression of being in a roller coaster, this is a highlyinefficient flow.
Onlyuseorganicshapesifyouknowwhatyou are doing. Else you end up withverymessy, amateurish-lookinginfographics
Onlyuseorganicshapesifyouknowwhatyou are doing. Else you end up withverymessy, amateurish-lookinginfographics