Metro ( design language ) - wikipedia Metro ( design language ) `` Modern UI '' redirects here. For Nullsoft 's installation system, see Nullsoft Scriptable Install System § Modern user interface. `` Microsoft Metro '' redirects here. For the file format codenamed Metro, see Open XML Paper Specification. Microsoft 's promotion of the Metro design language The Music + Video hub on Windows Phone Outlook.com features a web implementation of Microsoft 's design language Metro ( officially known as Microsoft design language or MDL ) is a design language created by Microsoft. This design language is focused on typography and simplified icons, absence of clutter, increased content to ratio ( `` content before chrome '' ), and basic geometric shapes. Early examples of Metro principles can be found in Encarta 95 and MSN 2.0. The design language evolved in Windows Media Center and Zune and was formally introduced as `` Metro '' during the unveiling of Windows Phone 7. It has since been incorporated into several of the company 's other products, including the Xbox 360 system software, Xbox One, Windows 8, Windows Phone, and Outlook.com. Before the `` Microsoft design language '' title became official, Microsoft representative Qi Lu referred to it as the modern UI design language in his MIXX conference keynote speech. According to Microsoft, `` Metro '' has always been a codename and was never meant as a final product, but news websites attribute this change to trademark issues. Microsoft Design Language 2 ( MDL2 ) was developed alongside Windows 10. Later, the Fluent Design language extended it. Contents 1 History 2 Principles 3 Reception 3.1 Before Windows 8 3.2 After Windows 8 4 Name change 5 See also 6 References 7 External links History The design language is based on the design principles of classic Swiss graphic design. Early glimpses of this style could be seen in Windows Media Center for Windows XP Media Center Edition, which favored text as the primary form of navigation. This interface carried over into later iterations of Media Center. In 2006, Zune refreshed its interface using these principles. Microsoft designers decided to redesign the interface and with more focus on clean typography and less on UI chrome. These principles and the new Zune UI were carried over to Windows Phone ( from which much was drawn for Windows 8 ). The Zune Desktop Client was also redesigned with an emphasis on typography and clean design that was different from the Zune 's previous Portable Media Center based UI. Flat colored `` live tiles '' were introduced into the design language during the early Windows Phone 's studies. Microsoft Design Language 2 ( MDL2 ) was developed alongside Windows 10. This version introduced a new set of widgets, including date pickers, toggles and switches, and reduced the border thicknesses for all user interface elements. Principles Segoe UI font in Windows 7 ( top ) and Windows 8 ( bottom ) Metro design principle behind the Start screen in Windows 8 and Xbox One that is also used in Windows Store, Xbox Music and Xbox Video : Tiles represent atomic units of information Microsoft 's design team cites as an inspiration for the design language signs commonly found at public transport systems. The design language places emphasis on good typography and has large text that catches the eye. Microsoft sees the design language as `` 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. The fonts mostly differ only in minor details. More obvious differences between Segoe UI and Segoe WP are apparent in their respective numerical characters. The Segoe UI font in Windows 8 had obvious differences -- similar to Segoe WP. Characters with notable typographic changes included 1, 2, 4, 5, 7, 8, I, and Q. Microsoft designed the design language specifically to consolidate groups of common tasks to speed up usage. It achieves this by excluding superfluous graphics and instead relying on the actual content to function as the main UI. The resulting interfaces favor 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. Microsoft recommends consistent acknowledgement of transitions, and user interactions ( such as presses or swipes ) by some form of natural animation or motion. This aims to give the user the impression of an `` alive '' and responsive UI with `` an added sense of depth ''. Reception Before Windows 8 Early response to the language was generally positive. In a review of the Zune HD, Engadget said, `` Microsoft continues its push towards big, big typography here, providing a sophisticated, neatly designed layout that 's almost as functional as it is attractive. '' CNET complimented the design language, saying, `` it 's a bit more daring and informal than the tight, sterile icon grids and Rolodex menus of the iPhone and iPod Touch. '' At its IDEA 2011 Ceremony, the Industrial Designers Society of America ( IDSA ) gave Windows Phone 7, which uses the UI, its `` Gold Interactive '' award, its `` People 's Choice Award '', and a `` Best in Show '' award. Isabel Ancona, the User Experience Consultant at IDSA, explained why Windows Phone won : The innovation here is the fluidity of experience and focus on the data, without using traditional 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. Criticism particularly focused on the use of all caps text. With the rise of Internet usage, critics have compared this to a computer program shouting at its user. IT journalist Lee Hutchinson described Microsoft 's use of the practice in the macOS version of OneNote as terrible, claiming that it is `` cursed with insane, non-standard application window menus IN ALL CAPS that does n't so much violate OS X 's design conventions as it does take them out behind the shed, pour gasoline on them, and set them on fire. '' After Windows 8 With the arrival of Windows 8, the operating system 's user interface and its use of the design language drew generally negative critical responses. On 25 August 2012, Peter Bright of Ars Technica reviewed the preview release of Windows 8, dedicating the first part of the review to a comparison between the Start menu designs used by Windows 8 and Windows 7. Recounting their pros and cons, Peter Bright concluded that the Start menu in Windows 8 ( dubbed Start screen ), though not devoid of problems, was a clear winner. However, he concluded that Windows 8 's user interface was frustrating and that the various aspects of the user interface did not work well together. Woody Leonhard was even more critical when he said, `` From the user 's standpoint, Windows 8 is a failure -- an awkward mishmash that pulls the user in two directions at once. '' In addition to the changes to the Start menu, Windows 8 takes a more modal approach with its use of full - screen apps that steer away from reliance on the icon - based desktop interface. In doing so, however, Microsoft has shifted its focus away from multitasking and business productivity. Name change In August 2012, The Verge announced that an internal memorandum had been sent out to developers and Microsoft employees announcing the decision to `` discontinue the use '' of the term `` Metro '' because of `` discussions with an important European partner '', and that they were `` working on a replacement term ''. Technology news outlets Ars Technica, TechRadar, CNET, Engadget and Network World and mainstream press Bits Blog from The New York Times Company and the BBC News Online published that the partner mentioned in the memo could be one of Microsoft 's retail partners, German company Metro AG, as the name had the potential to infringe on their `` Metro '' trademark. Microsoft later stated that the reason for de-emphasizing the name was not related to any current litigation, and that `` Metro '' was only an internal project codename, despite having heavily promoted the brand to the public. In September 2012, `` Microsoft design language '' was adopted as the official name for the design style. The term was used on Microsoft Developer Network documentation and at the 2012 Build conference to refer to the design language. In a related change, Microsoft dropped use of the phrase `` Metro - style apps '' to refer to mobile apps distributed via Windows Store. See also iOS 7 § Design ( by Apple ) Material Design ( by Google ) Flat design Skeuomorph design Human interface guidelines Windows Aero References ^ Jump up to : Foley, Mary Jo ( 29 October 2012 ). `` Microsoft Design Language : The newest official way to refer to ' Metro ' ''. ZDNet. CBS Interactive. Jump up ^ Green, Jay ( 8 February 2012 ). `` Why Metro now rules at Microsoft ''. CNET. CBS Interactive. Jump up ^ Massey, Stephane ( 15 February 2012 ). `` Metro Ui ( sic ) Design Principles ''. stephanemassey.com. Self - published. ^ Jump up to : Chang, Alexandra ( 8 August 2012 ). `` Microsoft Does n't Need a Name for Its User Interface ''. Wired. Condé Nast. Jump up ^ Kruzeniski, Mike ( 11 April 2011 ). `` How Print Design is the Future of Interaction ''. Kruzeniski.com. Self - published. Jump up ^ Lu, Qi ( 1 October 2012 ). `` Qi Lu : IAB MIXX Conference Keynote ''. News Center. Microsoft. ^ Jump up to : Sams, Brad ( 21 April 2015 ). `` From Metro to Microsoft Design Language 2 : a side - by - side comparison ''. Neowin. ^ Jump up to : Rubino, Daniel ( 21 April 2015 ). `` What 's new in Microsoft Design Language 2 for Windows 10 ''. Windows Central. Mobile Nations. Jump up ^ Lefevers, Jason ( 15 September 2013 ). `` A Walkthrough the History of the Metro UI ''. Windows Phone Metro. Self - published. Jump up ^ `` Windows Phone Design System : Codenamed ' Metro ' '' ( PDF ). Retrieved 9 October 2010. Jump up ^ `` Design Language of Windows Phone 7 ''... toolbox. Microsoft. Archived from the original on 9 October 2012. Retrieved 5 October 2012. Jump up ^ Hamburger, Ellis ( 27 April 2011 ). `` Metro ''. Business Insider. Archived from the original on 24 May 2013. Jump up ^ Zheng, Long ( 14 November 2007 ). `` '' Zegoe ``, the new Zune font ''. i started something. Self - published. Jump up ^ Roberts, Chad ; Shum, Albert ; Smuga, Michael ( 15 March 2010 ). `` Windows Phone UI and Design Language ''. MIX 2010. Microsoft. Jump up ^ Kruzeniski, Mike ( 17 February 2011 ). `` From Transportation to Pixels ''. Windows Phone Developer Blog. Microsoft. Archived from the original on 18 February 2011. Jump up ^ Topolsky, Joshua ( 17 September 2009 ). `` Zune HD review ''. Engadget. AOL. Jump up ^ `` Zune HD 64GB Review ''. CNET. CBS Interactive. 17 September 2009. Jump up ^ Warren, Tom ( 18 September 2011 ). `` Windows Phone wins IDEA 2011 -- people 's choice design award ''. WinRumors. Archived from the original on 12 March 2012. Jump up ^ `` IDEA 2011 Best in Show ''. Industrial Designers Society of America. idsa.org. 23 September 2011. Archived from the original on 25 February 2014. Jump up ^ `` Windows Phone 7 ''. Industrial Designers Society of America. idsa.org. 8 June 2011. Jump up ^ Hutchinson, Lee ( 12 July 2014 ). `` The software design trends that we love to hate ''. Ars Technica. Condé Nast. Jump up ^ Bright, Peter ( 25 April 2012 ). `` Windows 8 on the desktop -- an awkward hybrid ''. Ars Technica. Condé Nast Digital. pp. 1 -- 5. Jump up ^ Leonhard, Woody ( 15 August 2012 ). `` Windows 8 review : Yes, it 's that bad ''. Infoworld. IDG. Jump up ^ Barney, Doug ( 17 August 2012 ). `` Windows 8 's done, time to worry ''. Redmond Magazine. 1105 Media. Jump up ^ Warren, Tom ( 2 August 2013 ). `` Exclusive : Microsoft 's Metro branding to be replaced ' this week ' according to internal memo ''. The Verge. Vox Media. Jump up ^ Bright, Peter ( 3 August 2012 ). `` Microsoft : `` Metro '' out, `` Windows 8 - style UI '' in, amid rumors of a trademark dispute ``. Ars Technica. Condé Nast. Jump up ^ Smith, Chris ( 3 August 2012 ). `` Microsoft ditching ' Metro ' name for Windows 8 amid trademark fears ''. TechRadar. Retrieved 24 September 2013. Jump up ^ Whitney, Lance ( 10 August 2012 ). `` Why did Microsoft kill the name ' Metro ' ? ''. CNET. CBS Interactive. Jump up ^ Fingas, Jon ( 2 August 2012 ). `` Microsoft downplays Metro design name, might face a lawsuit over all that street lingo ''. Engadget. AOL. Jump up ^ Patrizio, Andy ( 6 August 2012 ). `` Source confirms Microsoft abandoned Metro due to trademark gaffe ''. Network World. IDG. Jump up ^ Wingfield, Nick ( 3 August 2012 ). `` Microsoft Drops Metro Name for New Product Look ''. Bits Blog. The New York Times Company. Jump up ^ `` Microsoft to drop ' Metro ' name for Windows ''. BBC News Online. BBC. 3 August 2012. Jump up ^ Foley, Mary Jo ( 2 August 2012 ). `` Is ' Metro ' now a banned word at Microsoft ? ''. ZDNet. CBS Interactive. Jump up ^ Humphries, Matthew ( 3 August 2012 ). `` Microsoft discontinues use of Metro name ''. Geek.com. ^ Jump up to : `` Microsoft finally comes clean ( er ) on post-Metro naming plans ''. ZDNet. CBS Interactive. 12 September 2012. Jump up ^ `` Make great Windows Store apps ''. MSDN. Microsoft. Retrieved 5 August 2017. Jump up ^ `` Design case study : iPad to Windows Store app ''. MSDN. Microsoft. Retrieved 28 May 2013. Jump up ^ `` Guidelines for typography ''. MSDN. Microsoft. Retrieved 28 May 2013. Jump up ^ `` Roadmap for Windows Store apps using DirectX and C + + ''. MSDN. Microsoft. Retrieved 28 May 2013. Jump up ^ Tschumy, Will ( 16 November 2012 ). `` The Microsoft design language ''. Channel 9. Microsoft. External links Modern Design at Microsoft UX guidelines for Windows Store apps on MSDN Design Guidelines for Windows Phone on MSDN Microsoft Windows family Components History Timeline Criticism DOS - based Windows 1.0 Windows 2.0 Windows 2.1 x Windows 3.0 Windows 3.1 x Windows 9x Windows 95 ( Development ) Windows 98 Windows ME Windows NT Windows NT 3.1 Windows NT 3.5 Windows NT 3.51 Windows NT 4.0 Windows 2000 Client versions Windows XP editions x64 Media Center Fundamentals Windows Vista editions Windows 7 editions Windows 8 editions RT 8.1 Windows 10 editions version history Windows Server Server 2003 Home Server Server 2008 EBS 2008 HPC Server 2008 Server 2008 R2 Home Server 2011 Server 2012 Server 2012 R2 Server 2016 MultiPoint Server Server Essentials Specialized Windows Preinstallation Environment Windows Embedded Embedded Compact CE 5.0 Embedded CE 6.0 Embedded Compact 7 Embedded Automotive Embedded Industry Windows Mobile Pocket PC 2000 Pocket PC 2002 Mobile 2003 Mobile 5.0 Mobile 6.0 Mobile 6.1 Mobile 6.5 Windows Phone Phone 7 Phone 8 Phone 8.1 Windows 10 Mobile Cancelled Cairo Nashville Neptune Odyssey List of versions Comparison Book Category Microsoft History Outline People Founders Bill Gates Paul Allen Board of directors John W. Thompson ( Chairman ) Satya Nadella ( CEO ) Dina Dublon Maria Klawe David Marquardt Charles Noski Helmut Panke Mason Morfit John W. Stanton Senior leadership team Satya Nadella ( CEO ) Scott Guthrie Amy Hood ( CFO ) Terry Myerson Harry Shum Phil Spencer Corporate VPs Gabe Aul ( VP ) Joe Belfiore Richard Rashid ( SVP ) S. Somasegar ( SVP ) Divisions Engineering groups Mobile Skype unit Digital Crimes Unit Garage Press Research Studios. NET Foundation Outercurve Foundation Estates Microsoft Redmond campus Microsoft Talo Microsoft Algeria Microsoft Egypt Microsoft India Microsoft Japan Product families Operating systems Windows Software Office Servers Visual Studio Hardware HoloLens Surface Xbox Web properties Bing Channel 9 CodePlex Developer Network MSN Mixer Office.com OneDrive Outlook.com TechNet Microsoft Store Conferences Build MIX PDC TechEd WinHEC Inspire Campaigns Where do you want to go today ? ( 1994 ) Champagne ( 2002 ) Mojave Experiment ( 2006 ) I 'm a PC ( 2008 ) Scroogled ( 2012 ) Criticism Bundling of Microsoft Windows Clippy iLoo Internet Explorer Microsoft Bob _NSAKEY Windows XP Vista 10 Litigation Alcatel - Lucent v. Microsoft Apple v. Microsoft European Union Microsoft competition case Microsoft v. Lindows Microsoft vs. MikeRoweSoft Microsoft v. Shah United States v. Microsoft Acquisitions 6Wunderkinder Altamira Software AltspaceVR aQuantive Azyxxi The Blue Ribbon SoundWorks Beam Bungie Calista Technologies Colloquis Connectix Consumers Software Danger Farecast FASA Studio Fast Search & Transfer Firefly Forethought GIANT Company Software GreenButton Groove Networks High Heat : Major League Baseball Hotmail Jellyfish.com LinkedIn LinkExchange Lionhead Studios Maluuba Massive Incorporated Mobile Data Labs Mojang Nokia Devices and Services Onfolio Pando Networks Perceptive Pixel PlaceWare Powerset ProClarity Rare Revolution Analytics ScreenTonic Secure Islands Simplygon Skype Sunrise Atelier SwiftKey Winternals Software Teleo Telekinesys Research Tellme Networks Twisted Pixel Games Vermeer Technologies Visio Corporation Vivaty VoloMetrix VXtreme WebTV Networks Xamarin Yammer Yupi Category Portal Retrieved from `` https://en.wikipedia.org/w/index.php?title=Metro_(design_language)&oldid=822523065 '' Categories : Design language Graphical user interfaces Touch user interfaces Windows 8 Windows Phone Hidden categories : Use dmy dates from January 2014 All articles with dead external links Articles with dead external links from September 2013 Talk Contents About Wikipedia Català Čeština Español فارسی Français 한국어 Bahasa Indonesia Italiano ქართული Magyar मराठी Nederlands 日本 語 Polski Português Română Русский Türkçe 中文 10 more Edit links This page was last edited on 26 January 2018, at 21 : 30. Text is available under the Creative Commons Attribution - ShareAlike License ; additional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia ® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization. About Wikipedia

Question: which version of windows introduced the metro user interface
Answer: Windows Phone 7