Tweet
Tweet

Slide 1

Slide 1 text

SLIDE DESIGN Art The of MELINDA SECKINGTON @mseckington

Slide 2

Slide 2 text

@mseckington https://www.flickr.com/photos/blackzack00/21976036458/ I HATE PRESENTATIOnS!

Slide 3

Slide 3 text

@mseckington @mseckington

Slide 4

Slide 4 text

@mseckington TECHNICAL MANAGER EVENT ORGANIZER SPEAKER & BLOGGER EVANGELISM
 LEAD

Slide 5

Slide 5 text

@mseckington FutureLearn

Slide 6

Slide 6 text

@mseckington

Slide 7

Slide 7 text

@mseckington

Slide 8

Slide 8 text

@mseckington HOW TO CREATE EFFECTIVE SLIDES

Slide 9

Slide 9 text

@mseckington WHAT IS THE GOAL PRESENTATION? OF A

Slide 10

Slide 10 text

@mseckington TO ALLOW YOUR AUDIENCE YOUR INFORMATION TO ABSORB

Slide 11

Slide 11 text

Cognitive load: the amount of mental activity - perception, memory, problem solving - required to accomplish a goal. Universal Principles of Design - Lidwell, Holden & Butler @mseckington

Slide 12

Slide 12 text

@mseckington Universal Principles of Design Lidwell, Holden & Butler

Slide 13

Slide 13 text

Design should minimise cognitive load to the greatest degree possible. Universal Principles of Design - Lidwell, Holden & Butler @mseckington

Slide 14

Slide 14 text

@mseckington EFFECTIVE SLIDES HELP REDUCE COGNITIVE LOAD

Slide 15

Slide 15 text

@mseckington EFFECTIVE SLIDES HELP YOUR AUDIENCE INFORMATION CONSUME YOUR

Slide 16

Slide 16 text

@mseckington HOW DO YOU CREATE EFFECTIVE SLIDES?

Slide 17

Slide 17 text

@mseckington HOW DO YOU DESIGN EFFECTIVE SLIDES?

Slide 18

Slide 18 text

PRINCIPLES SLIDE DESIGN OF @mseckington 4

Slide 19

Slide 19 text

MAXIMISE SIGNAL, MINIMISE NOISE 1 @mseckington

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

HOW DO WE MAXIMISE SIGNAL AND MINIMISE NOISE IN OUR SLIDE DESIGNS? @mseckington

Slide 22

Slide 22 text

FOCUS ON ONE PURPOSE PER SLIDE @mseckington

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Cats sleep 75% of their lives Cats sleep 75% of their lives @mseckington FOCUS ON ONE PURPOSE PER SLIDE

Slide 25

Slide 25 text

Most popular cat names: Cat names! • Poppy • Bella • Misty • Charlie • Molly • Smudge @mseckington FOCUS ON ONE PURPOSE PER SLIDE

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

DON’T DISTRACT @mseckington

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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"

Slide 30

Slide 30 text

Cat! I can’t read that too busy emoji MY CAT IS AWESOME!!! This is Casey: @mseckington DON’T DISTRACT

Slide 31

Slide 31 text

This is Casey: That cat is adorable! @mseckington DON’T DISTRACT

Slide 32

Slide 32 text

FOCUS ON ONE PURPOSE PER SLIDE DON’T DISTRACT @mseckington

Slide 33

Slide 33 text

MAKE IMPORTANT INFORMATION STAND OUT 2 @mseckington

Slide 34

Slide 34 text

von Restorff effect: Noticeably different things are more likely to be remembered than common things. Universal Principles of Design - Lidwell, Holden & Butler @mseckington

Slide 35

Slide 35 text

Contrast: The state of being strikingly different from something else in juxtaposition or close association. Oxford Dictionary @mseckington

Slide 36

Slide 36 text

@mseckington Slide:ology: The art and science of creating great presentations Nancy Duarte

Slide 37

Slide 37 text

@mseckington COLOUR SHAPE SIZE SHADE PROXIMITY

Slide 38

Slide 38 text

@mseckington SHADE PROXIMITY COLOUR SHAPE SIZE

Slide 39

Slide 39 text

COLOUR SHAPE SIZE @mseckington

Slide 40

Slide 40 text

@mseckington COLOUR SHAPE SIZE

Slide 41

Slide 41 text

CHOOSE A COLOUR PALETTE @mseckington

Slide 42

Slide 42 text

@mseckington colorsupplyyy.com

Slide 43

Slide 43 text

@mseckington colorsupplyyy.com

Slide 44

Slide 44 text

Cats sleep 75% of their lives @mseckington CONTRAST WITH COLOUR CONTRAST WITH COLOUR

Slide 45

Slide 45 text

“The smallest feline is a masterpiece.” @mseckington CONTRAST WITH COLOUR Leonardo da Vinci

Slide 46

Slide 46 text

CONTRAST WITH COLOUR @mseckington

Slide 47

Slide 47 text

@mseckington CONTRAST WITH COLOUR

Slide 48

Slide 48 text

@mseckington COLOUR SHAPE SIZE

Slide 49

Slide 49 text

USE CONTRASTING FONT TYPES @mseckington AaBb AaBb

Slide 50

Slide 50 text

@mseckington Google Fonts

Slide 51

Slide 51 text

@mseckington DESIGN BUNDLES Design Cuts Pixel Buddha DreamBundles The Hungry JPEG

Slide 52

Slide 52 text

@mseckington CONTRAST WITH SHAPE USE CONTRAST TO HIGHLIGHT KEY INFORMATION

Slide 53

Slide 53 text

@mseckington CONTRAST WITH SHAPE Time spent with cats is never wasted. Sigmund Freud

Slide 54

Slide 54 text

@mseckington CONTRAST WITH SHAPE Time spent with cats is never wasted. Sigmund Freud

Slide 55

Slide 55 text

@mseckington CONTRAST WITH SHAPE > data() list all datasets available > movies = data(movies) assign movies data to movies variable

Slide 56

Slide 56 text

@mseckington COLOUR SHAPE SIZE

Slide 57

Slide 57 text

@mseckington CONTRAST WITH SIZE 33% of US households own a cat

Slide 58

Slide 58 text

@mseckington CONTRAST WITH SIZE HOW TO CREATE EFFECTIVE SLIDES

Slide 59

Slide 59 text

@mseckington CONTRAST WITH SIZE How T rain Your Cat T o

Slide 60

Slide 60 text

@mseckington CONTRAST WITH SIZE Questions There Are No Stupid

Slide 61

Slide 61 text

@mseckington COLOUR SHAPE SIZE

Slide 62

Slide 62 text

SHOW AND TELL 3 @mseckington

Slide 63

Slide 63 text

Picture Superiority Effect: Information recall is better when combining text and images Universal Principles of Design - Lidwell, Holden & Butler @mseckington

Slide 64

Slide 64 text

USE VISUALS TO SUPPORT WHAT YOU ARE SAYING @mseckington

Slide 65

Slide 65 text

PHOTOS SHAPES @mseckington ANIMATIONS ICONS

Slide 66

Slide 66 text

PHOTOS SHAPES @mseckington ANIMATIONS ICONS

Slide 67

Slide 67 text

@mseckington FLICKR CREATIVE COMMONS

Slide 68

Slide 68 text

@mseckington PEXELS

Slide 69

Slide 69 text

@mseckington DESIGN BUNDLES Design Cuts Pixel Buddha DreamBundles The Hungry JPEG

Slide 70

Slide 70 text

@mseckington USE PHOTOS Cats sleep 75% of their lives https://www.flickr.com/photos/postbear/6221080119/

Slide 71

Slide 71 text

@mseckington USE PHOTOS Cats sleep 75% of their lives https://www.flickr.com/photos/postbear/6221080119/

Slide 72

Slide 72 text

@mseckington USE PHOTOS Cats sleep 75% of their lives https://www.flickr.com/photos/postbear/6221080119/

Slide 73

Slide 73 text

@mseckington USE PHOTOS cats sweat through their paws https://www.flickr.com/photos/stys19850129/35235732502/

Slide 74

Slide 74 text

@mseckington USE PHOTOS https://www.flickr.com/photos/stys19850129/35235732502/ Cats sweat through their paws

Slide 75

Slide 75 text

@mseckington USE PHOTOS https://www.flickr.com/photos/stys19850129/35235732502/ Cats sweat through their paws

Slide 76

Slide 76 text

@mseckington USE PHOTOS https://www.flickr.com/photos/taranos/8081143756/ A kitten’s purr keeps it healthy

Slide 77

Slide 77 text

@mseckington USE MASKS https://www.flickr.com/photos/taranos/8081143756/ A kitten’s purr keeps it healthy

Slide 78

Slide 78 text

@mseckington USE MASKS https://www.flickr.com/photos/taranos/8081143756/ A kitten’s purr keeps it healthy

Slide 79

Slide 79 text

PHOTOS SHAPES @mseckington ANIMATIONS ICONS

Slide 80

Slide 80 text

@mseckington THE NOUN PROJECT

Slide 81

Slide 81 text

@mseckington DESIGN BUNDLES Design Cuts Pixel Buddha DreamBundles The Hungry JPEG

Slide 82

Slide 82 text

@mseckington USE ICONS Blogger Event organiser Speaker

Slide 83

Slide 83 text

PHOTOS SHAPES @mseckington ANIMATIONS ICONS

Slide 84

Slide 84 text

USE SHAPES @mseckington

Slide 85

Slide 85 text

@mseckington USE SHAPES 75% Cats sleep of their lives

Slide 86

Slide 86 text

@mseckington USE SHAPES 75% Cats sleep of their lives

Slide 87

Slide 87 text

@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

Slide 88

Slide 88 text

@mseckington USE SHAPES STEP 1: GET A CAT STEP 2: CUDDLE CAT STEP 3: LET CAT GO

Slide 89

Slide 89 text

@mseckington USE SHAPES STEP 1: GET A CAT STEP 2: CUDDLE CAT STEP 3: LET CAT GO

Slide 90

Slide 90 text

@mseckington USE SHAPES A long time ago… in 2007… there was a girl. hi!

Slide 91

Slide 91 text

PHOTOS SHAPES @mseckington ANIMATIONS ICONS

Slide 92

Slide 92 text

DON’T MISUSE ANIMATIONS @mseckington

Slide 93

Slide 93 text

@mseckington MAGIC MOVE SLIDE 1 SLIDE 2

Slide 94

Slide 94 text

@mseckington MAGIC MOVE

Slide 95

Slide 95 text

@mseckington MAGIC MOVE

Slide 96

Slide 96 text

@mseckington USE ANIMATIONS 1992 2012 Started Miss Geeky Geeks of L ondon Finished My Masters

Slide 97

Slide 97 text

@mseckington 1992 2012 Started Miss Geeky Geeks of L ondon Finished My Masters USE ANIMATIONS

Slide 98

Slide 98 text

PHOTOS SHAPES @mseckington ANIMATIONS ICONS

Slide 99

Slide 99 text

BE CONSISTENT 4 @mseckington

Slide 100

Slide 100 text

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 101

Slide 101 text

USE CONSISTENT DESIGNS FOR SLIDES WITH THE SAME PURPOSE @mseckington

Slide 102

Slide 102 text

IDENTIFY YOUR SLIDE PATTERNS @mseckington

Slide 103

Slide 103 text

@mseckington SLIDE TYPES BE CONSISTENT 4 @mseckington

Slide 104

Slide 104 text

@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

Slide 105

Slide 105 text

@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

Slide 106

Slide 106 text

@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

Slide 107

Slide 107 text

@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

Slide 108

Slide 108 text

@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

Slide 109

Slide 109 text

IDENTIFY YOUR SLIDE PATTERNS @mseckington

Slide 110

Slide 110 text

PRINCIPLES SLIDE 4DESIGN OF @mseckington

Slide 111

Slide 111 text

MAXIMISE SIGNAL, MINIMISE NOISE @mseckington MAKE IMPORTANT INFORMATION STAND OUT BE CONSISTENT SHOW AND TELL 1 2 3 4

Slide 112

Slide 112 text

@mseckington

Slide 113

Slide 113 text

@mseckington GOOD PRESENTATIONS ARE ALL ABOUT YOUR AUDIENCE

Slide 114

Slide 114 text

“There's not much point in spinning a yarn if your audience keeps losing the thread.” ― P.K. Shaw @mseckington

Slide 115

Slide 115 text

Thanks for listening… MELINDA SECKINGTON FUTURELEARN @mseckington @mseckington

Slide 116

Slide 116 text

@mseckington COMING SOON: BLOG POST VERSION ON MISSGEEKY.COM

Slide 117

Slide 117 text

https://thenounproject.com/dg.rodolfoalvarez/collection/emotions/ @mseckington