Visual Standards & Best Practices

DTAG | Video Tutorials Immersion Program: Session 3

Yale University Library

Introductions

Tess Colwell, Arts Librarian for Research Services�Robert B. Haas Family Arts Library

​

Dana Haugh, Web Services Librarian & Coordinator for Marketing and Communications�Harvey Cushing/John Hay Whitney Medical Library

​

​

• 2 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Agenda

• Overview: Tools and best practices for visually accessible, branded content�
• Demo & Activity: Screencasting in Camtasia�
• Overview: Image assets & PowerPoint�
• Demo & Activity: Recording a PowerPoint presentation in Camtasia�

�

• 3 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Design & Accessibility

Best Practices and Tools

• 4 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Be Consistent & Succinct

• Use the same colors, fonts, layout, text sizes�
• No more than 50 words per slide�
• Break up text blocks with bullet points�
• Use guides

• 5 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Color & Accessibility

• Check contrast ratios of foreground and background colors�
• Free Tool: �Colour Contrast Analyser�https://www.tpgi.com/color-contrast-checker/�
• All videos must have captions

​

​

• 6 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Branding

• Yale Identity: https://yaleidentity.yale.edu/�
• YaleNew or Georgia (serif); Mallory or Verdana (sans-serif)�
• Yale Blue (#00356b); Medium Blue (#286dc0); Light Blue (#63aaff)

​

• 7 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Templates

• Yale University Library has two official PowerPoint templates:�http://library.identity.yale.edu/templated-slides.html�
• Everything else is unofficial (like this slide deck!) :)

​

• 8 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Image Assets & PowerPoint

​

• 9 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

What are image assets?

• PowerPoint Slides�
• Screen recording�
• Stock images�
• Icons�
• Basic animation

• 10 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Demo

How to screencast in Camtasia

• 11 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Activity: Your turn!

Create a screencast in Camtasia

• 12 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

What are image assets?

• PowerPoint Slides�
• Screen recording�
• Stock images�
• Icons�
• Basic animation

• 13 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Stock Images

• Pexels�
• Unsplash�
• Pixabay�
• Yale Stock Photo Bank

• 14 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

How can PowerPoint be used in a video tutorial?

• Describing something theoretical rather than process (ie the history of call numbers) �
• Outline or session agenda �
• Title/end card�
• Simple animations (we will get to Camtasia animations later!)

• 15 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Demo

Using PowerPoint with Camtasia

• 16 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Activity: Your turn!

Create at least one visual asset using PowerPoint

• 17 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Activity: Your turn!

Create a 20-30 second video demonstrating where

to find borrowing information on the library website

• 18 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Homework

• Create slides or image �assets for your tutorial

• 19 •

Yale University Library

DTAG | Video Tutorial Immersion Program: Session 3

Handsome Dan inside the Sterling Memorial Library Photo by Dan Renzetti