A Master of Sci-Fi Movie Gadgets Moves Over to the Real World

Posted: February 14, 2011 in Ciber, Technology
Mark Coleran, creator of “fantasy user interfaces” for films like The Bourne Ultimatum and Children of Men, is now focusing on solving real-world problems.

You don’t know Mark Coleran‘s name, but you’ve seen his work. He’s the designer who creates the futuristic computer screens that characters in movies (like The Bourne UltimatumChildren of Men, and Mission Impossible 3) use when saying things like “Enhance!” But now he’s the design director of Bonfire Labs, an agency who specifically hired him for his “fantasy user interface” (or FUI) skills.

Coleran Reel 2008.06 HD from Mark Coleran on Vimeo.

But what on earth do flashy movie UIs have to do with solving real-world design problems? Plenty, says Coleran: “[The FUIs] look fantastic when you see them in the theater, but a lot of that is actually grounded in reality — stuff that’s not mainstream yet, that I’ve been researching and experimenting with.” Case in point: Coleran’s design for a near-future music player in Children of Menlooks uncannily similar to iTunes’s “Coverflow” interface, which Apple released in the fall of 2006, almost a year after Coleran completed his work on Children of Men. Coleran didn’t invent Coverflow — Apple purchased it from an artist and programmer earlier in 2006 — but it is an example of Coleran’s method of combining and taking inspiration from up-and-coming UI concepts before they enter the mainstream. In the image below, Coleran also borrowed (with permission) the background from a 3D desktop concept called Bumptop.


A FUI from Children of Men, which Coleran created almost a year before iTunes’ Coverflow interface was released.

Of course, Coleran had plenty of experience designing real-world UIs himself before joining Bonfire (including the innovative interface for a creative project-management application called FLOW). But he says Bonfire hired him to be more of a “visual concept designer” for their interactive and advertising clients — sort of a Syd Mead for UIs, “looking at the bigger picture rather than the detail of individual buttons,” says Coleran. “My background from the film work, plus my experience in engineering, electronics, and graphic design, sort of fits with these interactive projects. There’s an element of futurism, where you can play the ‘what ifs’ out to their logical conclusions. Not just for the sake of it, but if you know the rules, you can break them to get something better.”


A FUI from Michael Bay’s The Island. Images courtesy of Mark Coleran


From The Island, a gunsight used by an assassin.

But Coleran doesn’t just throw out the rule books on user experience and “human interface guidelines.” In fact, because many of his clients know his movie work, he spends a lot of time talking them out of doing something like Children of Men or The Bourne Ultimatum. “One of my biggest frustations is when people will say, ‘We have these specifications and requirements, now execute it just like we saw in the movie,'” he says. “What they don’t realize is that the requirements for those movie FUIs were completely unlike the ones that they’re dealing with. In a movie, you see an interface for at most a couple of seconds. In real life, every design decision has a consequence, and it doesn’t go away. It’s there day in and day out. Those human interface guidelines are there for very good reasons.”


A computer interface for The Bourne Ultimatum


One of Coleran’s mockups for a touch-based map interface.

So how do you push the UI envelope while respecting what already works? “It comes back to pure design,” Coleran says. “Everything has to be justified; you can’t say I put this here because it looks cool. At Bonfire we’re trying to come up with new patterns — not just user interfaces, but whole new models for experiencing TV or magazines or music — and mocking them up in the same way I did the FUIs. But now, I may actually get to execute them in real life.”

[Read more at Coleran.com]

John Pavlus

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s