Frequency CONNECT:
Actionable Alerts

In 2023, we added a new tool, CONNECT, to be the main page of Frequency's Studio software, giving users a quick, actionable window into their video streaming performance data.

My role was to own the dashboard layout, and figure out ways for customers to self-service common playout and schedule issues, a common customer success request.

Macbook mockup featuring the Frequency Studio CONNECT dashboard.

Project Goals


1. Give creators (and eventually, distributors) an overview of their entire streaming operation on Frequency.
2. Add status monitoring.
3. Add ability to fix common playout and schedule issues without customer support help.
4. Improve scalability by making self-service product more attractive.

Channel Status

Stream (Channel x Distributor) Status

On Air Status

Playout Alerts

Schedule Alerts

Live Playout Monitoring

Distribution Matrix

Monitoring Dashboard

Actionable Alerts

My Objectives

1. Dashboard layout - Make alerts the primary focus
2. Guide users to self-service actions
3. Work with product team to add new elements to updated design system

Timeline

Kickoff: August 2022 | Launch: June 2023

Challenges & Questions

How do users currently monitor their stream playout?

Do they want to fix their own problems?

What are most common issues?

Can we educate about fixes in real time?

What is the engineering load?

Bringing users to other tools for fixes may be complex

Avoid scope creep

How do we prioritize information on the dashboard?

Multiple levels of issue severity

Current Customer Issues

1. Issues arise, they call Frequency to fix it, or have to dig through Studio to find away to fix it.

2. Monitoring all streams is difficult - especially across distributors

3. No central place to manage and monitor all your channels and streams once they're set up

Research

Tools & Methods

1. Card Sorting - Asked users to indicate their priorities for a) most common issues they experience, b) reasons they call support, and c) possible solution options

2. Wireframes & Low-Fidelity Prototypes - Shared with co-workers and a few close clients to determine preferences of layout for a) alert configurations, b) ways to guide users toward solutions, c) fixing within CONNECT tool vs. moving to respective tools, d) more or less functionality contained on CONNECT dashboard.

3. Interviews and Surveys - To answer qualitative questions such as a) how do you use Studio, b) How often do you use Studio, c) would you be open to self-service problem solving, and finally d) how do you currently monitor playout. I also asked users to accomplish a task using the old interface - finding playout or scheduling issues, and monitoring streams.

Most Common Issues

Who I Interviewed / Surveyed

Feedback

Findings

Card Sorting

Card sorting was instrumental in determining the following:

1. Which main issues to track on the dashboard, and priority

2. Which issues would be labeled "High," "Medium," and "Low" urgency

2. Building an INTUITIVE flow for self-service of certain issues

Wireframes & Low-Fidelity Prototypes

As this was the first dashboard and issue monitoring solution designed for Frequency Studio, I paid it special attention in wireframes through a variety of iterations (recreated to the right). As with any interface, the challenge was balancing simplicity with valuable information.

1. A simple "alerts-focused" iteration later incorporated urgency ratings and more detailed descriptions.

2. Overall Alert settled in the top left, leading directly into alerts split into the main categories of Playout, Scheduling, and Ingestion alerts.

3. Side by side columns of alerts gave way to wider panels as more information (such as Images, Channel, Description, and Status) were added, with "view all" buttons to bring up modals with more issues.

4. Generic action buttons became tool logos (e.g. SCHEDULE and INGEST) to indicate that you would be taken to that tool to examine and fix the issue.

Dashboard Wireframe Iterations

Interviews & Surveys

My interview pool included representatives from 3 clients who had been Frequency customers for several years. I also surveyed existing users, with different surveys going out to clients who self-serviced and those who hired Frequency to operate the software for them. Wireframes and prototypes were iterated on initially with feedback from project team members, and later from the client representatives.

The research as a whole confirmed the company's strategy of creating an actionable monitoring dashboard to shift monitoring and simple troubleshooting to more users, to make it more scalable as Frequency Studio becomes more popular. It also helped the Sales team hone in on aspects of the tool that would add value and make it more attractive to potential customers who want quicker fixes to major issues.

Design

User Flow

Created flows for actionable alerts based on the most common issues faced, based on work with the Product and Engineering teams to determine the most intuitive and effective ways to accomplish those fixes.

High-Fidelity Designs

I built Figma prototypes with the help of our Sr UX Designer and the Head of Design and UX, who were also in the process of building a comprehensive design system for Frequency Studio. Interactions and flows were tested with close clients for effectiveness.

Frequency Studio CONNECT

Designed a new alert bar for the top of the dashboard, with alerts for playout, scheduling, and ingestion, plus one for total alerts.

Eye flows from top left, across alert bar, alerts correspond to panes, panes lead you to action.

Designed monitor squares that were big enough to see playback, but small enough to be able to load dozens at a time.

Status panels organized by time and urgency, with additional details and action buttons.

Action buttons in the shape of tool icons (in this case, INGEST) to indicate where you're going.

Monitor tab allows for live playout monitoring, viewing, and overriding in the event of issues.

Handoff

1. Meetings throughout the design process with Product and Engineering teams, to determine functionality, roadblocks, engineering requirements, and any updates to other tools that might be necessary.
‍‍
2. Prototype progress was mirrored in staging to be able to test new tools and features with dummy channels and media.

3. Thorough developer notes in Figma, with meetings to demonstrate interactions

4. Met with sales and customer support to take them through the new tools and their benefits

5. QA process with internal team members and select clients to iron out any bugs before launch.

Results & Impact

Launch

Major launch update to Studio software for existing users, followed by marketing push and website update. It quickly became a killer app that distinguished Frequency from competitors Amagi and WURL.

Our sales and customer success teams also worked together to educate existing clients on the new features and how to use them. Even though we intended for the dashboard to enable self-service, we reassured clients that customer support would still be available if needed.

Did It Solve The Problem?

Analytics and post-launch feedback indicated that we completed our project goals:

1. Analytics saw a huge jump (40%) in Frequency Studio logins immediately after launch, leveling out to a 24% monthly average increase over time.
2. Customer support calls dropped 35% on a monthly average compared to pre-launch, indicating that our focus on self-service for the most common issues was paying off
3. Post-launch interviews indicated that clients spent less resources monitoring stream playout, and opted to do more monitoring in Studio
4. Amagi, our closest competitor, released a practical clone of the dashboard two months later, indicating that their customers had seen ours and were asking for it

Future Plans

A few months later, it was the centerpiece of "Frequency Studio v5," a major visual and functional upgrade to the Studio software. We mimicked the design of the monitoring dashboard for the INGEST tool, a more robust media upload, organization, and channel building tool.

Effect on Usage Analytics

Effect on Business

Customer Feedback