Refining Metro

Imagining the next version of Windows (again)

Refining Metro

A little while back I put together a few screenshots of what I figure will be the future of the Windows UI (or at least what I’d like it to be). Today I’ve put together something slightly different that complements the previous post.

I like Windows 8.1 on a tablet. The multitasking features are really nice, the live tiles are cool, and the UI generally feels smooth. Obviously, I have some reservations about the OS on a desktop, which I mentioned before, but it’s not a long way away.

A defining characteristic of Windows 8 when it first came out was it’s flatness, cleanliness, and starkness in the UI. At a time when other OS’s clung to a skeuomorphic approach, Metro was radical. But then iOS followed suit and went flat.

Metro is decent, but I’ve always felt like it has sacrificed some usability in trying to achieve simplicity. The two are by no means mutually exclusive, but at times I’ve been frustrated at Microsoft’s approach to simplifying.

email-screen-multiple-selected Screen Shot 2013-12-21 at 5.13.14 PM

Take mobile mail for example. Both the Windows 8 Phone mail app and iOS 7 mail app are very white and aim to be extremely simple. The biggest difference is that Apple is willing to use lines to separate regions where Microsoft does that with only typography. The result is that ths iOS app is better at providing context and ends up being a bit easier to navigate.

This is a theme in Windows 8 (not phone) too– the OS often disregards lines and shading in order to be “cleaner”, but it ends up looking a little clunkier and harder to differentiate different content.

Below, I’ve taken a look at how Windows could refine the Mail app going forward (as an example). In addition to what I’ve mentioned, the concept adds text alongside icons, adds a combined inbox (why don’t we have this yet?), and uses some modified spacing and font sizing. Here it is, with the existing app for comparison:

metro.003

Mail app

 

And of course, per my last Windows post, I’d expect to be able to pop the app out onto the desktop:

metro.005

And now a similar vision for Skydrive:

metro.004

And a few more:

metro.001

metro.002

Anyway, tell me what you think!

5 Comments

James Dinsdale

December 29, 2013 at 5:47 pm - Reply

Andrew,

I love the work you’ve done here. Whilst I agree that your changes would make the Windows UI far better, have you thought about contributing your design ideas to any Linux projects? There are plenty of distributions that could hugely benefit from just some simple ideas like this.

James

Andrew

February 7, 2014 at 9:30 am - Reply

Amazing work, this looks so much better! Why Windows 8 does not center the login makes no sense to me from a design perspective

hamad arabi

February 28, 2014 at 8:45 pm - Reply

is blue a good color to watch for hours of using pc,laptop ? … i guess its not . what do u think ?

jwyvp

March 4, 2014 at 9:06 pm - Reply

hamad, I would say very dark blue (think Solarize Dark) is a great color for screens that users watch for hours at a time. But, in his example, he’s showing the mail app and the login/splash screen - these aren’t really screens that many people would see for very long.

Heru! (@HeruBox)

March 5, 2014 at 6:00 am - Reply

I like it :)

Leave a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>