23 comments

[ 0.23 ms ] story [ 26.0 ms ] thread
It is maybe 60 pictures, and a decent chunk of them have absolutely no focus on UI.
These are so sick. As a 34 year old whose first computers were already Windows 98, it's so weird to imagine a past where this is what the future of computing looked like, as opposed to what we actually got.
One GIF is a clip from the Hollywood movie WarGames (1983).

Not that there isn't animation in it, but... the animation was projected onto a large screen and then that screen with other things around it was filmed.

I see the one you’re talking about, but the digits beneath the tic-tac-toe look hand drawn. I think this is a recreation of that interface for use in a series. I’ll have to research to be sure.
I'm partial to anything that looks like a nuclear control room (saw one in this list). It's like a while different generation of UX but derived from totally different parts, goals, users, and of course a lot of the people who designed these had been military. Not a lot of room for fluff, lots of room for clarity.

Love to see the dizzying array of ways people imagined data can be shown. Everything these days feels so flat. Appreciate the share.

Good old Metal Skin Panic Madox 01. What NOT to do when a fully equipped battle exoskeleton falls off the back of a truck and into the junkyard you work at...

The opening is worth a watch if you have a minute 12. Airwolf flashing blueprint feel, although soundtrack wasn't as good. Lotta weird little easter eggs if you can pause while the text is shown.

What I'm finding interesting here is that the "user interface" is either the screen (what I/we normally expect of the term 'user interface') or the input/interaction interface or both.

Cockpit images are interesting in an input context because there are buttons and switches surrounding the user.

Frustrating that these aren't labelled! What's this NASA-ish one from? https://64.media.tumblr.com/75c79a0906e422a7072b9148b52d9501...

I didn't spot any of the weirdpunk machinery from Wings of Honneamise:

https://www.inetres.com/gp/anime/woh/woh07.jpg

https://www.instagram.com/reel/DaYuAvpp7S6/

Or Golden Boy's computer made out of paper: https://youtu.be/A1R1Du2PsZ4?t=610

Or its Japanese-phonetically-respelled SunOS rc script: https://youtu.be/A1R1Du2PsZ4?t=1196

Or any of the computer bits in that episoder really. By the way don't watch Golden Boy if there are any people who are not, uh, extremely cultured around.

Was hoping for more Serial Experiments Lain. There are references in it to the Apple OS codename Copeland or Rhapsody-- I don't remember which.
I also liked how the "Be" in "to Be continued" resembles BeOS.
[flagged]
Right now I see you are 11 of 34 comments on this post and all follow this same dismissive tone. Lighten up and let people enjoy stuff.
I need source for each image
If you enjoyed these UIs, I highly recommend this piece in Animation Obsessive about how some of the early anime light effects were achieved:

https://animationobsessive.substack.com/p/dangerous-light

Keu quote:

You have the normally painted animation, and you have a mask for the lighting element which is mostly black, leaving a hole where it shall shine... Repeat for each glowing element with a different color. First you film the animation, then rewind. Second [exposure] is the matte, with a light under the table switched on. Usually you will have a color filter or gel in front of the camera now. This pass will create some lighting with a sharp edge. Sometimes an additional frosted gel is used for blurring that shine, but that takes some light inside the edge of the matte which may not be desired. In that case a third pass is done with the same matte, but out of focus, or with a slightly frosted gel, and/or some additional effects lens

Vibe.

This really encapsulates what something i love about the internet that is suvtle and hard to put my finger on. I like getting exposure to random information that i just passively incorporate into my understanding of the world. Its the magic of finding reddit as a tween