Wider Web Lingo: Spatial Controls

There's a lot of lingo around the wider web so this is one of a series of short definition posts.

Spatial controls: Interactive visual elements that are placed in the real or virtual environment

Unlike page controls or overlay controls (the other two types of controls on the wider web) spatial controls are usually three dimensional and usually placed into the environment instead of sitting on the surface of the display.

For example, a spatial control could be a switch on a virtual lamp in a virtual environment seen through an immersive display or it could be a set of washing settings that hover around a washing machine when viewed through a portal display.

In the "Spatial Controls" section of the image below, the spatial controls are the sign that reads "PotassiumES" and the two hanging signs that read "Home" and "About":

wider web controls types

The other two types of controls are page and overlay.

More posts

Recent posts

  • PotassiumES Devlog #3

    Using Three.js to build a reusable border geometry for spatial UIs!

  • PotassiumES Devlog #2

    🌸 Updated potassium style system (KSS), now with margins!
    🌸 The path to the vNext
    🌸 A couple of new spatial controls

  • PotassiumES Devlog #1

    🌸 A brief intro to the existing samples
    🌸 Building UI components that work in flat, portal, and immersive display modes

  • What is PotassiumES?

    Update: This is still a handy reference but you might be interested in the new PotassiumES site.


    This is a post about PotassiumES, an ECMAScript library that enables browser-side development for the wider web. If you're not sure about the wider web, click that ...

  • Wider Web Lingo

    Update: This is still a handy reference but you might be interested in the new wider web section of the PotassiumES site.


    People sling around a lot of lingo when talking about the wider web, and even the term "wider web" is lingo!

  • Wider Web Lingo: Voice

    There's a lot of lingo around the wider web so this is one of a series of short definition posts.

    Voice: Phrases or other vocal noises that can be recognized and used as input

    Computers are getting pretty good at understanding ...

  • Wider Web Lingo: Gesture

    There's a lot of lingo around the wider web so this is one of a series of short definition posts.

    Gesture: A body motion that can be recognized and used as input

    Computers are getting better at watching how we position ...

  • Wider Web Lingo: More Hugs, Fewer Thugs

    There's a lot of lingo around the wider web so this is one of a series of short definition posts.

    More hugs, fewer thugs

    The wider web is inherently more intimate than the flat web that you hold in your hand ...

  • Wider Web Lingo: Overlay Controls

    There's a lot of lingo around the wider web so this is one of a series of short definition posts.

    Overlay controls: Visual elements that seem to sit on top of a portal display

    Overlay controls on the wider web float ...

  • Wider Web Lingo: Page Controls

    There's a lot of lingo around the wider web so this is one of a series of short definition posts.

    Page controls: Visual elements that you're used to on the web like buttons, images, text fields, and blocks of text ...