September 30 October 2, 2015 Las Vegas, NV. Benefits of Visuals

Transcription

1 Simple Techniques to Make Your elearning More Visual Katie Stroud Benefits of Visuals Reasons for good design More engaging Easily used over web AND for self-paced Larger print good for mobile too Simple ideas/visuals over many slides helps learner process content Engaging, remembered, transferrable Page 1

2 Benefits of Visuals Reasons for good design More engaging Easily used over web AND for self-paced Larger print good for mobile too Simple ideas/visuals over many slides helps learner process content OLD WAY! Engaging, remembered, transferrable Benefits of Visuals Audience Content Modality Engaged Remembered Supported PresentaHon enhanced Visuals make an impact Useful in other mediums Page 2

3 Notable Moment! Think About It #IS210 (This Session) #DevLearn (This Conference) Notable Moment! Presto! Make instant visuals with white space and big fonts. #IS210 (This Session) #DevLearn (This Conference) Page 3

4 3 Keepers Keep it Simple Keep it Short Keep ANenHon Keep it Moving Notable Moment! 3Keepers for keeping attention: Keep it short/ simple/moving. #IS210 (This Session) #DevLearn (This Conference) Page 4

5 3 Keepers Keep it Simple Keep it Short Keep ANenHon Keep it Moving elearning Coaching Job Aids Games In- Class Self- directed (Informal) Peer Mentoring Support Enablement Workbook Page 5

6 Notable Moment! 3Keepers: Keep it simple by keeping everything in it s place! #IS210 (This Session) #DevLearn (This Conference) 3 Keepers Keep it Simple Keep it Short Keep ANenHon Keep it Moving Page 6

7 What Do They Remember? Learner RetenHon Maximum RetenHon Length of Course What Do They Remember? Learner RetenHon Length of Course Page 7

8 What Do They Remember? Learner RetenHon Length of Course What Do They Remember? Learner RetenHon Length of Course Page 8

9 Notable Moment! 3Keepers: Keep it short by breaking it up. Try one idea at a time. #IS210 (This Session) #DevLearn (This Conference) 3 Keepers Keep it Simple Keep it Short Keep ANenHon Keep it Moving Page 9

10 How Many Camera Cuts? A 30-second clip of SALT contains 27 camera cuts. Keep it Moving # of Frames Goes Up Page 10

11 Notable Moment! Keeping it moving means using more frames. #IS210 (This Session) #DevLearn (This Conference) EXAMPLE Page 11

12 Advertiser Ad Creative Action Tags Media Plan Buy Buy Placement Placement Placement Placement Cost Package Page 12

13 Advertiser Advertiser Page 13

14 Advertiser Media Plan Advertiser Media Plan Page 14

15 Advertiser Media Plan Buy Buy Advertiser Media Plan Buy Buy Page 15

16 Advertiser Media Plan Buy Buy Placement Placement Placement Placement Advertiser Media Plan Buy Buy Placement Placement Placement Placement Cost Package Page 16

17 EXAMPLE Implement Creative Assets Ad tag A line of code that redirects the browser to another location for content. (a.k.a. redirect) Page 17

18 1. Browser requests content 2. Publisher returns code Publisher CDN Content Ad tag Ad tag Agency ad Ad tag Publisher ad 3. Code tells browser where to get content 4. Content returned with publisher ad tag Publisher CDN Content Ad tag Ad tag Agency ad Ad tag Publisher ad Page 18

19 5. Ad tag tells browser where to get ad 6. Pub ad returns agency ad tag Publisher CDN Content Ad tag Ad tag Agency ad Ad tag Publisher ad 7. Ad tag tells browser where to get ad 8. Agency ad returns creative ad tag Publisher CDN Content Ad tag Ad tag Agency ad Ad tag Publisher ad Page 19

20 9. Creative ad tag tells browser where to get creative 10. CDN returns creative file Publisher CDN Content Ad tag Ad tag Agency ad Ad tag Publisher ad EXAMPLE Page 20

21 Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Page 21

22 Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Page 22

23 Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Page 23

24 Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Ad Ad Develop and Construct Network Architecture Data Center Tag Tag mgmt system Image Image Ad Site Web components Product and site applications CMS Video Geo Geotargeting IP Service Video Video Warehouse Reporting Interfaces Scheduler Scheduler Serving rule components Data Processing Scheduler Data Loading Log file processing Scheduler Snapshots management components Aggregator processing nodes Page 24

25 Notable Moment! 3Keepers: Keep it moving by changing a static image. #IS210 (This Session) #DevLearn (This Conference) Keep it Moving No need to be an animator Highlight one idea at a time Use more frames Page 25

26 Techniques Text Personality Chunk Road Signs Push it to the edge Techniques Text Personality Chunk Road Signs Push it to the edge Page 26

27 Words Punctuation Numbers Make great visuals! Words Punctuation Numbers Make great visuals! Page 27

28 1 Y b r u e e w r Y o u r e 1 b a r k i n g u p t h e w r o n g t r e e Page 28

29 T 2 m f c 2 T i m e t o f a c e t h e m u s i c Page 29

30 Page 30 September 30 October 2, a r n c t s t a r g e n o s m c I a a a n t l d s 3

31 4 K b r 4 K e e p t h e b a l l r o l l i n g Page 31

32 5 e t p y r 5 L e t s p l a y i t b y e a r Page 32

33 EXAMPLE 1 Use words as visuals Page 33

34 Visuals Words Punctuation Numbers! Words, Punctuation, & Numbers make great visuals Page 34

35 ! Words, Punctuation, & Numbers make great visuals Notable Moment! Punctuation, words, numbers are shapes that can make content more visual. #IS210 (This Session) #DevLearn (This Conference) Page 35

36 EXAMPLE Review Link, Inc. What are the 3 keepers? Why sort tasks? What do people remember in a session? Name one tip to keep content moving. Page 36

37 Review Link, Inc. What are the 3 keepers? Keep it simple. Keep it short. Keep it moving. Why sort tasks? What do people remember in a session? Name one tip to keep content moving.? What are the 3 keepers? Page 37

38 ! Keep it simple Keep it short Keep it moving EXAMPLE Page 38

39 ? What s your queshon?! This is my answer (or this might be an important statement) Page 39

40 Text as Visuals Text comes in shapes Use lots of white space Use bold colors One point (or less) per frame Techniques Text Personality Chunk Road Signs Push it to the edge Page 40

41 Chunk related content (Look for patterns) EXAMPLE Page 41

42 Objectives After this training you will be able to: Identify application hierarchy Locate project templates Find project resources Define project calendar Set up currency details Enter task structure Define user roles Manage Project Resources Enter progress updates Generate progress reports Link, Inc. What patterns do you see? 4 October 2015 (c) Link, Inc. All rights reserved. 83 Objectives After this training you will be able to: Identify application hierarchy Locate project templates Find project resources Define project calendar Set up currency details Enter task structure Define user roles Manage Project Resources Enter progress updates Generate progress reports Link, Inc. Navigate 4 October 2015 (c) Link, Inc. All rights reserved. 84 Page 42

43 Objectives After this training you will be able to: Identify application hierarchy Locate project templates Find project resources Define project calendar Set up currency details Enter task structure Define user roles Manage Project Resources Enter progress updates Generate progress reports Create Link, Inc. 4 October 2015 (c) Link, Inc. All rights reserved. 85 Objectives After this training you will be able to: Identify application hierarchy Locate project templates Find project resources Define project calendar Set up currency details Enter task structure Define user roles Manage Project Resources Enter progress updates Generate progress reports Manage Link, Inc. 4 October 2015 (c) Link, Inc. All rights reserved. 86 Page 43

44 Objectives Key functions covered in this training: Navigate the Application Create a project Manage the project Link, Inc. 4 October 2015 (c) Link, Inc. All rights reserved. 87 PM Systems Plus Key FuncHonality Navigate Hierarchy Templates Resources Create Calendar Currency Tasks Users Manage Resources Progress Reports Page 44

45 Notable Moment! Using shapes to chunk objectives makes them visual. #IS210 (This Session) #DevLearn (This Conference) Chunk Content Look for patterns Simplify wording Define with shapes Page 45

46 Techniques Text Personality Chunk Road Signs Push it to the edge Page 46

47 EXAMPLE Better Meetings 101 Link, Inc. Meetings help us work together We learn a lot about each other in meetings A few best practices will help us all work more effectively Page 47

48 Meetings help us work together We learn a lot about each other in meetings Page 48

49 We can be more effective with a few best practices Notable Moment! Add personality to learning with expressive characters. #IS210 (This Session) #DevLearn (This Conference) Page 49

50 Personality Use expressive characters Try non-human Spread them out (keep it moving) Techniques Text Personality Chunk Road Signs Push it to the edge Page 50

51 Did you see this sign today? How about this one? H Page 51

52 What s wrong with this one? H How about now? V Page 52

53 EXAMPLE Page 53

54 The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships 8 Topics 10% Page 54

55 The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships 10 Topics 12.5% The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships 18 Topics 28.75% Page 55

56 The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships 14 Topics 25% The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships 5 Topics 7.5% Page 56

57 The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships 6 Topics 7.5% The Business of Ad Campaigns Creating, Maintaining, Documenting Product Offerings Inventory Mangement and Integrity Executing Campaign Launch Managing Live Campaigns Managing Incidents Technology Managing Emerging Technologies People Managing Client and Partner Relationships 7 Topics 8.25% Page 57

58 Road Signs Use consistently Use with purpose Use content shapes Notable Moment! Signal progress in learning content with road signs. #IS210 (This Session) #DevLearn (This Conference) Page 58

59 Techniques Text Personality Chunk Road Signs Push it to the edge Employee Engagement Our turnover rate has steadily increased in the last 3 years Of employees where disengaged, 78% felt disconnected with their managers 65% of employees feel that leadership doesn t care The cost of replacing one employee is $130,000. Link, Inc. Page 59

60 We have a problem! What will you do differently? Page 60

61 Thank You! ncremental Success IncrementalSuccess.com Page 61