Skip to main content
UI Coach Logo
Intermediate

Publish a Video After Processing

Design an upload workflow that helps a creator prepare metadata, understand processing, and publish a video with the right visibility.

Desktop web, Responsive web2 to 4 hours

The brief

Understand the problem

Background

Large video uploads continue through several technical stages. Creators often write titles and configure access while processing is still underway, then need to know which failures require action.

User context

Asha is uploading a 38-minute woodworking tutorial for her members. She wants captions reviewed and the video scheduled for Friday morning.

Product problem

Upload, transcoding, checks, captions, and publication happen at different times. The interface must keep progress and readiness clear without making the creator monitor the page continuously.

Objective

Create a reliable video upload, preparation, and scheduled publishing experience.

What to design

Define the experience

Required experience

  • Resumable upload with technical requirements
  • Video details and visibility setup
  • Processing and automated-check status
  • Caption review and publication readiness

Screens and states

  • Upload queue
  • Video details
  • Processing status
  • Caption review
  • Schedule confirmation

Core user flow

Follow the critical path

  1. 01

    Asha selects a file and starts a resumable upload

  2. 02

    While it uploads, she adds the title, description, thumbnail, and audience

  3. 03

    She leaves and receives a processing completion notice

  4. 04

    She reviews captions and resolves one flagged section

  5. 05

    She schedules the video and sees its final readiness state

Product rules

Requirements and constraints

Requirements

  • Separate upload progress from processing progress
  • Allow metadata work before processing finishes
  • Explain which checks block publication and which are advisory
  • Support private, link-only, public, and scheduled visibility
  • Preserve progress after a connection interruption
  • Make caption language and confidence issues reviewable

Constraints

  • Files may be many gigabytes
  • Processing duration is unpredictable
  • Copyright or safety checks may require manual review

Reality check

States worth considering

The browser closes during upload
Audio processing succeeds but video processing fails
A scheduled time passes while a blocking check is unresolved
The creator replaces the source file after editing captions

Finish line

What to deliver

  • Design five desktop screens covering upload, parallel setup, processing, caption review, and a blocked schedule.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
OswaldEB Garamond

Oswald & EB Garamond

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Intermediate
Creator tools

Recover a Failed Video Upload

Design an upload and processing flow that preserves progress, explains failures, and gives creators a reliable path to publication.

Desktop web1 to 2 hours
Error HandlingInteraction Design
Intermediate
Creator tools

Stand-Up Comedy Video Channel

Design a publishing and earnings experience for comedians sharing original performance clips.

Responsive web2 to 4 hours
Content DesignInformation Hierarchy
Intermediate
Creator tools

Distraction Free Writing Session

Design a focused writing mode that protects a chosen draft, blocks selected distractions, and recovers safely after interruption.

Desktop web2 to 4 hours
Interaction DesignError Handling
Intermediate
Creator tools

Add Chapters to a Podcast Episode

Design a chapter editor that helps a producer mark, name, validate, and publish navigable sections for one podcast episode.

Desktop web1 to 2 hours
Interaction DesignInformation Hierarchy
Advanced
Creator tools

Respond to a Creator Copyright Claim

Design a calm response flow that helps a creator understand a copyright claim, preserve evidence, and choose an available resolution path.

Desktop web2 to 4 hours
Trust and SafetyContent Design
Intermediate
Creator tools

Build a Trustworthy Industry News Briefing

Design a news dashboard that helps professionals follow a specific industry, compare sources, and catch important updates.

Responsive web2 to 4 hours
Information ArchitectureContent Design