There is a certain beauty in man-made things. In some ways, that beauty cannot match the extant world. In others, that beauty is unparalleled because it exhibits the best qualities man and woman are able to achieve with their own hands.

Art and Architecture are oft-cited examples, and we recognize this, conveying social and financial reward upon those creations that best exhibit the creative spirit–or even boundless will–of humanity.

There is a simpler, yet more pervasive proof in the beauty of man-made things: the beauty of comfort and familiarity. The beauty in feeling like you belong, no matter where you may find yourself. This beauty is all the more meaningful to us because it speaks to the deep-seated social needs that all of us possess. It often feels less essential because it is so subtle, and also because we’re only acutely aware of this need when it is not being met.

When unfamiliarity encroaches, we cling to any shred of familiarity like an anchor–our only hope from being swept away by the waves of confusion and insecurity.

Imagine yourself in a foreign airport or the transit station of an unfamiliar city for the first time. Now suppose that you just stepped off your train or plane and you have a limited amount of time to get from your gate to the next one. Where do you go? How do you find information? What thoughts and emotions do you experience at even the mention of such a task?

If you have a first-hand memory of such a place and experience, recalling that memory might even evoke a physical response: Dilated pupils; an increased heart-rate; clammy hands; shortness of breath. Stress. Anxiety.

The unfamiliarity of it all evokes a need for familiarity, so what do you do? If you are traveling with co-workers, friends or loved-ones, your stress is lessened, but the task remains. What did you do?

You look for familiarity; for anchoring clues. Signs, numbers, letters, text. Anything to help you find your way. A sign with the text “A Gates” and an arrow leading in a specific direction may provide instant relief. A bank of monitors might do the same. Perhaps all you require is the appearance of a male or female block figure, pointing to the closest restroom. Whatever it may be, you would look for, and gravitate to, anything familiar that helps you accomplish the most important task at hand. And once found, those familiar things would anchor you, and provide comfort.

There is beauty in this! When numbers and letters and symbols can anchor us to a deeper reality and point us home, there is sublime beauty that almost nothing else can match.

This, then, is Metro: creating experiences that anchor us to reality, even in the face of the unfamiliar. Further, these experiences do more than simply try to transpose and replicate our comfort from one medium to another. I don’t need the subway signs in Chicago to look exactly like those in Manhattan or Munich. As long as there is just enough present to evoke familiarity, I am comfortable. Better still, I don’t need the sign for the men’s restroom in Beijing to be a life-like photograph of a six-foot tall white male. To loosely paraphrase Scott McCloud in “Understanding Comics,” iconography is powerful not just because it is abstract, but because its abstract nature makes it identifiable, and we connect best with that which we identify. A stick figure is sufficient because I see myself in it, and that provides familiarity and comfort.

Metro is not Windows. Or Windows Phone. It is not Live Tiles, black backgrounds, Segoe UI or boxes with straight corners. It’s not HTML5, CSS or JavaScript. Metro is not even Microsoft. It can live in the browser or in the desktop. It can even live on an iPad, because it was never really about the platform, at all.

In a time when Metro is increasingly being used to instruct developers to find and delete every ‘border-radius’ rule in their CSS, or to follow a design checklist, it’s important that we remember that Metro–like every single great design idea conceived since the dawn of humanity–is about building something that is beautiful for others. It is about delivering something that anchors them in reality and helps them find their way, and it’s about creating something that is beautiful because it’s useful and comfortable.

You can’t code your way to Metro, except perhaps by accident. Even then, what you create will likely seem more artificial than “digitally authentic.”

You can’t even design your way to Metro, and no tutorial, checklist, or book will deliver a “Metro experience” simply because you added colorful tiles, fancy page flip effects or a digital representation of a tabletop calendar.

All software is and has always been about the beneficiary of our work, and Metro is no different. Never has there been a checklist or process to unlock what is most beneficial for every case, because the real value lies in the process of discovery.

Once you discover what the human being using your application needs, it is up to you to discover how to best meet that need. Metro is about placing comfort and familiarity on an even footing with utility–and I am grateful for its popularity for that reason, alone–but it is only when armed with discovery that one can truly build “Metro” experiences.

So, learn Metro. Read the design guides and use the checklists. Watch the videos and think more like a designer, no matter what you are building. Before any of that, though, think about comfort and familiarity, and how your application or site can deliver those basic, human needs better than any other.

Because that’s what Metro really means.

Tagged with:
  • Anonymous

    I laughed. I cried. We will be sharing this on The Metro Developer Show next week. Well done.

  • Brandon Satrom

    why thank you, Ryan.

  • Anonymous

    yea I have to agree with Ryan here. I am still clearing the tears away from my eyes. There has never been a better time to understand what UX really is today. Our muscle memory over the past number of decades just don’t work in new form factors. we needed a radical change and it’s here. beauty is in simplicity but it’s damn hard to achieve and takes even longer to master.  fun times ahead. people should embrace the change and welcome it with open arms.

  • csells

    dude, you just wrote the prologue:

  • Jeanh2010

    Once you have broken through the change(pain) barrier you will feel RELIEF.

  • Brandon Satrom

    :D Sweet!

  • What is Metro, really?

    [...] Read original post by Brandon Satrom at User InExperience [...]

  • Interesting .NET Links – April 6 , 2012 | Tech Blog

    [...] What is Metro, really? – Brandon Satrom [...]

  • Clint Edmonson

    Great post Brandon!

  • Vijay

    Hi Brandon,
    That was a very informative post, narrated in the best way possible.
    You are right, the need for metro is the basic instinct of mankind, of keeping oneself comfortable with things known or seen before.

    I had wrote a blog article some time back on inspiration behind windows Metro UI, and here it is.

  • Peter

    errmmm.. METRO SUCKS!

  • Peter

    errmmm.. METRO SUCKS!

  • Albert Vargas

    Wow Peter, your in-depth analysis of the Metro UI system is so thought provoking!

    How about actually coming up with some actual counter-points? Troll….

  • Anonymous

    Wonderful post about the true meaning / reason for metro. At least a few people in the universe see how we don’t have to have our comfort blanket with us 24/7, having just a small piece of it in our pocket is enough to provide the same amount of comfort. While panic does ensue when we reach for it and it’s not there, the moment we realize it’s in our back pocket cause it’s easier to reach there, all is right with the world again. 

    Things need to change, things have to be different, and we all can adapt as long as you have those few anchors. I for one am loving the new UI from both user side and designer side. Things that I use to dream of being able to do are now simple. Can’t wait till more of the world starts to really become overly comfortable for it, and the world of how a computer and human interact start becoming more seamless. 

  • Thinking about Metro | w00t blog

    [...] intended to write the typical Internet rant about it, but Brandon Satrom put it better and more eloquent than I could when he [...]

  • Three great posts on Metro style application design « 21st Century Storytelling

    [...] What is Metro, really? [...]

  • Three great posts on Metro style application design « 21st Century Storytelling

    [...] What is Metro, really? [...]

  • Weekend Reading – May 19 and 20

    [...] What is Metro, really? [...]

Switch to our mobile site