Microsoft's Metro UI:

selfcreation

New member
Dec 16, 2010
3,287
9
0
Visit site
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.
 

Exomondo

New member
Jan 13, 2011
194
6
0
Visit site
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!
 

Mio_Ray

New member
Nov 22, 2011
317
0
0
Visit site
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
 

Members online

Forum statistics

Threads
322,736
Messages
2,242,598
Members
427,978
Latest member
Duouser3