Idukki
Strategy

Interactive video: hotspots, chapters and branching

Interactive video lets the viewer act inside the clip. Hotspots are the high-value core; chapters and branching help only where the content needs them. More layers is not more conversion.

The brand's first interactive video carried thirty-one hotspots, four chapter markers and two branching points. Two hotspots took almost all the click-through. The other twenty-nine were noise. Strip the noise, keep the two, and the lift held. The lesson is that interactivity is not a volume dial.

In this article

"Play" and "pause" used to be the entire interface of online video. Interactive video hands the viewer more: tap a product, jump to a section, choose a path. Used well, it shortens the route from interest to action. Used carelessly, it turns a clear video into a fiddly toy nobody asked for.

What are the interactive layers?

  • Shoppable hotspots, tappable products inside the frame; the foundational, highest-value layer.
  • Chapters, letting a viewer jump to the part they care about, valuable in longer how-to or comparison video.
  • Branching, letting the viewer choose a path ("show me the small / the large"), useful for guided product selection.

When does interactivity help, and when does it distract?

The test for any interactive layer is one question: does it remove friction the viewer actually feels? Hotspots kill the "now go find the product" step, so they almost always earn their keep. Chapters help when a video is long enough that someone wants to skip, and only then. Branching helps real choices and clutters a video that has none. Add a layer because the content needs it, never because the feature happens to exist.

Where should the interactive video live?

A layer only converts if it sits where the decision happens. A hotspot-rich video buried three scrolls below the fold on a PDP earns far less than the same clip placed beside the buy button, because most of the friction it removes is friction the viewer never reaches. The PDP and the collection page reward different cuts: the PDP wants one focused, hotspot-tagged clip about a single product, while a collection page wants short, scannable loops that help a shopper choose between options. Mobile changes the calculus again, because tap targets have to be larger and chapters matter more when a phone screen cannot show the whole timeline at once. The placement logic is the same one covered in where to place shoppable video, and the speed budget that keeps an interactive clip from dragging the page is the discipline in Core Web Vitals for UGC widgets. Get the placement right and a two-hotspot video out-earns a thirty-one-hotspot one in the wrong spot.

LayerAddsUse it when
Shoppable hotspotsTap-to-shop inside the frameAlmost always; the core layer
ChaptersJump-to-section navigationThe video is long enough to skip around
BranchingViewer-chosen pathThere is a genuine choice to make
Three layers, and when each one earns its place.

Sources & notes

  1. 1Nielsen Norman Group, interactive content UX research · When interactivity aids or hinders.
  2. 2Wyzowl, interactive video research · Interactive video and engagement.
  • +0%

    Median PDP CVR lift over photo-only

    Idukki 500-PDP dataset

  • 0.0x

    Video review vs text-only

    PowerReviews, 2023 baseline

  • 0s

    Average watch time on PDP

    vs 4s for static gallery

  • 0s

    Time-to-first-cart-click

    vs 38s for static

Shoppable video conversion data.
#shoppable-video#interactive-video#video-commerce#ux

More from Rohin Aggarwal

We use cookies

We use essential cookies to run this site and optional analytics cookies to understand how it’s used. You can change your choice anytime in our privacy policy.