1. selfcreation's Avatar
    PLEASE DO NOT SPAM THIS THREAD!


    Microsofts Metro Design and Innovations.

    Have an Iphone or Android Phone and want to Test the Metro UI feel and look?Try here: Must be Opened with your Phone's Browser

    How Metro Works:

    The Metro design language was designed specifically to consolidate groups of common tasks to speed up usage. This is accomplished by excluding superfluous graphics and instead relying on the actual content to also function as the main UI. The resulting interfaces favour larger hubs over smaller buttons and often feature laterally scrolling canvases. Page titles are usually large and consequently also take advantage of lateral scrolling.
    Animation plays a large part, with transitions, and user interactions such as presses or swipes recommended to always be acknowledged by some form of natural animation or motion. This is intended to give the user the impression that the UI is "alive" and responsive, with "an added sense of depth."
    Internally, Microsoft has compiled a list of principles as core to the Metro design language
    Metro Design Language of Windows Phone 7 | Microsoft Design .toolbox

    Why did Microsoft chose Metro:


    The Windows Phone 7 was built around the idea that the end user is king. The design team began by defining and understanding the people who would use this phone. It was convinced that there could be a better user experience for a phone, one that revolves more around who the users are rather than what they do. The Windows Phone 7 lets users quickly get in, get out and back to their lives.

    "The innovation here is the fluidity of experience and focus on the data, without using tradition user interface conventions of windows and frames. Data becomes the visual elements and controls. Simple gestures and transitions guide the user deeper into content. A truly elegant and unique experience." Isabel Ancona, User Experience Consultant

    Where Does Metro Come from?:


    Microsoft's design team says that the Metro UI is partly inspired by signs commonly found at public transport systems, for instance on the King County Metro transit system,[not in citation given] which serves the Seattle area where Microsoft is headquartered. Metro places emphasis on good typography and has large text that catches the eye. Microsoft says that Metro is designed to be "sleek, quick, modern" and a "refresh" from the icon-based interfaces of Windows, Android and iOS.

    All instances use fonts based on the Segoe font family designed by Steve Matteson at Agfa Monotype and licensed to Microsoft. For the Zune, Microsoft created a custom version called Zegoe UI, and for Windows Phone, Microsoft created the "Segoe WP" font family. Apart from minor differences, the fonts are largely the same.
    02-22-2012 01:26 PM
  2. Exomondo's Avatar
    Didn't we have a story about this a couple of months ago?

    It's very very good though and certainly shows the confidence they have in their concept. I tried it on an iphone and it's pretty cool!
    02-22-2012 03:41 PM
  3. selfcreation's Avatar
    Didn't we have a story about this a couple of months ago?

    It's very very good though and certainly shows the confidence they have in their concept. I tried it on an iphone and it's pretty cool!
    its very much possible that they did.

    its just a little info i added to my thread : WP: The Not so Obvious!!
    02-22-2012 04:01 PM
  4. Mio_Ray's Avatar
    The demo is quite cool, I tried it numerous times on mu previous device while waiting for the Lumia :D

    Sent from my Lumia 800 using Board Express
    02-23-2012 05:44 AM
LINK TO POST COPIED TO CLIPBOARD