Windows 8 Metro UI: Flat isn’t bad

Windows 8 Metro UI

On Wednesday Microsoft announced the Consumer Preview release of Windows 8, and the flat Metro UI has caught people’s attention.  Gone are the shading and reflections that contribute to a feeling of 3-dimensionality in many current interfaces.  The Metro UI instead embraces a ludic simplicity in the form of basic geometric shapes and solid fields of color.  While there has been a lot of positive buzz about the interface, it has its nay-sayers as well.  Some have decried the interface as a regression which sacrifices the findability of 3D icons in favor of a colorful, trendy design.  And to be honest, doesn’t it look a tiny bit like this?

Clearly, the new display has less visual information than previous versions (in the sense that more detail literally requires more bits).  Knowing this, it can be difficult to avoid the knee-jerk worry that the Windows 8 designers have thrown out something we might need (which is the same reason I never seem to be able to throw out old MIDI cables — you just never know).  Some designers have even expressed concerns that flat elements may not pop out as well as elements with more apparent depth.  But in fact, depth has relatively little to do with the psychological phenomenon of “pop-out.”  Pop-out refers to search involving those features of objects that can be apprehended pre-attentively — that is, almost instantly.  To illustrate, try finding the red T in the illustration below.

Red T among blue Ts

Not terribly difficult, is it?  And this would be true regardless of how many blue Ts appear on the screen.  A red T will always pop out from among a field of blue Ts.

Now try finding the L in the next illustration.

L among Ts

This is considerably harder (and it will continue to get harder and harder still as the number of distractor Ts increases).  The reason why the second task is more difficult than the first is that L shapes do not pop out from T shapes.

Although the word “pop-out” suggests three-dimensionality, depth is actually not a pre-requisite for the phenomenon (and indeed, in the early days of visual search studies, technological limitations would have made it difficult to study scenes with any extensive dimensionality at all).  Prototypical pop-out features tend to be simple, such as color, size, motion, and orientation.

Depth can nevertheless produce pop-out.  This was demonstrated by Dorothy Kleffner and Vilayanur Ramachandran (1992) in a study using computer-generated gradients to simulate concave and convex objects, as shown below.

As in the case of red and blue Ts, the one bump in the field of dents is pretty easy to find.  For the past several years, interface designers have been taking advantage of depth cues like these to enhance the sense of separation between elements (a matter which I’ve studied extensively) and to create easily scannable scenes.  But the failure to include obvious depth cues in much of the Metro UI does not mean that users will be slowed and stymied by unfindable objects.  There are plenty of other ways to accomplish these goals.

Windows 8 Metro UI

Examining the Metro UI again, it’s clear that it incorporates several of these.  Colors are clear and distinct, making it easy to seek out each button from the rest of the tiles.  Although shape is not a reliable pop-out feature, the icon set size of the Metro interface is small (that is, there are not many icons in each grouping), and icons are uniquely and memorably shaped, which should increase the speed of search (although without reading the label I’m not sure what the cotton boll in the lower right hand corner is intended to represent).  Slight luminance differences also help tiles stand out from one another without creating a sense of physical protrusion.  I am curious as to why the designers decided on particular tile sizes (is weather more important than Internet Explorer, for instance?), but overall the visual layout appears to satisfy the basic requirements for a comfortable user experience.  Of course, it remains to be seen whether the functionality and information architecture will satisfy users’ needs as Windows 8 is really put through its paces.

Note: This post was written prior to my employment at Microsoft.  No changes to the content have been made since that time, except to update links and post tags.

Reference

Kleffner, D. A., & Ramachandran, V. S. (1992). On the perception of shape from shading. Perception and Psychophysics, 52(1), 18-36.

The psychology of 11/11/11: Pattern recognition and scarcity

11:11:11 on 11/11/11

Photo courtesy of Nicholas Paine

It was 1992.  I was sitting in Mrs. Henderson’s class writing down the date for an assignment, MM/DD/YY format, when it struck me that those numbers would all match on November 11, 2011.  After determining that I would probably still be alive, I made a mental note that I had to do something special on that far-off date (which, incidentally, turned into this post).

As it turns out, I’m not the only one who makes a big deal about repeating numbers in dates.  Several product release dates have been slated for 11/11/11 (such as the much-anticipated Skyrim).  The wedding industry has also seen a huge clamor for ceremonies on 9/9/09, 10/10/10, and 11/11/11.

So why all the hoopla for what is, in fact, a man-made label?

Continue reading

When good design hurts: An argument for content

The halo effect is a commonly cited reason to pay attention to aesthetics. This refers to people’s tendency to assume that when things are good in one way, they must also be good in other ways (for instance, that attractive people are smarter). Even if you discount the notion that attractive things work better, there is still good reason to make websites and products beautiful, because beautiful presentation in a sense rubs off on everything else connected with it.

We also use visuals to convey other favorable impressions, such as credibility.  And this often pays off — after all, in a choice between a clearly amateur website and one that looks professionally designed, more people are going to feel comfortable trusting the better designed site.  More trust means greater message acceptance and more sales.

Most of the time.

Researchers have identified certain circumstances where a credible-seeming source can actually harm the persuasive value of messaging.  This finding underscores the importance of having strong copy even before considering presentation. Continue reading

Reward your users: A lesson from dolphins

Originally posted at AustinUPA.org

One of the great satisfactions of working in user experience is that it is a fundamentally helpful discipline.  Our job is to make it easier for people to do what they want to do with a device or piece of software, with none of the pressure to convince or persuade that is characteristic of sales or marketing.  Ideally, a happy user becomes a happy customer.

But in the real world, the situation is often a bit different.  Clients consult usability experts with a goal in mind – more sales, greater visibility of ads, and so on.  These goals can sometimes seem to be diametrically opposed to what the typical user wants.  So how do usability experts serve two masters, the client and the user?

Continue reading