Home Blog Computer interfaces in cinematography

Computer interfaces in cinematography

Blog, March 02, 2015

Looking at computer interfaces of the past can help spark new ideas of creating a fantastic website banner or interface.

Computer interfaces in cinematography – evolution of imagination

Original in Russian 

Due to our perfectionism and love of detail, this article turned out a little bit too long, but hopefully informative. It is perfect for people inclined to nostalgia.

Interfaces in pop-culture have their own history and deserve special attention from people interested in interfaces design. Today, we are going to discuss the ways people imagined and depicted interfaces in cinematography. In this context, computer interfaces will get a priority over others (from PCs to onboard computers, however it should be understood that every system, with which a person interacts with another system can be called an interface).

Initial ideas

It was a beginning of the 20th century, when a sci-fi genre first started making its way to the big screen. The first sci-fi movie was “A Trip to the Moon” inspired by a Jules Verne’s masterpiece.

Now, it is unbelievable that this space sci-fi pioneer did not use any talking holograms in a spaceship cabin, rotating 3D maps, flickering here and there data projected on the glass of a «smart helmet» – all that without which we can no longer imagine science fiction.

A movie “A Trip to the Moon”, directed by Georges Melies, 1902

By that time, the genre had not yet accumulated its own «knowledge base», set of traditions and cliches that would later help to create dozens of fantastic movies, books, cartoons and videogames.

Starting point

Just like every other fictional system, sci-fi had to have some base. While the main fantasy’s base and source of inspiration was the European mythology, sci-fi was inspired by the technical progress.

Every genre of fiction literature is based on its own meta-universe: a set of cliches that all authors “agreed” to use as the basis. In a fantasy genre – it is orcs, elves, grey-bearded sorcerers in canonical hats, fictional continents as an essential place of action, new (unknown before) languages, magic, etc. In science fiction – it is teleportation, superluminal speed, time travelling, holographic connection, laser weapons, human-like robots, futuristic computer programs …

The 20th century is a century of calculating machines and electronics, nuclear weapons and the first space flight – belligerent, energetic, future-oriented. It was the scientific and technological progress that encouraged authors to create high-quality science fiction. And the world of sci-fi started to gradually absorb the inventions of the century and embellish them by adding new unreal functions.

On the images below you can see some of the inventions of the 20th century that became the main sci-fi inspiration sources: a hydro-locator (sonar), radar, electrocardiograph, hydro-compass, thereminvox, Geiger counter, iconoscope…

hydrolocator

invention 20 century

invention

 

invention 4

 

invention 5

 

invention 6

 

invention

Retro-futurism

The first science fiction films surprise us with a bold flight of imagination. A typical computer here is very similar to a grandma’s retro cupboard with different valves, verniers and switches. And the display shows (if anything) something that looks like constructivism art.

retro 1

retro

 

retro

 

retro invention spaceship

Shots from a movie Raumpatrouille Orion, 1966

Main space sci-fi themes can be clearly seen here: a big round table in the spaceship cabin with the projection of some data on it. This interface was really unbelievable at that time, because people have not yet used real computer interfaces themselves.

Green console of the 80’s

When the first PCs were created, people had once again a chance to learn how “today is the future” feels like. A hacker took the place of a space captain and became a new hero, who was depicted as some kind of a computer magician – a magician that just by typing html tags in a command line could make a simple text OS show colorful photos, lines and polygons – and, of course, secret information of intelligence agencies.

Characteristic attributes of computer interfaces for the movies of that era:

• Green command line on a black screen.
• Symbols and letters emerge one by one, as if instead of a PC there is a slow typist girl in front of us.
• Creaking and grinding noise — a computer should give out a sense of mystery and danger.
• Extremely fast keyboard typing (to show off the virtuosity of a hacker).
• Loading screens look more like screensavers that indicate something is definitely going to go off right at this moment.
• Epic ACCESS DENIED and ACCESS GRANTED (must be in uppercase!!!) as a way to show some activity in the background of rather monotonous lines of symbols.
• Exploding monitors. If the 80’s taught us something is that if you do not type in the right password, C4 explosives (built in every monitor) will detonate by default.

access granted code films

Cliches with access denied/granted became such an integral part of sci-fi that it is still used in cinematography and fiction. Here is a shot from TV series «Revolution», 2012-2014. It is said that the code is real and taken from github, and is also about fingerprint recognition.

Interfaces — typical representatives of the era:

tron code request code retro interface

«Tron», original 1982

tron2 code request code retro interface

«Tron: legacy», a remake of 2010

brain storm

«Brainstorm», 1983

«Die hard», 1988

«Die hard», 1988

LOST Dharma terminal

«LOST», 2004-2010.

It is interesting that the creators of LOST TV series, which storyline takes place in 2000s, put “the same terminal” with green letters in a bunker of Dharma Initiative that had a military base on the island in the seventies.

Fallout

Fallout 3, 2008

In the game Fallout that recreates the atmosphere of «cyberpunk of the 50s», the stylistics of a green console is also actively used.

Fantastic interfaces of the 80’s did not cease to exist. One of the most important representatives of the era, a sci-fi movie «Tron», was courageous in implementing interfaces design. Here we can see not just a computer interface, but a virtual reality that is built on a different level of interaction.

tron 3

Great interface with Pac-Man in «Tron»: do you recognize the rotating circles? Choose any modern sci-fi movie and wait for the depiction of computer technologies 😉

The movie determined how futuristic interfaces were depicted not only in 90’s cinematography, but also in our time.

Graphic shells of the 90’s

The 90’s were guided by the motto and principle “PC in every home”. Filmmakers moved away from boring monochrome interfaces to full-format (high quality) graphics. Hacker attack methods remained the same, but the way they looked became far more impressive.

On a movie screen of “Universal Soldier: The Return” an intelligent computer types in «Hello, doctor Cotner…», but instead of a green console you can see a «nice» Times New Roman on the background of a standard Power Point «green marble» texture.

Special effects’ wizards of that time did not think that it is a good taste to show real software and OS, even if all of the movies action happened in the tough reality of modern times.

Distinguishing characteristics of the cinematic era:

• Visualization of everything that comes across. If it is about password cracking, it must look like a computer game – not just a plain boring console.
• Dossier as a symbol of the era. All must remember some CIA database investigation, where one sees five flickering pictures per second. This created an impression that the base was just enormous.
• Windows, icons, animations. This all are fundamental principles of modern interfaces.
• Glitch-effect. A screen that starts glitching and flickering all of a sudden makes a user feel like something goes deadly wrong.
• Progress-bars. A window «uploading virus», which has got a status of a meme in popular culture, was supposed to set off the monitors of all of the enemies. But, by the laws of genre, right at the moment when a clock bomb timer stops at the last minute, the progress bar freezes at 98%.

Ace Ventura interface dossier

A typical dossier from «Ace Ventura», 1994

flabber

«Flabber», 1997

13 floor biometrics

Biometrical indicators in «The Thirteenth Floor», 1999

batman returns

A must-have visualization in «Batman Returns» (1992) that is also used for showing the place where an energetic shield of a starship is broken.

dangerous galaxy is in danger webdesign interface sci fi

The galaxy is in danger! «The Fifth Element», 1997

The first rudiments of «modern futurism» can be traced back to the cinema of 90’s: biometrical indicators, heat maps on computer screens, rotating 3D-models. And there is another important element that defines the appearance of cinematic interfaces of the future — virtual reality («Johnny Mnemonic», « The Lawnmower Man»)

Johnny Mnemonic, 1995

Real software for modern times

The next step of the movie interfaces is the most realistic simulation or demonstration of real programs in the movies. Why do bother developing a new video messenger, browser or operation system, if there are already many other options?

true window interface bourne 2002

A real Windows interface in «The Bourne Identity», 2002

laptop interfaces holmes

Holmes applies deduction to a dozen of real laptops, «Sherlock», 2010

Homeland

A secret agent Carrie Mathison opens her armored laptop WordPad and you can see a familiar video player, «Homeland», 2011

armored laptop

Video player, «Homeland», 2011

house

Gregory House apparently uses specialized medical software (that looks quite realistic), «House», 2004-2012

safari interface cinema

Quite an ordinary Safari interface and website on it, «Going to distance», 2011

iron man cult computer interface

In «Iron man 2» (2010) Arabic interfaces that seem to be stuck in the 1980s and 1990s

This part of cinematography and culture is the least interesting – we are more interested in authentic movie interfaces.

Futuristic User Interface (FUI)

Let’s return to sci-fi – only this time to modern sci-fi. Computer interfaces development for the film industry is so popular that there is even a separate profession for it.

A particular attention should be paid to futuristic interfaces. They are very valuable, since they create that essential atmosphere in science fiction. Besides, science fiction often becomes a harbinger predicting the emergence of new gadgets and machines. How soon the interfaces from sci-fi movies can be implemented in PCs?

A Tip to Lazy People: the video below represents the outside appearance and behavior of 99,9% futuristic interfaces in modern cinematography:

https://vimeo.com/116237431

Distinguishing characteristics of contemporary FUI:

• A lot of information. Monitors show statistics for dozens of indicators simultaneously. A lot of things are going on at the same time: different graphs and pie charts are drawn, some unknown code is typed in, 3D models are rotating, etc.
• Biometrics. Living organisms’ indicators are interesting from the point of visualization: heat maps, skeleton and tissue models, colorful DNA chains.
• Hyper dynamics. There is nothing static here.
• Humanization of interfaces. It would be strange if there were no talking AI on the board of a starship, when even your smart phone obeys your voice.
• Voice commands. The least expensive option that is great for a movie budget was used in Star Trek.
• Gesture commands. Virtual reality in reverse: holographic projection is fully interactive. You can rotate it, bring some parts closer and create the techno-magic of your choice.
• Bright, contrasting colors on a black background. All «interfaces of the future» are created in this gamut. Reason: a holographic 3D model is better noticed, if it is acid green or blue. The rule also works for ordinary computer software — maybe it is a tribute to the 80’s.

Great example that shows how interfaces are developed for sci-fi:

https://vimeo.com/52382466

Typical representatives of the genre:

startrek 2013

«Startrek Into Darkness», 2013

Thor Dark World

And again infographics, «Thor: The Dark World», 2013

«Jack Ryan: Shadow Recruit», 2013

«Jack Ryan: Shadow Recruit», 2013

In «Oblivion» (2013) interfaces look relatively more structured and logical.

In «Oblivion» (2013) interfaces look relatively more structured and logical.

HUD or Head-Up Display, «Ender's Game», 2013

HUD or Head-Up Display, «Ender’s Game», 2013

An interface from «War of the Worlds» (2013) looks like a window of some professional musical software.

An interface from «War of the Worlds» (2013) looks like a window of some professional musical software.

Tony Stark can be a genius, but even he has troubles with the super-abundance of data. Even Terminator with his red-black UI had it easier!

iron man

«Iron Man 3», 2013

In TV series «Fringe» (2008-2013) Jay Jay Abrams, a director of LOST (and the forthcoming Star Wars), moved away from basic text OS, now interfaces deserve to be placed in a captain booth of a spacecraft.

«Fringe» (2008-2013)

In TV series «Fringe» (2008-2013) Jay Jay Abrams, a director of LOST (and the forthcoming Star Wars), moved away from basic text OS, now interfaces deserve to be placed in a captain booth of a spacecraft.

Similar interfaces can be found in abundance in games (the place where the cliches are cherished as nowhere else).

You can find onboard interfaces in Splinter Cell: Blacklist

You can find onboard interfaces in Splinter Cell: Blacklist

In Mass Effect, John Sheppard moves in the game world by choosing points on a large 3D map of a spiral galaxy.

In Mass Effect, John Sheppard moves in the game world by choosing points on a large 3D map of a spiral galaxy.

In Star Craft II: Wings of Liberty, macho Jim Raynor takes decisions at the round table looking at a green projection

In Star Craft II: Wings of Liberty, macho Jim Raynor takes decisions at the round table looking at a green projection

In Star Wars: Old Republic, a thoughtful Sith listens to a hologram of his Lord —a referral to a classic movie saga.

In Star Wars: Old Republic, a thoughtful Sith listens to a hologram of his Lord — a referral to a classic movie saga.

Interstellar

Interstellar interface

After these pictures, when one looks at the spaceships control center from «Interstellar», one wants to cry “Boring!”:
Future interfaces are so complex and full of dynamically changing information that a typical user should look something like this:

https://vimeo.com/118843752

Useful Links

Productivity Future Vision, Microsoft, 2009
Live, Work, Play, Microsoft, 2013
Watch Your Day in 2020, Corning
Hackers on the big screen, Habrahabr – the best Russian blog
Esthetics of futuristic interfaces
A compilation of interfaces in pop-culture: cinema, TV series, games.
A compilation of movies shots with interfaces.
A compilation FUI in cinema and anime.
Best “evil computers” in cinema.
About interfaces development, a compilation of links to books and courses.
Apple devices in cartoons of Matt Groening.