Skip to main content
UI Coach Logo
Back to challenges
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 web

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.

Color palette
#A9A4CE
#05623B
#1F1109
#79829C
#6CBCB4
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