Table of Contents

Multifeed Best Visual Practices

Yumi Suh Updated by Yumi Suh

Purpose: 

For differentiating usage of animation vs. art slides. The purpose of this document is to explain the key differences between our Standard process, and our new Live Edit process.

Definitions: 

Pre-production:

Refers to the steps taken prior to a video shoot in preparation of a video shoot.

Ex. Art slides would be prepared 2 weeks before the shoot

  • Art Slides: These are content slides provided two weeks prior to the Live Multifeed shoot, serving as the actual slides used during the live multifeed process. Art slides encapsulate key learning points and are designed by the graphic designer and/or illustrator based on the deck provided by the instructional designer (ID).
  • Progressive Art Slides: Elements of a slide that are sequentially built upon. It can imply motion or a passage of time but they have no actual motion. Examples below:

Progressive Art Slide example: CIS611 - https://f.io/pvGpg461

Post-production:

Refers to the steps taken after a video shoot.  

I.e. The creation of illustration + motion = animations based on transcript.

  • Illustrations: An illustration visually represents a key concept and is then handed off for animation. Historically, this has been our current animation process up to this point.
  • Animation: Animation is the motion applied to the illustrations. Best practice is to use them for complex concepts that can not be represented with progressive slides/graphics. 

Types of Multifeed: 

  • Standard Multifeed: Capturing multiple synced video feeds that can be edited together in post production into 1 video.
  • Live Edit Multifeed: Capturing multiple synced video feeds that are edited together in real time, resulting in a final video output instantaneously.
  • Callouts: A way of highlighting an element to help guide attention. I.e. arrow pointing to a specific cell on a table.

Art Slides vs. Animated Illustrations:

Request animated Illustrations if there is a need for illustrative scenes, layout that tell a story or requires complex animation to explain content.

Ex. How blood flows through the heart.

Use Art slides for: key terminology, static spreadsheets, simple graphics, iconography with or without labels, short descriptive texts / callouts, infographics / flowcharts/ chart that don't require complex motion to express concept being taught, progressive simple graphics that show things in sequence.

Sometimes progressive animation may be easier to build as an animated illustration so please discuss with a Creative Reviewer to assess what way would be best for building this out.

What not to have on Art Slides and on Animated Illustrations:

  • Do not have long definitions, long lists, or blocks of text. Consider adding text under video on Canvas.
  • If it's imperative to the course, try to minimize the amount of text on screen.

Ex. If it's a writing course where you need to show all of the text or it's a script that needs to be reviewed.

Questions ID/As should consider before CSG Handoff:

  • When is the shoot date?
  • How many modules are needed?
    • If there are multiple modules, are they being shot all at once or are you having different shoot dates?
  • Do the slides need to be full width or in 2/3?
  • Is content final or are you expecting any changes to be made before handing this off to creative?
  • Can we update any of the graphics? If so, which ones? Please leave a comment on the draft if the graphics need to be updated
  • If you aren’t expecting a module to have any art slides needed, please leave a comment on the draft
  • Are you expecting to use any graphics or need any illustrator files separately? For example, will the graphic used in Multifeed be needed in a tool or on Canvas?
  • Do the colors on the graphics signify any meaning to the students? For example, an arrow having to stay as purple because it indicates the direction of blood flow

How did we do?

Multi-Feed Studio Approach

Contact