The Chanel eye-makeup-erator

TheFifthElement-eyemakeup-001

After David offers Leeloo some clothes, he also offers her a device for applying eye makeup. Leeloo only has the most rudamentary grasp of English at this point, so to demonstrate its use he holds it up to his eyes.

This is a clear enough signal for Leeloo, who puts the device up to her eyes like a large pair of sunglasses. She can feel the momentary button near her left fingertip and presses it. In response a white ring around a Chanel logo illuminates for a second. Leeloo feels an unfamiliar sensation and pulls her face away, and we see that the device has applied complete eye makeup for her.

TheFifthElement-eyemakeup-007 TheFifthElement-eyemakeup-008

Analysis

The industrial design of the device is brilliant. It’s sized to be slightly larger than the eye area and it has the right shape for someone to know where to place it. The activation button sits exactly where the user needs it, and with enough of a button-like affordance that even without looking she can find it and press it. The device is just heavy enough to encourage supporting it with palms, which provides a firm base to resist too much movement on activation (and thereby risking eyeshadow right on the eye). The shiny black plastic reads like a cosmetic object, and professional enough that you can presume it’s safe to use near delicate eye parts. The white ring is a simple cue for those nearby that it’s in progress and not to interrupt the user.

A minor improvement would be to improve that simple light on/off to a progress ring that swept around. This would gave a sense of how much time it will take and how much time is left, even if it’s only a second.

The main question of the device is of course how does Leeloo specify the details of the makeup. A quick Google image search shows that the number of parameters is…um…vast.

Of course, if the device had some kind of low-level artificial intelligence, that agentive algorithm could handle a lot of the complexity for her, deciding on the best match for her schedule, fashion trends, current outfit, and her preferred position in the fashion-aggression spectrum. (Would there be a device that went up to 11 for drag queens?) But, when the agentive algorithm got it wrong, and Leeloo wanted to override those settings, she’s back to needing to tell the device how she’d like to override its suggestions. How does she do that?

Which raises the question of those three buttons across the bridge of the device.

Those three buttons

Of course three momentary buttons aren’t enough to control all the variables in eye makeup. Even if these are dials that control three variables, three variables aren’t enough. (Even if they were dials, why would they look identical to the momentary buttons? Things that behave differently should look different.)

Even if these buttons are not controls for variables but rather presets for sets of variables (Such as: “Work,” “Formal wear,” or “Defeating ultimate evil”), they’re not signaling their state well. Looking at that screen grab, can you tell which one is currently selected? I can’t. It should be apparent at a glance, so no one accidentally applies “clubbing” makeup when they mean “funeral.” So there should be some indication of what’s currently selected. Note that a lit button is not enough. Some descriptive text is needed. Such text would ideally be on both the “inside” and the “outside” so no matter how it was lying on a dresser, its state could be read.

Anyway, since those buttons aren’t sufficient for setting up the eye makeup, let’s hope that it’s networked to some other device with a richer interface, like a voice interface or Cornelius’ WIMP computer, where she can have a rich interaction for setting up those buttons.

With all that in mind, here’s another comp to illustrate these ideas. Admittedly, Chanel’s brand police wouldn’t be comfortable with an LED font, but it would clearly communicate that the text represents a variable and not a product name.

Asskicking


Special shouts out to You Yeti! who corrected our tweet that the two Fingernail-o-matics were not the only cosmetic interfaces in the survey. I love writing for a sharp, eagle-eyed audience.

Advertisements

Who did it better? Fingernail-o-matic edition

The Fifth Element

fifthelement-088

When in The Fifth Element the Mangalore Aknot calls Zorg to report that the “mission is accomplished,” we get a few seconds of screen time with Zorg’s secretary who receives the call. During this moment, she’s a bit bored, and idly shoves a finger into a small, lipstick-case sized device. When she removes it, the device has colored her fingernail a lovely shade of #81002c.

fifthelement-100

The small device is finger-sized, the industrial design feels very much like cosmetics, and its simple design clearly affords inserting a finger. There’s also a little icon on the side that indicates its color. This one device speaks well of what the entire line of products might look like. All told, a simple and lovely interaction in a domain, i.e. cosmetics, that typically doesn’t get a lot of attention in sci-fi.

But what is even more remarkable is that this isn’t the only fingernail interface in the Make It So survey. There is one other, 7 years earlier, and it happens to be used by someone with the exact same job. This other interface comes from the 1990 movie Total Recall.

Total Recall (1990)

TotalRecall-032

As you can see, this receptionist has an interface for coloring her nails as well, but the interaction is entirely different. This device has something like a a tablet with a connected stylus. It displays 16 color options in a full screen grid. She selects a particular color with the tap of the stylus. Then when she taps the stylus to a nail, the nail wipe-transitions to the new color from the tip to the cuticle.

TotalRecall-025

This device is cumbersome. It’s not something that could fit into a purse. Does she just leave it on her desk? Doesn’t her supervisor have opinions about that? My sense is that this is something better suited to a salon than an office space.

As a selection and application mechanism, the stylus is a bad choice. It requires quite a bit of precision to tap the tip of the nail. Our old friend Paul Fitts certainly would use something different for his nails. Since the secretary has to have to have some kind of high-tech coating, perhaps similar to electrophoretic ink, why is the stylus necessary at all? Can’t she just tap her fingernails to the color square of her choice? That would disintermediate the interaction and save her the hassle of targeting her nails with that stylus, especially when she has to switch to her off-hand.

The color display poses some other interesting problems as well. It needs to show colors, but why just 16? We don’t see any means of selecting others. Are these just this season’s most popular? Why not offer her any color she likes? Or some means of capturing her current outfit and suggesting colors based on that? Even the layout is problematic. Because of the effect of simultaneous contrast, the perception of a color alters when seen directly adjacent to other colors. These squares should have some sort of neutral border around them to make perception of them more “true.” But why should we burden her with having to imagine what the color will look like? Show her an image of her hand and let her see in advance what the new color will look like on her fingers. Any sort of low-level augmented reality would help her feel less like she’s picking paint for her living room wall.

And the winner is…

Comparing the two, I’d say that The Fifth Element fingernail-o-matic wins out. It’s more personal, more ergonomic, fits into the user’s lifestyle more, feels more fashionable than techy (which that receptionist clearly cares about). Yes, it’s more restricted in choices, but I’d much rather figure out how to augment that little device with a color selector than try to make a stylus and tablet fingernail-o-matic actually work.