VU meter iterations

Ever wonder why VU meters are always rectangular or circular?

It’s usually a matter of mechanical necessity. In the analog world, the physical sweep of a needle and the housing required to protect it dictated the design. We’ve become so accustomed to these “skeuomorphic” constraints that anything else feels almost alien—mechanically impossible, and therefore, aesthetically foreign.

But when you move from physical hardware to dynamic variables, hooks, and handles, those walls disappear.

The Danger & Joy of “Outside the Box”

Iterating without boundaries is a double-edged sword:
-The Danger: You can lose the user. If a shape is too “unseen,” it loses its familiarity and function.
-The Joy: You unlock unlimited potential. By manipulating the geometry through code, I’ve been riffing on the classic VU meter to see where the math takes me.

I’ve had to invent a new vocabulary just to keep track of these iterations. Say hello to the Squircle, the Squectangle, and the Hex-Dome.

Breaking the Skewmorphic Ceiling:
By leaning into the “mechanically impossible,” we create something that couldn’t exist in a world of gears and glass. It challenges the eye and redefines what an interface can look like.

Personally, the Parking Meter style is my favorite—there’s something inherently authoritative and nostalgic about that heavy arc.

Which of these shapes do you think works best? Or have we pushed “outside the box” too far?

#DesignSystems #UIUX #IterativeDesign #CreativeCoding #VUMeters #ProductDesign