Why design and data make the world a better place - Michael Agar

249 views

Published on

Lundquist hosted the 6th edition of its CSR Online Awards in Milan, part of a unique two-day event to discuss trends in sustainability and recognise top performers in online communications from across Europe.

The event brought together more than 100 participants including sustainability and communications professionals from over 45 companies and organisations. Participants heard from 27 international speakers in three plenary sessions and six workshops.

This is the presentation of Michael Agar, Director of Michael Agar Design and Former Head of Graphics at Telegraph Media Group.

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
249
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Why design and data make the world a better place - Michael Agar

  1. 1. 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
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. 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!”
  12. 12. 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
  13. 13. 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 …
  14. 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 2 THE LIFE OF MY BUSINESS
  15. 15. 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
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. 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
  22. 22. 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
  23. 23. 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
  24. 24. 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
  25. 25. 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
  26. 26. 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
  27. 27. 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
  28. 28. 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
  29. 29. 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
  30. 30. 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 …
  31. 31. 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 …
  32. 32. 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 …
  33. 33. 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
  34. 34. 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 …
  35. 35. 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
  36. 36. 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
  37. 37. 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
  38. 38. 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 …
  39. 39. 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
  40. 40. 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
  41. 41. 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
  42. 42. 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
  43. 43. 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 …
  44. 44. 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
  45. 45. 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
  46. 46. 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
  47. 47. 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
  48. 48. 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
  49. 49. 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
  50. 50. 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
  51. 51. 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
  52. 52. 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
  53. 53. 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
  54. 54. 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
  55. 55. 6th CSR ONLINE AWARDS DIGITAL DISRUPTION AND THE FUTURE OF CSR #CSRawards Milan, 27-28 May 2014

×