VIDYA NAYAK
PRODUCT DESIGN DIRECTOR
home_admin.jpg

Video CMS Design

Company Name: Fox News Digital
Project Role: Lead UX/UI Designer 
Responsibility: Designed interface for backend CMS system to be used by editorial group. 
Functional specs and design includes: 
- Ability to upload video
- Video Model Creation List
- Playlist creation 
- Dynamic Media List
 

Video CMS Design

Centralized Repository for On-Air Playlists for News Corp’s Digital Property

 

GOALS & My role

  • Design a centralized repository all on-air digital property

  • Simplified self-service platform with step-by-step view of content progress and status

  • Dynamic playlist that gets easily updated by Stakeholders (Editorial) teams

  • Uses SSO (single) user ID and password for multiple lists across Digital properties

  • Advanced Search (keyword, date, content, etc).

  • Ability to use sorting and filter features to find shows and videos

  • Ability to add unlimited videos and shows dynamically

  • Customizable metadata info by editorial team

Admin view / home screen

Admins will have additional privileges and access to all features of the Video tool. An admin can upload, browse the entire repository, manage/edit players and playlists.

 

Editor view / all users (except admins)

User who is not an admin will have access to video creation and browsing video library only. Non-admin users will not be able to manage or modify players or playlists within the library or database.

easy-to-manage playlist for editorial teams

Centralized repository for On-Air Playlists for News Corp’s Digital Property. Easy to manage and update with advanced features that provides comprehensive summary of total videos per show.

 

guided step-by-step video creation process

Simplified steps for video creation process that offers step-by-step workflow approach.
Embedded search feature allows content creators a way to access shows from the News Corp database

 
browse_playlist_static.jpg

preview card of video with metadata

Clicking on a video link provides a preview card with snapshot of all metadata entered during video creation. Each show will have a playlist view that allows content editors access to summary and details of the video uploaded.

 

LEARNINGS & TAKEAWAYS

  • Buy-in, and adoption: Stakeholder buy-in is extremely important when designing for internal usage

  • Collaboration: Cross-team collaboration helps better decision making. Getting the editorial teams involved early-on helped eliminate ambiguity as they were involved in the strategy, requirements gathering, and user testing phases

  • Technical feasibility: It is critical to map out edge cases that help eliminate technical issues for content storage, streaming services, etc. Partner with your engineers early on to avoid any surprises later for either teams.