Webinar Resources

Problem

Currently, webinar hosts can only share resources with attendees in webinar chat. If attendees join later, they miss out on the resources. Currently, attendees can only access speaker bios by leaving the live webinar interface.

Solution

A place where webinar hosts can trigger calls to action to engage attendees with content like links, documents, and speaker bios.

Responsibilities

Lead Product Designer

Team members

1 product manager

10+ engineers

Status / Duration

Launched / 4 months

What contents are important to webinar attendees?

Call to action links

High Engagement

72%

attendees click on a link shared during webinar

Increased Click-Through Rate

50%

increase compared to links provided in follow-up emails

Consistent Engagement

69%

revisit shared links after the webinar

Documents

Easy Reference

63%

attendees prefer accessing docs during webinar

Increased Value

82%

attendees said downloadable docs increased the webinar's value

Learning Retention

40-50%

attendees revisit docs after the webinar

Speaker information and bio

Trust and Credibility

67%

increased trust in webinar

Personal Connection

58%

increased interest in webinar

Increased Interests

79%

increased trust in the presented contents

Persona & current pain points

Webinar host

Amy
Certificate program manager who hosts webinars to promote UX certificate program.

Goal
Have an engaging webinar session

Challenge

Links can only be sent through chat, attendees joining late miss critical info.
No effective ways to encourage attendees to take actions, such as downloading documents or signing up for information.

Spend a lot time answering similar questions
Root cause: no persistent place for these resources

"Is there a webpage where I can learn more?"

35+

"Is there a PDF with more details on the program structure and cost?"

24+

"I'd like to learn more about speaker's bios."

29+

Webinar attendees

John

Graphic designer interested in transition into UX

Goal

Learn more about Google's UX Certificate program to see if it's a good fit for me.

Challenge

I missed key resources shared earlier in chat because I joined late.
Can’t view speaker bio during webinar.
No clear prompts for actions like learn more or sign-ups.

Keeping track of shared resources shared is hard
I spent valuable time in keeping track of key resources instead of focusing on the speakers' talk

During the webinar,
I need to keep an eye on the chat. If I miss any information, I have to reach out to the organizers.

Summary

The absence of a central place to share resources is wasting time for both hosts and attendees.

Design direction explorations

Exploration 1 -
Show resources as persistent banner

Pros

Prominent showcase of resources.

Cons

The banner may distract participants from focusing on the main content.
Hard to view more resource contents.

Exploration 2 -
Show resources after clicking a FAB

Pros

Participants can choose to hide resources.

Cons

The resources still cover the main webinar content when expanded.
Complex interaction and cluttered UI.

A floating action button (FAB)

Exploration 3 -
Display resources as cards beside the video tile

Pros

Not covering main webinar contents.

Cons

With many resource cards, participants may need to scroll extensively to view them all.

Click to see more

Exploration 4 -
Entry points under "More"

Pros

The least disruptive option.

Cons

Hard to discover.

The selected direction -
Sidecar, a new toolbar menu item for "Resources"

Pros

Easy to see resources, with fewer steps.
Not disruptive to the main webinar.

Cons

Need to add a new dedicated tab.

Mobile-first approach

Why mobile first

I need to design for desktop, tablet, and mobile. I took mobile first approach because:

Simplicity and prioritized content lead to a more intuitive user experience.
Designing for smaller screens first ensures responsive layouts across various viewports.