UI/UX inspiration: Movies every designer should watch

As designers, we love solving issues and appreciate visual perception. Recently there is a huge spike of science fiction movies being released. A decent number of them features inspirational UI/UX.

Some of them are very intriguing, activating all kinds of speculations about our future user interfaces and experiences.

In fact, some inspiring movie design is a convincing prophecy. Movies interface design goes beyond existing limits and existing technologies and from the very beginning becomes elegant and beautiful.

Amazingly some of the ideas are from this inspirational UI/UX movies came to live and we are either actively using them or aware of their existence, as well as some of them are happening and we will be seeing them in near future.

[Warning: The following UI/UX inspiration movie list contains spoilers.]

Do you remember Terminator 2, (T-800) Vision – HUD? Looks familiar is in it? A bit unpractical but still so iconic these days.

Nonetheless, it’s a double sided coin and some movie interfaces are being overcomplicated they are not providing a truly intuitive user experience. But again, they may widen your horizon and feed you with ideas or inspire and motivate you to design something brave and futuristic.

As a designer and movie enthusiast, I’ve watched probably thousands of movies in the past 25 years. My compiled list below will feature a fair number of influential movies, that activate designer in me and inspire me to work on UI/UX concepts and write notes.

Her

2013 ‧ Drama/Romance ‧ 2h 6m | Get it on Amazon

The first movie that comes to my mind is “Her”. It shows almost utopian use of technology. Focusing on user experience, using invisible technologies with a minimum interface interaction, utilising speech recognition to it’s best. Envisioning how a collection of phonemes combine to form expressions. Modelling responses in correspondence to voice tone, mood and as a result providing a reach, very unique personalised user experience.

her UI/UX inspiration: Movies every designer should watch

Blade Runner 2049

2017 ‧ Fantasy/Mystery ‧ 2h 44m | Get it on Amazon

Another great example of voice recognition technology, “Blade Runner 2049” is an abstract vision of our not far future. Taking intelligent homes and virtual assistants to a different level. It features quite a lot of inspirational UI as well as making a prediction about technology role in future of humanity.

Surrounding world is dying, it’s overpopulated. This theme consistent through the whole movie, starting with city scenes featuring favela-style buildings and megastructures giving it a sense of scale.

This movie heavily focuses on holograms and artificial intelligence. Highlighting aggressive, personalised and targeted use of advertisement. Some scenes will blow your mind and if you are into visual effects you will love this movie. Just have a look at the brilliant “take over” scene below and I love how this was achieved. I will cover this in a separate article, for now, let’s focus on UI/UX inspiration.

Iron Man

2008 ‧ Sci-fi/Thriller ‧ 2h 6m | Get it on Amazon

Iron Man movies are featuring highly dynamic UI/UX as well as making use of voice recognition technology. There is an awful lot of user interactions, being that a transparent touchscreen coffee table or seethrough smartphone. Practically showcasing how holograms and gesture could be working in future.

Obviously, like in any action movie, there is a balance between usability and creativity giving these interfaces its charm. This movie is so rich with HUD interfaces that it’s hard not to be inspired with these dynamic UI/UX interfaces.

Minority Report

2002 ‧ Drama/Mystery ‧ 2h 26m | Get it on Amazon

As a person professionally involved in digital design, I can’t wait and see this technology in action. Just imagine how massively will change the design process. Forget about computer mice and keyboards, the sweeping gestures and virtual screens will let designers be way more creative and it will dramatically increase our productivity.

This movie features a great number of astonishing ideas, that make you think and charge you with UI/UX inspiration.

Pacific Rim Uprising

2018 ‧ Sci-fi ‧ 1h 50m | Get it on Amazon

If you are into dynamic holographic displays this will be a movie you should watch and analyse carefully. There’s quite a lot of UI/UX design inspiration, each interface is quite distinct. This is influenced by the country of origin, specifics of Jaeger (Gian Robots).

Prometheus

2012 ‧ Drama/Fantasy ‧ 2h 4m | Get it on Amazon

A great example of how UI/UX designs could feature organic style and be implemented throughout every screen as well as being seen in HUD.

Ghost in the Shell

2017 ‧ Drama/Fantasy ‧ 2 hours | Get it on Amazon

Anime adaptation movie. It feels like a massive amount of design development work was involved in the creation of this movie. It’s visually rich and filled with an immense amount of interesting tech ideas.

You’ll be taken into a world full of holograms and cyborgs, and that’s where most of the FUI examples are.

Oblivion

2013 ‧ Action/Mystery ‧ 2h 4m | Get it on Amazon

Oblivion was one of those movies I could not resist and watch multiple times, as I had to pause the movie and analyse UI. It’s incredible and clever, it’s designed is so consistent and clean. Every UI/UX design element is so thoroughly done, these solutions compliments surrounding environments. UI design throughout the movie is quite graphical and its execution is quite unique. Definitely, a movie to watch for UI/UX inspiration.

Anon

2018 ‧ Sci-fi/Thriller ‧ 1h 40m | Get it on Amazon

It’s a beautiful movie with excellent technical execution, heavily focusing on AR technology and exploring its application in the near future. Elegant and clean use of interfaces. Anon is a great UI/UX inspiration movie.

Ready Player One

2018 ‧ Thriller/Sci-fi ‧ 2h 19m | Get it on Amazon

Movie features interactive UI on monitors, visors, HUDs and 3D environmental signage.

Insurgent

2015 ‧ Sci-fi/Thriller ‧ 1h 59m | Get it on Amazon

The UI design happens to feature lots of flowing lines and shapes that make it seem like a holographic circuit board.

Tron: Legacy

2010 ‧ Fantasy/Sci-fi ‧ 2h 7m | Get it on Amazon

Flynn is able to access any interface by simply placing his hand on any surface, whether it be a window or even the ground. This is very similar to how Douglas Quaid in “Total Recall” makes a call, whereby a user can control anything from anywhere by simply being in contact with the system.

Total Recall

2012 ‧ Thriller/Action ‧ 1h 58m | Get it on Amazon

There’s quite a good range of HUDs and GUIs in Total Recall. The movie explores different implementation ideas, you will see HUDs, hologram displays, scanners, maps, transport UI, and other UIs.

The Martian

2015 ‧ Drama/ENTERTAINMENT ‧ 2h 31m | Get it on Amazon

Passengers

2016 ‧ Drama/Thriller ‧ 1h 56m | Get it on Amazon

RoboCop

2014 ‧ Crime/Sci-fi ‧ 2h 1m | Get it on Amazon

Furious 7

2015 ‧ Crime/Thriller ‧ 2h 20m | Get it on Amazon

Avengers: Age of Ultron

2015 ‧ Sci-fi/Action ‧ 2h 22m | Get it on Amazon

Jupiter Ascending

2015 ‧ Fantasy/Sci-fi ‧ 2h 7m | Get it on Amazon

Edge of Tomorrow

2014 ‧ Sci-fi/Action ‧ 1h 53m | Get it on Amazon

Guardians of the Galaxy

2014 ‧ Fantasy/Sci-fi ‧ 2h 5m | Get it on Amazon

Ender’s Game

2013 ‧ Action/Adventure ‧ 1h 54m | Get it on Amazon

Star Trek Into Darkness

2013 ‧ Sci-fi/Action ‧ 2h 12m | Get it on Amazon

Hitman: Agent 47

2015 ‧ Crime/Thriller ‧ 1h 48m | Get it on Amazon

Hitman: Agent 47 UI/UX inspiration: Movies every designer should watch

Batman v Superman: Dawn of Justice

2016 ‧ Sci-fi/Action fiction ‧ 3h 3m | Get it on Amazon

The Hunger Games: Mockingjay

2014 ‧ Drama/Fantasy ‧ 2h 3m | Get it on Amazon

Doctor Strange

2016 ‧ Fantasy/Sci-fi ‧ 1h 55m | Get it on Amazon

Life

2017 ‧ Sci-fi/Thriller ‧ 1h 50m | Get it on Amazon

Battleship

2012 ‧ Sci-fi/Thriller ‧ 2h 11m | Get it on Amazon

Terminator Genisys

2015 ‧ Fantasy/Sci-fi ‧ 2h 6m | Get it on Amazon

Terminator Genisys UI/UX inspiration: Movies every designer should watch

Avatar

2009 ‧ Fantasy/Sci-fi ‧ 2h 42m | Get it on Amazon

The Matrix Reloaded

2003 ‧ Fantasy/Mystery ‧ 2h 18m | Get it on Amazon

Elysium

2013 ‧ Drama/Sci-fi ‧ 1h 49m | Get it on Amazon

Interstellar

2014 ‧ Drama/Mystery ‧ 2h 49m | Get it on Amazon

Interstellar UI/UX inspiration: Movies every designer should watch

Solo: A Star Wars Story

2018 ‧ Sci-fi/Action ‧ 2h 15m | Get it on Amazon

Solo UI/UX inspiration: Movies every designer should watch

The Island

2005 ‧ Drama/Sci-fi ‧ 2h 18m | Get it on Amazon

Johnny Mnemonic

1995 ‧ Fantasy/Crime ‧ 1h 43m | Get it on Amazon

What Happened to Monday

2017 ‧ Drama/Mystery ‧ 2h 4m | Get it on Amazon

Rise of the Planet of the Apes

2012 ‧ Drama/Fantasy ‧ 2h 52m | Get it on Amazon

Valerian and the City of a Thousand Planets

2017 ‧ Fantasy/Sci-fi ‧ 2h 17m | Get it on Amazon

Serenity

2019 ‧ Drama/Thriller ‧ 1h 46m | Get it on Amazon

Serenity UI/UX inspiration: Movies every designer should watch

Moon

2009 ‧ Drama/Fantasy ‧ 1h 37m | Get it on Amazon

Mission: Impossible – Rogue Nation

2015 ‧ Thriller/Action ‧ 2h 11m | Get it on Amazon

The Cabin in the Woods

2011 ‧ Thriller/Mystery ‧ 1h 35m | Get it on Amazon

The Cabin in the Woods UI/UX inspiration: Movies every designer should watch

Independence Day: Resurgence

2016 ‧ Fantasy/Sci-fi ‧ 2h 9m | Get it on Amazon

Black Panther

2018 ‧ Fantasy/Sci-fi ‧ 2h 15m | Get it on Amazon

Quantum of Solace

2008 ‧ Thriller/Action ‧ 1h 47m | Get it on Amazon

Assassin’s Creed

2005 ‧ Fantasy/Sci-fi ‧ 1h 45m | Get it on Amazon

After Earth

2013 ‧ Action/Adventure ‧ 1h 40m | Get it on Amazon

Surrogates

2009 ‧ Thriller/Action ‧ 1h 44m | Get it on Amazon

The Wandering Earth

2019 ‧ Sci-fi ‧ 2h 5m

Kingsman: The Secret Service

2014 ‧ Crime/Sci-fi ‧ 2h 10m | Get it on Amazon

District 9

2009 ‧ Thriller/Indie film ‧ 1h 52m | Get it on Amazon

Live Free or Die Hard

2007 ‧ Thriller/Action ‧ 2h 9m | Get it on Amazon

Live Free or Die Hard UI/UX inspiration: Movies every designer should watch

Bumblebee

2018 ‧ Sci-fi/Action ‧ 1h 54m | Get it on Amazon

Transcendence

2014 ‧ Mystery/Thriller ‧ 1h 59m | Get it on Amazon

Transcendence UI/UX inspiration: Movies every designer should watch

Maze Runner: The Death Cure

2018 ‧ Sci-fi/Thriller ‧ 2h 23m | Get it on Amazon

Johnny English Strikes Again

2018 ‧ Action/Adventure ‧ 1h 28m | Get it on Amazon

Johny English UI/UX inspiration: Movies every designer should watch

Paycheck

2003 ‧ Thriller/Tech noir ‧ 1h 59m | Get it on Amazon

Paycheck UI/UX inspiration: Movies every designer should watch

G.I. Joe: The Rise of Cobra

2009 ‧ Sci-fi/Thriller ‧ 1h 58m | Get it on Amazon

Men in Black 3

2012 ‧ Fantasy/Sci-fi ‧ 1h 46m | Get it on Amazon

MIB 3 UI/UX inspiration: Movies every designer should watch

Let me know in the comments section below if I missed any inspirational UI/UX movies on that list. If you have any questions with your current project or need help delivering it, get in touch with me.

Apple Watch Series 4 Sport free PSD mockup

Completely layered mockup of Apple Watch Sport. Fully layered PSD, easily organized PSD file with isolated layers and smart object. Dimensions: 4920 x 3000 px. Use the smart object to insert your own display content. Download from Google drive "Male…

Male hand holding can free PSD mockup

Completely layered mockup of male hand holding a can. Fully layered PSD, easily organized PSD file with isolated layers and smart object. Dimensions: 4920 x 3000 px. Use the smart object to insert your own display content. Download from Google…

Leave a Reply

Your email address will not be published. Required fields are marked *