Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Art of Slide Design

The Art of Slide Design

Note: These are the slides from my DevRelCon Tokyo talk from July 29th. I've started writing this up as a blog post on MissGeeky.com: https://missgeeky.com/2017/08/04/the-art-of-slide-design/

Hopefully a video of the talk will also become available at a later date.

********************

Who doesn’t love a pretty slide deck? As evangelists, our presentations are one of the key ways to get our point across to our audiences, and we need to learn how to be as effective as we can with our slide decks.

The choices you make in your slide design directly influences what impact your story has on your audience. Understanding simple design elements will allow you to make more compelling slides, which will result in more memorable and helpful presentations.

This talk looks at how you can improve your presentations with some simple tips and tricks to make your slide designs better. It will examine how you can use fonts, colours, animations and more to support the story you want to tell.

Melinda Seckington

July 29, 2017
Tweet

More Decks by Melinda Seckington

Other Decks in Design

Transcript

  1. Cognitive load: the amount of mental activity - perception, memory,

    problem solving - required to accomplish a goal. Universal Principles of Design - Lidwell, Holden & Butler @mseckington
  2. Design should minimise cognitive load to the greatest degree possible.

    Universal Principles of Design - Lidwell, Holden & Butler @mseckington
  3. Signal-to-noise ratio: The ratio of relevant to irrelevant information in

    a display. The goal of good design is to maximise signal and minimise noise. Universal Principles of Design - Lidwell, Holden & Butler @mseckington
  4. Facts about cats: • A brief history of the house

    cat • Cats sleep 75% of their lives • Why cats meow • The Egyptian word for cat is ‘mau’ • Cats are lactose intolerant 75% lactose intolerant history of cats mau @mseckington FOCUS ON ONE PURPOSE PER SLIDE
  5. Cats sleep 75% of their lives Cats sleep 75% of

    their lives @mseckington FOCUS ON ONE PURPOSE PER SLIDE
  6. Most popular cat names: Cat names! • Poppy • Bella

    • Misty • Charlie • Molly • Smudge @mseckington FOCUS ON ONE PURPOSE PER SLIDE
  7. Recap time! To recap: • A brief history of the

    house cat • Cats sleep 75% of their lives • Why cats meow • The Egyptian word for cat is ‘mau’ • Cats are lactose intolerant @mseckington FOCUS ON ONE PURPOSE PER SLIDE
  8. The domestic cat (Latin: Felis catus) is a small, typically

    furry, carnivorous mammal. They are often called house cats when kept as indoor pets or simply cats when there is no need to distinguish them from other felids and felines. Cats are often valued by humans for companionship and for their ability to hunt vermin. There are more than 70 cat breeds, though different associations proclaim different numbers according to their standards. Am I supposed to read all that? What did they just say? Facts about cats: too much text I can’t follow @mseckington DON’T DISTRACT
  9. Am I supposed to read all that? too much code

    I’m bored I can’t follow @mseckington DON’T DISTRACT require 'json' require 'rspotify' class HomepageController < ApplicationController def index @tweets = Tweet.all.order('created_at DESC').limit(10) end def search @searchword = params[:user] if @searchword.present? client = Twitter::REST::Client.new do |config| config.consumer_key = ENV['TWITTER_CONSUMER_KEY'] config.consumer_secret = ENV['TWITTER_CONSUMER_SECRET'] config.access_token = ENV['TWITTER_ACCESS_TOKEN'] config.access_token_secret = ENV['TWITTER_ACCESS_TOKEN_SECRET'] end tweets = client.user_timeline(@searchword, count: 5) conn = Faraday.new(:url => 'https://api.dandelion.eu') do |faraday| faraday.request :url_encoded # form-encode POST params faraday.response :logger # log requests to STDOUT faraday.adapter Faraday.default_adapter # make requests with Net::HTTP end @tweets = [] tweets.each do |tweet| converted_response = JSON.parse(response.body) next if converted_response["annotations"].blank? # image_urls = converted_response["annotations"].inject([]){|images, x| x["image"]["thumbnail"] ? images << x["image"]["thumbnail"] : images} # puts image_urls entities = converted_response["annotations"] track = "emptyempty" label = "" entities.each do |entity| label = entity["label"] tracks = RSpotify::Track.search(label) puts tracks.count if tracks.count > 0 track = tracks.first break end end puts track puts label next if track == "emptyempty"
  10. Cat! I can’t read that too busy emoji MY CAT

    IS AWESOME!!! This is Casey: @mseckington DON’T DISTRACT
  11. von Restorff effect: Noticeably different things are more likely to

    be remembered than common things. Universal Principles of Design - Lidwell, Holden & Butler @mseckington
  12. Contrast: The state of being strikingly different from something else

    in juxtaposition or close association. Oxford Dictionary @mseckington
  13. @mseckington CONTRAST WITH SHAPE > data() list all datasets available

    > movies = data(movies) assign movies data to movies variable
  14. Picture Superiority Effect: Information recall is better when combining text

    and images Universal Principles of Design - Lidwell, Holden & Butler @mseckington
  15. @mseckington USE SHAPES S E N S O R S

    ? E N V I R O N M E N T C A T E F F E C T O R S
  16. Consistency: The usability of a system is improved when similar

    parts are expressed in similar ways. Universal Principles of Design - Lidwell, Holden & Butler @mseckington
  17. @mseckington SLIDE TYPES BE CONSISTENT 4 @mseckington @mseckington Consistency: The

    usability of a system is improved when similar parts are expressed in similar ways. Universal Principles of Design - Lidwell, Holden & Butler
  18. @mseckington SLIDE TYPES BE CONSISTENT 4 @mseckington @mseckington Consistency: The

    usability of a system is improved when similar parts are expressed in similar ways. Universal Principles of Design - Lidwell, Holden & Butler @mseckington SLIDE TYPES Cats sleep 75% of their lives
  19. @mseckington SLIDE TYPES BE CONSISTENT 4 @mseckington @mseckington Consistency: The

    usability of a system is improved when similar parts are expressed in similar ways. Universal Principles of Design - Lidwell, Holden & Butler @mseckington SLIDE TYPES Cats sleep 75% of their lives @mseckington IDENTIFY YOUR SLIDE PATTERNS
  20. @mseckington SLIDE TYPES BE CONSISTENT 4 @mseckington @mseckington Consistency: The

    usability of a system is improved when similar parts are expressed in similar ways. Universal Principles of Design - Lidwell, Holden & Butler @mseckington SLIDE TYPES Cats sleep 75% of their lives @mseckington WHAT IS THE GOAL PRESENTATION? OF A
  21. @mseckington SLIDE TYPES BE CONSISTENT 4 @mseckington @mseckington Consistency: The

    usability of a system is improved when similar parts are expressed in similar ways. Universal Principles of Design - Lidwell, Holden & Butler @mseckington SLIDE TYPES Cats sleep 75% of their lives @mseckington PHOTOS SHAPES ANIMATIONS ICONS
  22. “There's not much point in spinning a yarn if your

    audience keeps losing the thread.” ― P.K. Shaw @mseckington