In the Future, Computer Screens Will Be Mostly Blue

Slate’s design blog.
Nov. 22 2013 9:00 AM

Interaction Design Lessons from Science Fiction Movies

131121_EYE_2
Clockwise from Left: Galaxy Quest (1999); The Hitchhiker’s Guide to the Galaxy (2005); Supernova (2000); Fantastic 4(2005).

Courtesy (clockwise from left) Dreamworks; Touchstone; MGM; 20th Century Fox

By far the best design podcast around—and one of the best podcasts, period—is Roman Mars’ 99% Invisible. On it he covers design questions large and small, from his fascination with rebar to the history of slot machines to the great Los Angeles Red Car conspiracy. Here at The Eye, we will be cross-posting his new episodes so you can check them out, and we’ll also host excerpts from his podcast’s terrific blog, which offers complementary visuals for each episode.

His most recent show—about the design lessons in science-fiction movies—can be played below. Or keep reading to learn more.

We have seen the future, and the future is mostly blue.

Advertisement

Or, put another way: In our representations of the future in science-fiction movies, blue seems to be the dominant color of our interfaces with technology yet to come. And that is one of the many design lessons we can learn from sci-fi.

Designers and sci-fi aficionados Chris Noessel and Nathan Shedroff spent years compiling real-world lessons that designers can, should, and already do take from science fiction. Their 2012 book, Make It So: Interaction Design Lessons From Science Fiction is a comprehensive compendium of their findings.

To give you a sense of how exhaustive their research is in this field, take note that the lesson abovefuture screens are mostly bluewas determined empirically. Shedroff and Noessel catalogued virtually every interface from every sci-fi movie from 1968 through 2011 and determined an average color per year.

131121_EYE_3
1991 was Terminator 2.

Courtesy of Nathan Shedroff and Chris Noessel

So why is blue the chosen color? Noessel posits that, because blue is so rare in nature (if you discount the sky and the ocean, which are arguably not blue) there’s something fundamentally mystical, unnatural, and inhuman about it.

Whether or not screens in the future will, in fact, be blue is beside the point. Make It So is about applying the ways we conceive of the future to the design of our present moment. After all, if sci-fi is about letting our imaginations run wild and creating imagined worlds, then there are plenty of design lessons from looking at the experience of the characters moving through those worlds. And even if your sci-fi world is 1,000 years in the future, those choices are in constant dialogue with the present.

Even the first sci-fi film is a sign of its times. In Georges Méliès Le Voyage dans la lune (A Trip to the Moon, 1902), there are hardly any interfaces!

Hence, science fiction can help us understand what we want in the present. And, when components of science fiction saturate the public imagination, it can affect how we design things. Consider the MicroTAC, one of Motorola’s first flip phones. It did not sell well.

The MicroTAC had a mouthpiece that flipped down. When the Motorola designers took this phone to Argonne National Laboratory for advice, the Argonne engineers said they had made the phone the wrong wayit ought to open upwards, not downwards. Like on Star Trek.

131121_EYE_4
Star Trek: The Original Series (1966, 1968).

Courtesy of Paramount

They had the subsequent generation open upwards. It was wildly successful. And it was called the StarTAC.

Star Trek also may have helped create the entire image-under-glass paradigm that governs our digital world. The interface—known as LCARS—is cool-looking. It’s distinctive. And it’s actually the result of a budget shortfall.

Star Trek: The Next Generation didn’t have as much money for set design as did the original series, which had panels wired with jewels and glowing buttons. Instead, they cut out sheets of film and put them over glass panes. To this day, people still modify their computers and tablets to make them look like an LCARS device from the 24th century, by way of the late '80s.

131121_EYE_5
Star Trek: The Original Series (1968) and Star Trek: The Next Generation(1987).

Courtesy of Paramount

The most interesting lessons from sci-fi come when you assume, for the sake of argument, that everything in sci-fi is there for a reasoneven things that look like mistakes. There’s a word for this, apologetics, which usually refers to the act of attempting to close logical loopholes in theology.

Take Star Wars, for instance, in the scene when Luke and Han Solo are in the Millennium Falcon blowing up TIE fighters.

131121_EYE_6
Star Wars Episode IV: A New Hope (1977).

Courtesy of 20th Century Fox.

If they’re fighting in the cold vacuum of space, why do we hear the ships exploding? Sound doesn’t exist without air.

George Lucas probably figured that a silent gun fight would have been way less dramatic. He wanted to make the scene feel real to the audience, even if it was less true to reality. And if we move from the point of view that what works for the audience will work for the user, we can ask ourselves: Could this make sense? Is there an explanation that can warrant hearing ships exploding in space?

Well, what if the sound is the interface? Audio is a much more efficient gauge of surroundings, since it spans 360 degrees, whereas vision only covers 120 degrees. It might be that there are sensors on the outside of the Millennium Falcon that provide 3-D sound inside the gunner seat. So when we hear ships blow up, we’re actually hearing an augmented reality interface that Luke and Han hear. Maybe?

Here’s another one: In 2001: A Space Odyssey, Dr. Floyd is on a satellite, making a video call to his daughter back on earth. You see his daughter button-mashing the controls on the video phone, but, strangely, you don’t hear any of the buttons.

Maybe the sound designer was sleeping on the job. But phones really ought to work this way. It could be that the system was context-aware enough to acknowledge that its user is a child, and that it could disregard her button-mashing.

With design thinking, there are logical excuses for every interface discrepancy. And it makes sci-fi that much more fun to watch.

131121_EYE_7
In Star Wars Episode I: The Phantom Menace (1999), Queen Amidala uses the same button to route a hologram across the galaxy, and call up a star chart, and land a space ship. Massive design oversight? Or could this be the “make it so” button?

Courtesy of 20th Century Fox

To learn more about the design lessons of sci-fi movies and to see additional photos from the films, read the rest of the 99% Invisible post or listen to the show. 99% Invisible is distributed by PRX.

TODAY IN SLATE

Foreigners

The World’s Politest Protesters

The Occupy Central demonstrators are courteous. That’s actually what makes them so dangerous.

The Religious Right Is Not Happy With Republicans  

The XX Factor
Oct. 1 2014 4:58 PM The Religious Right Is Not Happy With Republicans  

The Feds Have Declared War on Encryption—and the New Privacy Measures From Apple and Google

The One Fact About Ebola That Should Calm You

It spreads slowly.

These “Dark” Lego Masterpieces Are Delightful and Evocative

Crime

Operation Backbone

How White Boy Rick, a legendary Detroit cocaine dealer, helped the FBI uncover brazen police corruption.

Politics

Talking White

Black people’s disdain for “proper English” and academic achievement is a myth.

Activists Are Trying to Save an Iranian Woman Sentenced to Death for Killing Her Alleged Rapist

Piper Kerman on Why She Dressed Like a Hitchcock Heroine for Her Prison Sentencing

  News & Politics
Politics
Oct. 1 2014 7:26 PM Talking White Black people’s disdain for “proper English” and academic achievement is a myth.
  Business
Moneybox
Oct. 1 2014 2:16 PM Wall Street Tackles Chat Services, Shies Away From Diversity Issues 
  Life
Outward
Oct. 1 2014 6:02 PM Facebook Relaxes Its “Real Name” Policy; Drag Queens Celebrate
  Double X
The XX Factor
Oct. 1 2014 5:11 PM Celebrity Feminist Identification Has Reached Peak Meaninglessness
  Slate Plus
Behind the Scenes
Oct. 1 2014 3:24 PM Revelry (and Business) at Mohonk Photos and highlights from Slate’s annual retreat.
  Arts
Brow Beat
Oct. 1 2014 9:39 PM Tom Cruise Dies Over and Over Again in This Edge of Tomorrow Supercut
  Technology
Future Tense
Oct. 1 2014 6:59 PM EU’s Next Digital Commissioner Thinks Keeping Nude Celeb Photos in the Cloud Is “Stupid”
  Health & Science
Science
Oct. 1 2014 4:03 PM Does the Earth Really Have a “Hum”? Yes, but probably not the one you’re thinking.
  Sports
Sports Nut
Oct. 1 2014 5:19 PM Bunt-a-Palooza! How bad was the Kansas City Royals’ bunt-all-the-time strategy in the American League wild-card game?