PLEASE DO NOT SPAM THIS THREAD!
Microsoft?s 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.
Microsoft?s 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.