Skip to content

Latest commit

 

History

History
241 lines (175 loc) · 15.5 KB

videos.md

File metadata and controls

241 lines (175 loc) · 15.5 KB
Raw

Using videos in GitHub Docs content

Videos are used in conjunction with written text to help users understand content in the GitHub docs.

Use these guidelines to determine if a video is appropriate to include in an article or on a landing page in the GitHub docs. If you have questions about whether or not a video would be a good addition to the docs, contact the Docs Content Strategy team.

If you add a link to a video or embed a video in the GitHub Docs, add the video's metadata to the "Videos in GitHub Docs" section below.

The Docs team does not create or maintain video content. Videos are purely supplemental to help communicate significant or complex topics, and should be used sparingly because they aren't a content type owned by the Docs team.

Video checklist

Use this checklist to quickly determine if a video might be appropriate to add to an article or landing page.

  • Does GitHub own the video?
  • Is the video well produced? (See the Best practices below for more information)
  • Is the video accessible? (See the Accessibility requirements)
  • Is the video less than five minutes long?
  • Does the video have a specific audience and purpose in the docs? If it is only relevant to a particular product or feature, you must use versioning

If you answer "no" to any of these items, the video is not suitable for adding to the GitHub docs.

Maintenance

Does the video have a maintenance schedule or a team directly responsible for auditing and updating the content if it becomes out of date?

If yes, you can include the video without any additional steps.

If no, create an issue with an appropriate target date to review or remove the video.

Best practices

Good videos introduce an instructional agenda that includes steps and goals so that someone watching quickly knows what they will learn. Videos are demonstrative, both showing and explaining the relevant steps that are performed. Videos should be engaging and encouraging. Videos must be well produced to be included in the GitHub docs. A well produced video meets accessibility requirements, has professional narration (if it is a narrated video), has clear visuals, and comes from a reputable source such as GitHub or Microsoft.

Videos are broadly grouped into three categories: product overviews, feature videos, and tutorials. These descriptions are generalizations of each video type. Some videos might not fit perfectly in one category, but can still be useful without meeting the exact guidelines.

Product overviews

  • Purpose: Briefly explain what the product is, showcase the main functionality, and get people interested
  • Length: Less than a minute
  • Possible audiences: People who want to know if a feature is useful for their goals, people who are new to GitHub and trying to understand what the products do
  • Possible locations in the docs: Landing pages and guides
  • Example: "GitHub Discussions in 60 seconds" on the Discussions landing page

Feature videos

  • Purpose: Supplement conceptual or procedural content
  • Length: As short as possible, without exceeding five minutes. Break longer content into multiple shorter, focused videos
  • Possible audiences: People who are learning about or how to use a feature
  • Possible locations in the docs: Guides, conceptual articles, procedural articles
  • Example: "Pull Requests • GitHub & Git Foundations" in "Git and GitHub learning resources"

Tutorials

When to use videos

We might use videos instead of other visuals such as screenshots or diagrams when it is important to show movement or changes in state, like when someone navigates from one screen to another or demos a feature that involves progressing through multiple menus.

Videos can also be helpful to introduce features or products where a 30 second video can supplement information that requires multiple paragraphs to write.

Use videos that explain the value of the procedure or concept that they are showing.

When to not use videos

Do not use videos for features that change quickly and may make videos out of date. Do not use videos that contradict the written content or violate any parts of the content style guide. Do not use videos that just show a task without explaining or elaborating on the procedure.

Accessibility requirements

These are the minimum accessibility requirements for a video to be included in the GitHub docs. If a video violates any of these requirements, it cannot be added to the docs. Videos must meet the MAS-C standards for accessibility.

Creating video captions

Videos must have human-generated captions before being added to the Docs site. You can use auto caption technology to help create the captions, but they must be proofread and edited for accuracy by a person. If the video hosting service has a native caption tool, like YouTube, you can use that tool to prepare captions or create a properly formatted SRT or VTT transcript file to upload with the video.

Creating captions is part of the process of producing accessible videos, so the owner of a video being added to GitHub Docs should provide captions.

Guidelines for captions

Where possible, captions should exactly match the words spoken in the video. Do not paraphrase or truncate captions, unless serious time constraints mean it would be difficult for someone to read the captions in the time given.

Captions must be synchronized to appear at approximately the same time as the audio. Captions should always be timed to appear on screen at the moment the speaker begins talking. For fast speech, where it would be difficult to read captions timed precisely to the audio, you can extend the captions to stay on screen after the speech has finished.

If a video has multiple speakers, identify the speakers in the captions. Do this by adding the speaker's name, or a descriptive name such as Developer, before the start of the sentence. For example: Jimmy: Hello.. You only need to do this when the speaker changes, not for every line of dialogue. If it's obvious from the visuals who is speaking, you do not need to identify the speaker.

Captions must be one or two lines, and no more than 32 characters per line. Put each new sentence on a new line. If you need to break a line mid-sentence, do so at a logical point, for example after commas or before conjunctions like and or but.

Adding and editing captions on YouTube

For videos hosted on YouTube, see "Add subtitles and captions" and "Edit or remove captions" in the YouTube docs.

Creating video transcripts

For every video linked or embedded in the docs, we must have a descriptive transcript of the video. Transcript articles are formatted like other articles, with YAML frontmatter and Markdown content. To add a transcript to the Docs site, create an article in content/video-transcripts, and include the transcript as the article's body text. Give the article a filename like transcript-VIDEO-NAME.md and a title frontmatter property of Transcript - VIDEO NAME. Add the article to the index.md file in the video-transcripts directory.

Do not use Liquid variables or reusables to replace things like product names in the transcript. The transcript should be faithful to the audio in the video, and we should not change any text in the transcript as a result of updating a variable or reusable after the video was produced.

Creating transcripts is part of the process of producing accessible videos, so the owner of a video being added to the docs site should provide the content for a transcript.

You can use captions as the foundation for a transcript. Edit the captions to remove any timestamps and include the relevant information detailed below. A descriptive transcript includes a text version of both audio and visual information needed to understand the content of a video.

  • If a video has multiple speakers, identify the speakers in the transcript
  • Format the transcript in logical paragraphs, lists, and sections. If it helps people understand the content, you may add headers to sections. Consider how someone would get information from the transcript if they are not also viewing the video
  • Add any onscreen text, relevant visual elements, or non-speech sounds that are not included in the captions. Place these descriptions after the spoken text that accompanies them in the video. Format visual information in brackets. For example, [Background music plays. The narrator clicks the Code button and then the "+ New codespace" button.]
  • Add a product_video property to the transcript article's YAML frontmatter. The value of the product_video property is the YouTube URL of the video. The video's YouTube URL will display as an external link in the transcript article
  • At the end of the transcript, link to the landing page for the product the video is about using the pattern For more information about PRODUCT, see the ["Product" documentation](link/to/landing-page).

See "Text Transcript with Description of Visuals" in the W3C docs for more examples of audio and visual transcriptions.

Linking to transcripts from externally hosted videos

Add a link to the article with a video's transcript in the description of the video on the platform where it is hosted. For more information, see "Edit video settings" in the YouTube documentation.

Linking to transcripts for embedded videos

In any content with an embedded video, add a product_video_transcript property below the product_video property in the YAML frontmatter. The value of product_video_transcript is a link to the transcript article in the video-transcripts directory.

title: Example product landing page
product_video: 'https://www.youtube-nocookie.com/embed/URL'
product_video_transcript: /content/video-transcripts/TRANSCRIPT-TITLE

Titles for videos

Titles should be descriptive and follow the guidelines for titles in the content model.

Versioning

If a video is only relevant for specific GitHub products (Free, Pro and Team; GitHub Enterprise Server; GitHub AE; and GitHub Enterprise Cloud), the video must be versioned for those products. Use Liquid conditional statements to version the videos appropriately. The Liquid conditional versioning may need to be added when the content is initially created, or may need to be added when the content is updated for a feature update or Enterprise release.

Video hosting

Videos must be hosted somewhere that GitHub owns and can grant the Docs team access to. Videos should not track users or use cookies. Currently, GitHub's videos are hosted on YouTube and added to the docs using the Privacy Enhanced Mode by changing the domain for the embedded URL from https://www.youtube.com/VIDEO to https://www.youtube-nocookie.com/VIDEO.

Resources

Videos in GitHub Docs

Add the following metadata for each video added to the GitHub Docs.

Title: Video title
URL: YouTube.com/
Description: One sentence
Product: e.x. Projects
Versions: e.x. fpt, GHES > 3.2
Date added: YYYY-MM-DD
Location: /where/in/docs
Transcript: ./content/video-transcripts/filename
Title: Codespaces - Your instant dev box in the cloud
URL: https://www.youtube-nocookie.com/embed/_W9B7qc9lVc
Description: A 1.5 minute overview of GitHub Codespaces.
Product: Codespaces
Versions: fpt, ghec
Date added: 2021-05-11
Location: /content/codespaces/index.md
Transcript: TBD

Title: GitHub Discussions in 60 seconds
URL: https://www.youtube-nocookie.com/embed/IpBw2SJkFyk
Description: A 1 minute overview of GitHub Discussions.
Product: Discussions
Versions: fpt, ghec, ghes > 3.5
Date added: 2021-01-20
Location: /content/discussions/index.md
Transcript: TBD

Title: Planning at scale with Issues – GitHub Universe 2021
URL: https://www.youtube-nocookie.com/embed/ha1KHcPMAEk
Description: A 20 minute presentation by Mario Rodriguez.Nbobigogc
Product: Issues
Versions: All
Date added: YYYY-MM-DD
Location: /content/issues/index.md
Transcript: TBD

Title: Planning at GitHub (Projects + Issues) - GitHub Universe 2021
URL: https://www.youtube-nocookie.com/embed/HwpVvDURHKw
Description: A 20 minute presentation by Matt Butler.
Product: Issues
Versions: All
Date added: 2022-01-19
Location: /content/issues/index.md
Transcript: TBD

Title: Issue Forms for open source - GitHub Universe 2021
URL: https://www.youtube-nocookie.com/embed/2Yh8ueUE0oY
Description: A 20 minute presentation by Luke Hefson.
Product: Issues
Versions: All
Date added: 2022-01-19
Location: /content/issues/index.md
Transcript: TBD

Title: GitHub Issues
URL: https://www.youtube-nocookie.com/embed/uiaLWluYJsA
Description: A 2.5 minute overview of Issues for planning and tracking work.
Product: Issues
Versions: All
Date added: 2022-02-02
Location: /content/issues/index.md
Transcript: TBD

Title: Using Projects for feature planning
URL: https://www.youtube-nocookie.com/embed/yFQ-p6wMS_Y?list=PL0lo9MOBetEG8TZty9Z38oSZAY8FjkaB7&index=1
Description: A 3 minute introduction to Projects for developers.
Product: Issues, Projects
Versions: All
Date added: 2022-08-01
Location: /content/issues/index.md
Transcript: TBD