Iron Man HUD: A Breakdown

So this is going to take a few posts. You see, the next interface that appears in The Avengers is a video conference between Tony Stark in his Iron Man supersuit and his partner in romance and business, Pepper Potts, about switching Stark Tower from the electrical grid to their independent power source. Here’s what a still from the scene looks like.

Avengers-Iron-Man-Videoconferencing01

So on the surface of this scene, it’s a communications interface.

But that chat exists inside of an interface with a conceptual and interaction framework that has been laid down since the original Iron Man movie in 2008, and built upon with each sequel, one in 2010 and one in 2013. (With rumors aplenty for a fourth one…sometime.)

So to review the video chat, I first have to talk about the whole interface, and that has about 6 hours of prologue occurring across 4 years of cinema informing it. So let’s start, as I do with almost every interface, simply by describing it and its components. Continue reading

Abidjan Operation

Avengers_BartonCompromised

After Hawkeye is enthralled by Loki, agent Coulson has to call agent Romanoff in from the field, mid-mission. While he awaits her to extract herself from a situation, he idly glances at case file 242-56 which consists of a large video of Barton and Romanoff mid-combat, and overview profiles of the two agents. A legend in the upper right identifies this as STRIKE TEAM: DELTA, and a label at the top reads ABIDJAN OPERATION. There is some animated fuigetry on the periphery of the video, and some other fuigetry in windows that are occluded by the case file. bartoncompromised

Continue reading

Iron Welding

Avengers-Underwater_welding01

Cut to the bottom of the Hudson River where some electrical “transmission lines” rest. Tony in his Iron Man supersuit has his palm-mounted repulsor rays configured such that they create a focused beam, capable of cutting through an iron pipe to reveal power cables within. Once the pipe casing is removed, he slides a circular device onto the cabling. The cuff automatically closes, screws itself tight, and expands to replace the section of casing. Dim white lights burn brighter as hospital-green rings glow brightly around the cable’s circumference. His task done, he underwater-flies away, flying up the southern tip of Manhattan to Stark Tower.

It’s quick scene that sets up the fact that they’re using Tony’s arc reactor technology to liberate Stark Tower from the electrical grid (incidentally implying that the Avengers will never locate a satellite headquarters anywhere in Florida. Sorry, Jeb.) So, since it’s a quick scene, we can just skip the details and interaction design issues, right?

Of course not. You know better from this blog.

Avengers-Underwater_welding02 Continue reading

Carrier Control

The second instantiation of videochat with the World Security Council that we see is  when Fury receives their order to bomb the site of the Chitauri portal. (Here’s the first.) He takes this call on the bridge, and rather than a custom hardware setup, this is a series of windows that overlay an ominous-red map of the world in an app called CARRIER CONTROL. These windows represent a built-in chat feature for discussing this very topic. There is some fuigetry on the periphery, but our focus is on these windows and the conversation happening through them.

Avengers-fury-secure-transmission01

In this version of the chat, we are assured that it is a SECURE TRANSMISSION by a legend across the top of each, but there is not the same level of assurance as in the videoconference room. If it’s still HOTP, Fury isn’t notified of it. There’s a tiny 01_AZ in the upper right of every screen, but it never changes and is the same for each participant. (An homage to Arizona? Lighter Andrew Zink? Cameraman Arthur Zajac?) Though this is a more desperate situation, you imagine that the need for security is no less dire. Having that same cypher key would be comforting if it is in fact a policy.

Different sizes of windows in the app seem to indicate a hierarchy, since the largest window is the fellow who does most of the talking in both conferences, and it does not change as others speak. Such an automated layout would spare Fury the hassle of having to manage multiple windows, though visually these look more like individual objects he’s meant to manipulate. Poor affordances.

dismiss

The only control we see is when Fury dismisses them, and to do this he just taps at the middle of the screen. The teleconference window is “push wiped” by a satellite view of New York City. Fine, he feels like punching them. But…

a) How does he actually select something in that interface without a tap?

b) A swipe would have been more meaningful, and in line with the gestural pidgin I identified in the gestural chapter of the book.

And of course, if this was the real world, you’d hope for better affordances for what can be done on this window across the board.

So though mostly effective, narratively, could use some polish.

Shadowy videoconferencing room

After Loki gets away with the crazy-powerful tesseract and a handful of S.H.I.E.L.D. (seriously that’s a pain to type) agents, Fury has a virtual meeting with members of the World Security Council—which is shadowy in appearance and details. To conduct this furtive conference Fury walks into a room custom-built for such purposes.

Avengers-Shadowy-Videoconference02

A bank of large vertically-mounted monitors forms a semicircle in the small room, each mounted above a workstation with keyboard and multiple screens overlit for maximum eyestrain. It’s quite unclear what the agents who normally work here are currently doing, or what those vertically mounted screens normally display, since they’d be a shoo-in for an OSHA lawsuit, given the amount a user would need to crane. Ergonomics, Nick, look it up.

Avengers-Shadowy-Videoconference03

 

Each screen dedicates most of its real estate to a waist-up view of the speaker. Overlays near the bottom assure us that DATA [is] SECURE and confirms it with a 16-character alphanumeric CYPHER KEY that is frequently changing and unique to each speaker. This is similar to an HMAC-based One-time Password Algorithm (HOTP) password algorithm, so is well-grounded in reality. It’s convincing.

The screens adhere to the trope that every screen is a camera. Nick looks at their eyes and they look right back. Ordinarily that would be a big problem, but with the translucent displays and the edge lighting of the participants, it could actually work.

There is no indication of controls for these screens, but that’s cool if the room is dedicated to this purpose. Someone else would set the call up for him, and all he has to do is walk in. He should be able to just walk out to end it. And let them know how he feels about them.

Portal Monitor

After Loki has enthralled Selvig, enthralled-Hawkeye lets Loki know that, “This place is about to blow and drop a hundred feet of rock on us.” Selvig looks to the following screen and confirms, “He’s right. The portal is collapsing in on itself.

Portal_monitoring

This is perhaps one of the most throwaway screens in the film, given the low-rez twisty graphics that could be out of Lawnmower Man, its only-vague-resemblance to the portal itself…

c.f.

c.f.

…the text box of wildly scrolling and impossible to read pink code with what looks like a layer of white code hastily slapped over it, and—notably—no trendline of data that would help Selvig quickly identify this Very Important Fact. Maybe he’s such a portal whisperer that he can just see it, but why show the screens rather than show him looking up to the blue thing itself?

There might be some other data on the left of this bank of screens seen a few seconds later in the background…

Avengers-Wormhole-03_cropped

…but it has more red text overlays, so I’m disinclined to give it the blurry benefit of the doubt.

Fair enough, this is there merely to establish Selvig’s enthrallment, and the scientific certainty of the stakes for the next beat. But, we see his eyes, and the certainty is evidenced by everything collapsing. We don’t need scientific assurance. If the designers were not given time to make it passable, I wish that the beat had been handled without a view of the screens rather than shaky-cam.

Dat glaive: In summary

So we’ve seen how the glaive works as…

On the Twitters Patrick Kovacich made some convincing arguments that the glaive wasn’t really involved in the teleconferencing as much as it was an astral projection by Loki himself, though that raises questions about why it glows so white-hot right as he’s entering the teleconference. So, for arguments’ sake let’s leave it in, but I acknowledge the evidence against is quite compelling if less instructive.

So, with these subtopics covered, let’s turn back to the total question of the glaive: How is it as an interface for these functions? Let’s return to the three values that I hold every show up to: believability, narrative, and as a model for real world interactions. Continue reading

Dat glaive: Mojo Radiator

Loki’s wants to take down the Avengers and the S.H.I.E.L.D. helicarrier, to disable the two greatest threats to his invading forces. To accomplish this, he lets himself get captured and the glaive taken away from him, knowing Banner would study it, fall prey to one of its terrible effects, become the ragemonster, and wreck the place.

That effect goes unnamed in the film so I’ll call it the bad mojo radiator. The longer people hang around it, the more discord it sows. In fact just before Loki’s thralls enact a daring rescue of him, we see all of the Avengers fighting in the lab, for no other reason than they stand in the glaive’s presence.

Avengers-glaive-mojo-02

The infighting ends suddenly when Banner unintentionally takes the glaive in hand as he attempts to silence the group. Because the threat of Hulk + glaive is enough to make other fights seem secondary. Continue reading

Dat glaive: Teleconferencing

Avengers-Glaive-Teleconferencing-01

When his battalion of thralls are up and harvesting Vespene Gas working to stabilize the Tesseract, Loki sits down to check in with his boss’ two-thumbed assistant, an MCU-recurring weirdo who goes unnamed in the movie, but which the Marvel wiki assures me is called The Other.

To get into the teleconference, Loki sits down on the ground with the glaive in his right hand and the blue stone roughly in front of his heart. He closes his eyes, straightens his back, and as the stone glows, the walls around him seem to billow away and he sees the asteroidal meeting room where The Other has been on hold (listening to some annoying Chitauri Muzak no doubt).

Avengers-Glaive-Teleconferencing-09 Continue reading

Dat glaive: Enthrallment

Several times throughout the movie, Loki uses places the point of the glaive on a victim’s chest near their heart, and a blue fog passes from the stone to infect them: an electric blackness creeps upward along their skin from their chest until it reaches their eyes, which turn fully black for a moment before becoming the same ice blue of the glaive’s stone, and we see that the victim is now enthralled into Loki’s servitude.

Enthralling_Hawkeye

You have heart.

The glaive is very, very terribly designed for this purpose. Continue reading