Why design and data make the world a better place - Michael Agar
-
Upload
lundquist-srl -
Category
Business
-
view
108 -
download
0
description
Transcript of Why design and data make the world a better place - Michael Agar
6th CSR ONLINE AWARDS
DIGITAL DISRUPTION
AND THE FUTURE OF CSR #CSRawards
Milan, 27-28 May 2014
Michael Agar
Director, Michael Agar Design, and
Former Head of Graphics, Telegraph
Media Group
Why design and data make the world a
better place
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
INFOGRAPHICS:
THE POWER OF
VISUAL STORYTELLING
Michael Agar
MILAN 28.05.14
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
MY LITTLE JOURNEY
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
1
THE ART OF LIFE
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
OUR BRAINS ARE WIRED TO VISUALISE
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WE VISUALISE WHEN WE ARE YOUNG
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
SOME VISUALISE WHEN THEY ARE OLD
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WE VISUALLY TO IDENTIFY OUR WORLD
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WE VISUALLY TO IDENTIFY OUR WORLD
Every day we store visual information in our brains
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WE VISUALLY TO IDENTIFY OUR WORLD
Every day we store visual information in our brains
Even the words we read and analyse, we place in our mind’s visual
library to retrieve it’s meaning
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WE VISUALLY TO IDENTIFY OUR WORLD
Every day we store visual information in our brains
Even the words we read and analyse, we place in our mind’s visual
library to retrieve it’s meaning
We’re hardwired to love visual problem solving; when we figure
something out, the brain releases an intoxicating rush from
neurotransmitters that say “Good job!”
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WE VISUALLY TO IDENTIFY OUR WORLD
Every day we store visual information in our brains
Even the words we read and analyse, we place in our mind’s visual
library to retrieve it’s meaning
We’re hardwired to love visual problem solving; when we figure
something out, the brain releases an intoxicating rush from
neurotransmitters that say “Good job!”
Infographics are our visual context for business communication
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WE VISUALLY TO IDENTIFY OUR WORLD
Every day we store visual information in our brains
Even the words we read and analyse, we place in our mind’s visual
library to retrieve it’s meaning
We’re hardwired to love visual problem solving; when we figure
something out, the brain releases an intoxicating rush from
neurotransmitters that say “Good job!”
Infographics are our visual context for business communication
This is my business …
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
2
THE LIFE OF MY BUSINESS
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
GREAT NEWS INFOGRAPHICS
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
GREAT NEWS INFOGRAPHICS
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
GREAT NEWS INFOGRAPHICS
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
GREAT NEWS INFOGRAPHICS
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
INFOGRAPHICS AND DATA
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
DATA VISUALISATION AND MARKETING
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
DATA VISUALISATION AND MARKETING
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
DATA VISUALISATION AND MARKETING
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
DATA VISUALISATION AND MARKETING
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
YOUR COMPANY’S VISUAL LANGUAGE
Companies are finding new visual ways to make content more
appealing and engaging to customers across social media,
such as infographics and video
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
YOUR COMPANY’S VISUAL LANGUAGE
Companies are finding new visual ways to make content more
appealing and engaging to customers across social media,
such as infographics and video
Infographics are not only cost-efficient, they also illustrate the value
of your company and are very easy to share
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
YOUR COMPANY’S VISUAL LANGUAGE
Companies are finding new visual ways to make content more
appealing and engaging to customers across social media,
such as infographics and video
Infographics are not only cost-efficient, they also illustrate the value
of your company and are very easy to share
Infographics are low-cost marketing with high ROI
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
4
DESIGNING YOUR
INFOGRAPHIC
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
LET’S START WITH THE CREATIVE BRIEF
The creative brief is a roadmap that points everyone in the project in
the same direction
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
LET’S START WITH THE CREATIVE BRIEF
The creative brief is a roadmap that points everyone in the project in
the same direction
It specifies the story, data and design style of the final infographic
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
LET’S START WITH THE CREATIVE BRIEF
The creative brief is a roadmap that points everyone in the project in
the same direction
It specifies the story, data and design style of the final infographic
The following questions and criteria should help you and your
commissioning process find the right infographic …
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHICH FORMAT?
This depends on where you plan to distribute your infographic …
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHICH FORMAT?
This depends on where you plan to distribute your infographic …
Vertical tall and Vertical are the most common types for distribution
on blogs and social media sites …
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHICH FORMAT?
This depends on where you plan to distribute your infographic …
Horizontal and Horizontal wide are appropriate for presentations or
print marketing
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT ABOUT AESTHETIC STYLE?
Every story is unique, and so your infographic must reflect this …
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT ABOUT AESTHETIC STYLE?
Every story is unique, and so your infographic must reflect this …
Realistic: includes photos or product images, and often you can find
background textures (paper/wood) that mimic tangible surfaces
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT ABOUT AESTHETIC STYLE?
Every story is unique, and so your infographic must reflect this …
Iconography: use of pictograms, often repeated to represent various
elements. These icons are usually not very detailed
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT ABOUT AESTHETIC STYLE?
Every story is unique, and so your infographic must reflect this …
Illustrative: includes drawn characters or other illustrations, and are
custom made by the designer
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT IS STYLISTIC FORM?
Choosing the right tone for your infographic …
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT IS STYLISTIC FORM?
Choosing the right tone for your infographic …
Minimal: a minimal design places emphasis on appearance and has a
‘high-brow’ look and feel
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT IS STYLISTIC FORM?
Choosing the right tone for your infographic …
Corporate: uses set typography and swatch palette for consistency
with other corporate and marketing material
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
WHAT IS STYLISTIC FORM?
Choosing the right tone for your infographic …
Dynamic: uses non-standard fonts and often appears ‘whacky’ for
maximum attention across social media platforms
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
5 TIPS FOR EYE-CATHCING INFOGRAPHICS
For non-designers, creating eye-catching visual content can be a real
challenge, where even simple design issues can effect the quality of
you and your company’s communication
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
5 TIPS FOR EYE-CATHCING INFOGRAPHICS
For non-designers, creating eye-catching visual content can be a real
challenge, where even simple design issues can effect the quality of
you and your company’s communication
These basic fundamentals will ensure your message is noticed and
not lost …
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
5 TIPS FOR EYE-CATHCING INFOGRAPHICS
1 COLOUR
Treat colour like information – sparingly. Never use more than five colours, I often
stick to three colours
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
5 TIPS FOR EYE-CATHCING INFOGRAPHICS
2 LAYOUT
Design with a clear and logical hierarchy, aiming for consistency rather than
chaos
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
5 TIPS FOR EYE-CATHCING INFOGRAPHICS
3 ILLUSTRATION / ICONS
Icons are designed to compliment rather than intrude, and likewise with
illustration. Enhance your content
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
5 TIPS FOR EYE-CATHCING INFOGRAPHICS
4 DATA
Don’t overwhelm the audience or reader with multiple charts. Edit the data with
the core message and storyline in mind
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
5 TIPS FOR EYE-CATHCING INFOGRAPHICS …
5 SIMPLICITY
Avoid unnecessary design and decorative illustrations that don’t add value.
In most cases 3D charts skew data
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
… AND THOSE THAT DIDN’T FOLLOW GUIDELINES
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
… AND THOSE THAT DIDN’T FOLLOW GUIDELINES
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
… AND THOSE THAT DIDN’T FOLLOW GUIDELINES
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
… AND THOSE THAT DIDN’T FOLLOW GUIDELINES
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
… AND THOSE THAT DIDN’T FOLLOW GUIDELINES
C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4
Ciao for now!
michaelagar.co.uk
@michaelagar
MILAN 28.05.14
6th CSR ONLINE AWARDS
DIGITAL DISRUPTION
AND THE FUTURE OF CSR #CSRawards
Milan, 27-28 May 2014