Posts tagged ‘design’

July 12th, 2010

Metro UI – The Windows Phone 7 Aesthetic

METROThis year there was a lot of talk at MIX10 in Las Vegas about the new Windows Phone 7. A large part of this discussion was on Metro UI, the interface aesthetic driving the user experience on the new phone. The Keynotes spent a fair bit of time discussing the new phone and how Silverlight can power the experience of the phone.

I attended the MIX10 session – Windows Phone UI and Design Language which you can watch online:

List of Metro Principles:

  • Clean, Light, Open, Fast
  • Celebrate Typography
  • Alive in Motion
  • Content, Not Chrome
  • Authentically Digital

Twtpoll: – What words would you use to describe the new Metro UI design. ‘ Typography’ and ‘Content-Driven’ were my two.

The inspiration for Metro came from international mass transit, namely metropolitan train stations  and air ports in Europe and the United States. Microsoft created a neat little booklet that explains the Metro design aesthetic. Download the PDF. My big critic of Metro is that it claims to have drawn inspiration from international symbol design, however it seems to be extremely typographic heavy. They have done away with most of the symbols in favor of typography. And while it is very beautiful there is a level of concern in my mind with how well it will localize (translate into other languages). I can see a large German or Dutch word completely breaking the flow of a Metro UI. There are symbols still included in Metro, and they have been used to good effect as a sub-menu element.  I’m interested to see the future of Metro once Windows® Phone 7 goes international.

Here is a little interview with Albert Shum, Director of Mobile Experience Design at Microsoft. Listen direct from the source as he discusses the design inspiration for Windows® Phone 7.

March 11th, 2009

Twitter Mosaic Design…

Want to follow me on Twitter?

Be a part of something special. Like this sweet Twitter Mosaic Design!

January 30th, 2009

The Color NodeTree

Here is my last minute entry into the MIX09 10K Contest.

It’s a standard spring loaded Node Tree, but the cool part is that each node has a random color value. As the nodes get close to each other they give off their color. You can click on any of the nodes to change the color or turn Popping on to have the computer do it for you.

We’ll see what the community thinks!

This is my first Silverlight 2.0 project, but I have done a lot of work with WPF. And I have to say that the upgrades from Silverlight 1.0 to Silverlight 2.0 are night and day. I can imagine creating this exact same effect in Silverlight 1 would have taken much more than 10k and would have run slower, and not looked nearly as cool.

Considering the announcement of Silverlight 3.0 at MIX09 this year. I’m pretty excited to see what they are going to add. I’m praying for Text Anti-Aliasing and Video with Alpha Channel. If I get those two, Silverlight 3.0 will really give Flash a run for my development time.

See you at MIX!