By Nick Randolph

Nokia Windows Phone: Question 6

By Nick Randolph

We’re running a challenge where in you can Win a Nokia Windows Phone. The rules of said competition are detailed in the aforelinked post. There will be many more questions over the coming weeks, here is question 6.

Question 6

Introduced with Windows Phone the Metro Design Language provides guidance for developers who wish to build applications that look and behave similar to those provided as part of the core platform. For example, rather than using rounded corners and gradient colours, Windows Phone is predominantly hard rectangular corners with flat bold single-tone colours.

Suggest a rule of thumb or recommendation that application developers can use when designing/developing applications for Windows Phone that will help them adhere to the Metro design language?

  • This is kinda cheating cause it is Jeff Wilcox in his excellent metro design guide - who champions it:

    Get your alignments right – 12px or 24px from the screen edge and other elements just looks right!

  • David Gordon

    Don’t put interactive elements (sliders, maps etc) in pivot or panorama controls.

  • Craig Naumann

    Quite simply – less is more.
    Don’t over complicate things with gradients and fancy graphics (unless it’s a game). Stick with a look-and-feel that mimics the built-in apps.

  • When possible, make sure your app works with both the light and dark theme AND all the accent colours, you don’t want some users not being able to properly see text because your colours clash with the chosen accent colour or theme colour!

  • Use the in built resources whenever you can! These ensure your design always conforms to the Metro guidelines.

    There are a number of inbuilt themes for brushes, colours, fonts, size and a few others. Check out the following for some more info.

  • Content not Chrome – is one of the more unique principles of Metro. By removing all notions of extra chrome in the UI, the content becomes the main focus. This is especially relevant due to the smaller screen size and gesture-based interactions.

  • Garth Bacon

    Use the Windows Phone inbuilt text styles for all text where possible. Don’t use hardcoded font properties if you can avoid it. Will make things much easier :-)

    • Garth, can you please contact me @btroam regarding your entries into this competition.

  • Check out the User Experience Design Guidelines for Windows Phone on MSDN. It is a goldmine of cool UX idea’s which all fit into the Metro design language and explains a lot of the thinking behind it as well. Which is great for why, not just the what/how.

  • The competition is now closed for entries. The following entries have been recorded for this question. If, for whatever reason, your entry is not in this list, please feel free to respond
    Luke Lowrey (2 entries as first answer)
    David Gordon
    Craig Naumann
    Daniel Spruce
    Garth Bacon
    Jake Ginnivan

Get the latest in Mobile, once a week, for free.