1521956 - Develop a UX spec for user-initiated Picture in Picture for video

Status: RESOLVED FIXED

(Toolkit :: Video/Audio Controls, task, P1)

Description

[Mike Conley (:mconley) (:⚙️)]

I believe emanuela from the UX team is being tapped to do this, so assigning to her.

Comment 1

[Jared Wein [:jaws] (please needinfo? me)]

emanuela, can we consider dragging the video as one of the entrypoints to popping out the video? Direct manipulation of the video, while not necessarily the most expected on desktop websites, would really fit the mental model of the video being separated from the page (similar to tearing off a tab in the browser).

Comment 2

[emanuela [ux]]

(In reply to Jared Wein [:jaws] (Regression Engineering Owner for 65) (please needinfo? me) from comment #1)

emanuela, can we consider dragging the video as one of the entrypoints to popping out the video? Direct manipulation of the video, while not necessarily the most expected on desktop websites, would really fit the mental model of the video being separated from the page (similar to tearing off a tab in the browser).

Funny you mention this type of interaction! I actually consider this.
At the moment it's out of scope, but if we're going to have more time in the future, I'd love to consider this idea.

FYI: this week we're doing a usability test on a prototype with a more traditional trigger (a button which overlays on the video).

Comment 3

[Mike Conley (:mconley) (:⚙️)]

Attachment: pip-label-specs.jpg

Comment 4

[Mike Conley (:mconley) (:⚙️)]

Spec-wise, I've attached what we got:

1. A user study prototype: https://angry-kalam-c214a4.netlify.com/screens/

2. The attached image.

I think we can close this one out now.