#before pixels

Examples of physical interfaces / 6 posts

Newsletter
  • Get a newsletter digest every Friday:
Contact

Send me feedback, tips, bug reports, and anything else:

About me and the blog

My name is Marcin Wichary (he/him). I’ve worked as a UX designer, typographer, front-end person, and manager at Google, Medium, and Figma. I’ve also written a book about keyboards and typing, gave talks, and published essays about design, typography, and technology.

Unsung is my blog about software craft and quality.

More info about Unsung

Send me feedback, tips, bug reports, and anything else:

More info about Unsung

Mailbag: Modular industrial dashboards

My post about modular industrial dashboards from a month ago gathered a lot of reactions, so I thought I would summarize some fun things sent my way. If this didn’t seem interesting to you, feel free to skip this post!


First of all, some clarifications for the things I speculated on, or didn’t explain well:

The word “Rotte” (English: gang, pack) often designates a small number of people or crafts that operate together. In the railroad context, […] the “Rotte” flags inform the operators that there are people at work in that section and that traffic may need to be rerouted or slowed down.

This switch I wondered about with Polish words for “Day” and “Night”…

…is indeed a dark mode toggle! It controls how much light goes through these conduits:

At night, you want them dimmer so they don’t blind you – but during the day you need to make them brighter so you can actually see them.

And the counters are for recording abnormal things or exceptions, for example you directing a train to somewhere it’s not supposed to be, or allowing a train to (carefully) go past a red light. Since the counters only go up, they provide accountability:


Secondly, I’ve learned about some interesting mechanical considerations to help people avoid making mistakes.

In some systems, the default interaction of pushing is for restoring, and pulling (which has more friction) is for deviating:

The position of a point is changed by pulling or pushing its button on the dashboard. The rule is that by pushing the button into the dashboard, you set the point into its default position, and by pulling, you set the alternate position. (Every device you can control from the dashboard has a default state, and the dispatcher is supposed to restore that state as soon as the device doesn’t need to be in the alternate state. Also, the default state for switches and derailers is represented symbolically with a plus sign, the alternate one with a minus sign.)

In order systems, you have to hold two buttons at the same time to redirect a train:

Those signalling panels (SpDr is the series, I think) work on the principle “from where to where”: you hold down the button for the signal that is showing red, then press the button for the track you want to direct the train to. The system then checks if that doesn’t cross an already-configured path of another train (if so, it refuses to do anything), then sets the relevant track switches as required and finally changes the light on the signal.

The marker is on one of the destination buttons to remind the signaller not to send any trains there, because that might endanger the people working there.


Here are a few other panels shared with me:

And a few others I found on my own. The key in the first photo is fascinating:


Here is a specific panel in Swindon in the U.K., decommissioned and preserved in a museum. It has a fun name:

The panels utilise square tiles called “Dominos,” patented by a Swiss company called Integra, to construct the panel diagram. Each Domino is 40mm square and has a small section of the layout on it, such as one signal, or one set of points. Many hundreds of small Dominos are then formed into a mosaic to build up the required panel diagram.”

Here are some panels I forgot I’ve seen myself, in 2018 in a transit museum in Berlin – the last curved one is particularly impressive:

And here are some examples from a Polish manufacturer:

There was also an educational system called Lectron:

I also like this Lectron system by Gregor Greger from 1965. BRAUN bought the rights and then Dieter Rams worked on the design in 1967. [It was] produced until 2022 (!).


But most interest and attention I’ve received was still for railway panels. The German Wikipedia page (you can always translate) provides a lot of information about these, and even more can be found on this fan site.

If you want to play with one in person, I’ve been told there is one in a museum in Hamburg, and one in the aforementioned Swindon.

But there also seems to be a lot of software:

Just visiting the page of the last one shows you a few available stations, from a simple Starzyny to an extremely complex Cracow Central:


It’s also interesting to look at what predated these modular examples – here, again, is the Berlin museum, and some hand-crafted panels before they became modular:

Tom Scott made a video about these and how you actually operate them, with a lot more “before the pixels” details…

…and, bringing us to modernity, also modern screen-based equivalents:

Because the future of these panels is, as always, software:

Oh, I’m quite sure there are still “pulpity kostkowe” in operation somewhere out there on the Polish or German railways, they are being replaced with software.

But resignalling work happens rather slowly. Indeed, there are British mainlines still being operated using systems and protocols dating back to the heyday of steam trains, with signallers communicating by bell codes and whatnot.

Thank you to Paweł Kupczyk, Dave Taylor, Rufus Rieder, Niki Grzyb, Hatetsu, Thilo, Ela, Nik, Mi, and others who messaged me about these.

Internet Archive’s alphabet

I love the Internet Archive, but I don’t love its interface.

It’s just… not great all around, homely and confusing. It has some endearing qualities, harking back to the web of the 1990s without endless commerce and incessant growth hacking – Wikipedia feels the same – but it’s unpleasant in many ways, and won’t inspire you the way good interfaces will. (Even the thing I once praised it for falls apart in details.)

So this below, once more, is going to be caveated.

I have been uploading things to Internet Archive for almost a decade now, and my collection of various font and typewriter and interface documents just reached a round 1,000 items, which made me proud and happy.

While browsing it myself yesterday, I noticed a new-to-me alphabet bar that pops up when you sort by title:

I am guessing it’s inspired by tabs in library catalogs?

The interface is ugly. There are big non-clickable gaps between letters. The tooltips were a mistake. But outside of that, I found it fun and delightful to explore a collection this way, and I’m not sure I have ever seen this kind of an “old-fashioned” approach before.

“I found an innocent loop that had no test in it.”

It’s Halloween Week on Unsung, where we’re sharing scary, spooky, and creepy stories.

Speaking of fireside stories, this is a classic 1983 post called “The story of Mel, a real programmer”:

[…]
I first met Mel when I went to work for Royal McBee Computer Corp.,
a now-defunct subsidiary of the typewriter company.
The firm manufactured the LGP-30,
a small, cheap (by the standards of the day)
drum-memory computer,
and had just started to manufacture
the RPC-4000, a much-improved,
bigger, better, faster — drum-memory computer.
Cores cost too much,
and weren’t here to stay, anyway.
(That’s why you haven’t heard of the company,
or the computer.)
[…]

I don’t super love this presentation/​style, but it’s an interesting “close to the metal” programming anecdote (similar in some ways to Duff’s device), and doubly interesting to try to go through the jargon and actually understand it all.

Not particularly relevant to the story itself, but this is LGP-30, launched in 1956:

I’ve known LGP-30 for a while – some of the photos people put in the Wikipedia entry are actually ones I took at the Computer History Museum – but I saw a running one only earlier this year at a computer museum in Stuttgart. I particularly loved the industrial, lit up buttons…

…and the “display” which was just an oscilloscope contorted to fit within a specific binary template:

As far as I know, RGP-4000 – the 1960’s successor – didn’t feel much different, so perhaps seeing these might actually enhance the spooky story.

Before pixels: Speed-Minder

As you could probably tell, I was driving a bit recently, and once in a while saw this kind of a sign, often equipped with a (beloved) segmented font, reporting your current speed as detected by radar:

Just today, I learned of an early version of this idea:

This was a “Speed-Minder” deployed by Illinois State Police in the late 1950s or early 1960s. The car didn’t have a radar, it just reported its own speed, which I thought was clever. I am not even sure if it was as much to prevent drivers going too fast – I guess that’s what the name suggests – or just to help you calibrate your car’s own speedometer.

I can’t find a lot of information whether this was effective in any way, but I just liked this visual of a non-digital speedometer mounted atop an old police car.

Before Pixels is an occasional foray into design ideas before screens came around, shared for context, amusement, and inspiration.

Before pixels: Modular industrial dashboards

In my recent visits to German and Polish museums, I noticed a recurring theme: modular industrial dashboards, which I imagine have by now been all replaced by software.

I don’t know much about these – please write me if you do – but I wanted to share them anyway, perhaps for context, or amusement, or inspiration. They’re interesting design systems, and interesting interaction systems as well.

This was a very cool physical display for air traffic control, at the The Deutsches Museum in Münich:

At Fernmeldemuseum Stuttgart, these were used to monitor subway trains, or light rail. I do imagine these panels must have been interactive with all the buttons?

I like that they light up to show status:

One of the modules was a counter:

And I believe this was a way to annotate that something was… fixed, maybe? Or on its way to being fixed?

A railway museum in Nuremberg used what looks like the exact same system, and I spotted a few modules with their plates removed:

And, here’s a similar panel shown in a tram museum in Stuttgart, filled with an incredible typographical tension between DIN and the German equivalent of Dymo:

Warsaw’s train museum had a slightly different system, but similar in look and feel:

This big industrial switch toggled between day and night. I don’t know if it changed the operation of the system, or is just switched on some sort of a dark mode for the panel itself:

And this was at the DASA Museum in Dortmund, from a power plant control room:

This was by far the biggest one of the ones I’ve encountered…

…with the biggest variety of modules…

This was also the panel I showed some molly guards from before. But today I want to end at this great switch:

Don’t you just want to rotate it, no matter what it does?

The first notch is magical

Some years ago, the inimitable channel Technology Connections posted a 17-minute video about the peculiar design quirk of ceiling and room fans – they usually order their options Off → High → Medium → Low rather than the more natural Off → Low → Medium → High. The video is a bit off topic for this channel, but check it out if you’re interested how sometimes weird physics considerations influence design in the real world:

In the video, the host also talks about the more natural order that typically looked like this:

I wonder if you recognize this kind of an interface. I have a distinct memory of it from radios (where “zero volume” would mean “off”) and from TVs/​early computer displays (where “zero brightness” meant “off,” too). There was something special about these controls that stuck in my memory, motor and otherwise: this tangible, heavy click when you ventured outside or back into “off,” almost as if you had to break the interface itself.

I thought this, too, was a convention from an old analog time. Yet, I keep occasionally finding the “the first notch is special” interfaces on screen.

Sometimes, they are pretty literal translations of the concept, like when you adjust the key repeat rate in macOS:

Or, similarly, when you choose the dock magnification:

But sometimes they are a bit more conceptual. Here, Nova treats the first notch of the zoom scale as a “list” option:

Or: The new horizontal tabs in Chrome allow you to resize to whatever width you want. Below 125px, however, they snap directly to the minimum 55px width, a one-off “column view” with streamlined and purely iconographic controls:

These all have pros and cons, too.

On the con side, just like the fan or volume controls, they miss any memory since turning them off physically moves the knob away from any “value”; if on/off was a separate button, you could just leave the radio at your preferred volume and never touch it again. They also won’t be as discoverable as a separate onscreen toggle would be. (Here’s an example of a more classic treatment from the Nothing Phone.)

Pros? They are compact. They allow you to change from “off” to a value in one quick gesture, skipping an explicit “on” step. You could even argue they are simpler also in a visual sense.

But also, they are a bit… magical. I don’t know. That’s what to me unifies those old physical controls and their newer digital equivalents – they’re a little extra, a little different, a little special. They break the monotony of a predictable interface built out of boring, identical components. (Although, sadly, not a single onscreen example above uses haptics!)

And I think that’s kind of nice. Not just in the very functional sense of breaking up the UI through shape coding etc., but also in a sense of making UIs more interesting.

Speaking of volume, macOS used to show it as a sort of a HUD, using a treatment that borrowed from both the “first notch is special” radio knobs, and from early onscreen interfaces in TVs:

But after 20+ years, macOS Tahoe changed it so it now looks this way:

I can understand the argument that this is more consistent, and that it even teaches you – by proximity – that Control Center is what these controls call home. Yet I can’t help but think (and it seems I am not alone) that this is so boring and exactly how Windows would approach things – and that this change, just like the squared icons, is how macOS lost one more bit of magic.