Permissions UX in Multi-Screen Experiences

W3C Workshop on Permissions

5 Dec 2022

Anssi Kostiainen

Workshop on Permissions

Multi-Screen Experiences? 🔮

Deskreen demo

Sidecar demo

Workshop on Permissions

What do you view as the single biggest shortcoming or challenge of the permission models deployed today?

  • Many mainstream permissions UX patterns work the best on desktop browsers, since they were first invented in that era. Let's take Drag and Drop as the most obvious example. A DnD-based permissions UX should not be a normative requirement. There should be instead a higher-level permissions abstraction that enables different implementations (DnD, modal dialog, non-modal toast dialog ...).

Workshop on Permissions

Decomposing the Permissions UX in Multi-Screen Experiences for the Web

Workshop on Permissions
Workshop on Permissions

1️⃣ Display Arrangement

Workshop on Permissions
Workshop on Permissions

2️⃣ Display Source Picker

Workshop on Permissions

(Chrome display source picker UI, https://www.webrtc-experiment.com/getDisplayMedia/)

Workshop on Permissions

3️⃣ Virtual Display Creation

Workshop on Permissions

(Deskreen Virtual Display Picker UI, https://deskreen.com/)

Workshop on Permissions

2️⃣ getDisplayMedia UI vs 3️⃣ Deskreen Virtual Display UI

Workshop on Permissions
Workshop on Permissions

4️⃣ Window Placement

Workshop on Permissions

Implicit consent example: drag and drop

Workshop on Permissions
Workshop on Permissions

OSes have a variety of implicit consenting mechanisms

  • Keyboard shortcuts in Windows: "Windows logo key + Shift + Left arrow or Right arrow to move an app or window in the desktop from one monitor to another."

  • Drag and drop evolved in macOS: "Drag the app window you want to move to the edge of the screen [or] enter Mission Control, then drag the window up to the space you want to use."

Could such implicit permission grants work for web app window placement?

Workshop on Permissions

The traditional Web API approach: user's consent via browser prompt

Workshop on Permissions
Workshop on Permissions
Workshop on Permissions

OS-level: controls built into window manager

Workshop on Permissions
Workshop on Permissions
Workshop on Permissions

Browser prompt vs OS controls

Workshop on Permissions
Workshop on Permissions

Permissions challenge?

  • Enable permissions UX innovation 💡 and protect the user's privacy 🔒

    • 🔮 in a future-proof manner
    • ⌚ also on non-desktop-browser contexts
  • Things to do to get there

    • 🦎 Does the permissions UX adapt to non-desktop-browser contexts? XR context? On a watch? TV with a remote? With voice control using a home assistant?
    • ⚙️ Define permissions abstractions that enable context-sensitive implementations and leave room for Quality of Implementation differentiation and UX innovation
    • 🤟 Your idea goes here
Workshop on Permissions

✋ Discussion

Workshop on Permissions
Workshop on Permissions
Workshop on Permissions

# References ## Specs

## Product-related

## Somewhat Related Demos