Metro (limbaj de design)

De la Wikipedia, enciclopedia liberă
Salt la: Navigare, căutare

Metro (denumirea oficială: limbajul de design Microsoft) este numele obișnuit și fostul nume de cod al unui limbaj de design de inspirație tipografică creat de Microsoft, destinat inițial utilizării pe Windows Phone. Un principiu esențial al limbajului Metro este aducerea în prim-plan a conținutului aplicațiilor, accentul punându-se mai mult pe tipografie și mai puțin pe grafică. Primele manifestări ale principiilor Metro se regăsesc în Microsoft Encarta 95 și MSN 2.0[1][2], ele fiind apoi încorporate în Windows Media Center și Zune[3]. Mai târziu, principiile Metro au fost incluse în Windows Phone, pe Microsoft.com, în versiunea actualizată a tabloului de bord al Xbox 360, în Windows Server 2012 și în Windows 8[4].

Istoric[modificare | modificare sursă]

„Metro” are la bază principiile de design ale stilului tipografic internațional. Stilul se întrevedea deja în Windows Media Center pentru Windows XP Media Center Edition[5], unde textul era preferat ca formă principală de navigare. Interfața aceasta a fost păstrată în versiunile ulterioare ale Media Center. În 2006, Zune și-a înnoit interfața pe baza acestor principii. Designerii de la Microsoft au decis să schimbe radical interfața, acordând mai multă importanță aspectului curat al tipografiei decât elementelor grafice[6][nefuncțională]. Aceste principii și noua interfață Zune au fost preluate apoi în Windows Phone (iar de acolo, în mare parte, în Windows 8). Clientul desktop Zune a fost și el remodelat prin prisma tipografiei și a designului cu aspect neîncărcat, diferit de interfața anterioară a Zune, care era bazată pe Portable Media Center. În etapa primelor studii pentru Windows Phone s-au introdus în limbajul de design așa-numitele „dale dinamice” (live tiles), plate și colorate. Microsoft începuse deja să integreze aceste elemente în alte produse, observându-se o influență directă în versiunile mai noi ale Windows Live Messenger, Live Mesh și Windows 8[4].

Principii[modificare | modificare sursă]

Fontul de interfață Segoe în Windows 7 (sus) și Windows 8 (jos)

Echipa de design de la Microsoft menționează ca sursă de inspirație a acestui limbaj de design semnele întâlnite de obicei la sistemele de transport în comun; de exemplu, cele din sistemul de tranzit King County Metro[7][sursa nu confirmă], care deservește zona metropolitană Seattle, unde își are sediul Microsoft. Limbajul de design pune accent pe calitatea tipografică și folosește text mare, care atrage privirea. Potrivit Microsoft, este un limbaj „elegant, rapid și modern”, distanțându-se de interfețele bazate pe pictograme ale sistemelor de operare Windows, Android și iOS[8]. Fonturile folosite au la bază familia de fonturi Segoe, creată de Steve Matteson la Agfa Monotype, pentru care Microsoft deține o licență. Pentru Zune, Microsoft a creat o versiune proprie, denumită Zegoe UI[9], iar pentru Windows Phone, Microsoft a creat familia de fonturi „Segoe WP”. În cea mai mare parte, fonturile diferă doar prin mici detalii. Diferențele dintre Segoe UI și Segoe WP se văd mai bine la caracterele numerice. Segoe UI din Windows 8 prezintă diferețe evidente - ca și Segoe WP. Printre caracterele cu diferențe tipografice considerabile se numără 1, 2, 4, 5, 7, 8, I și Q. Microsoft a conceput acest limbaj de design anume pentru a grupa activitățile comune, accelerându-le astfel execuția. Acest obiectiv a fost atins prin eliminarea elementelor grafice de prisos, conținutul propriu-zis având rolul de interfață principală. În interfețele astfel create se preferă huburile mai mari în locul butoanelor mai mici, folosindu-se adesea pânze cu defilare laterală. De obicei, titlurile de pagină sunt mari, beneficiind astfel și ele de pe urma defilării laterale. Se folosește mult animația. Microsoft recomandă confirmarea consecventă a tranzițiilor și a interacțiunilor cu utilizatorul (cum ar fi apăsarea sau mișcarea de tragere cu degetul) printr-o anumită formă de mișcare sau animație naturală. Scopul este de a-i da utilizatorului impresia unei interfețe „vii” și prompte, cu „un simț sporit al profunzimii”[10][11]. Microsoft a compilat o listă de principii considerate ca fiind centrale acestui limbaj de design[7].

Reacții[modificare | modificare sursă]

Înainte de Windows 8[modificare | modificare sursă]

Primele reacții față de interfața Metro au fost, în general, pozitive. Într-o recenzie despre Zune HD, Engadget afirma că „Microsoft continuă și aici să promoveze tipografia cu litere foarte mari, realizând un layout sofisticat și ordonat, care este aproape tot atât de practic pe cât este de atractiv”[12]. CNET a lăudat limbajul de design, afirmând că „este puțin mai îndrăzneț și mai informal decât grilele de pictograme rigide și sterile și meniurile de tip Rolodex de pe iPhone și iPod Touch”[13]. Windows Phone, care folosește această interfață, a primit din partea Societății Americane a Designerilor Industriali (Industrial Designers Society of America - IDEA) trofeul de aur „People's Choice Design” („designul preferat al publicului”), precum și trofeul „Best in Show” („cel mai bun din concurs”)[14]. Isabel Ancona, consultant IDEA în domeniul experienței utilizatorilor, a explicat pentru ce a câștigat Windows Phone acest trofeu:[15]

„Inovația constă în fluiditatea experienței și concentrarea asupra informației, fără a folosi ferestrele și cadrele convenționale întâlnite în interfețele tradiționale. Informațiile în sine devin elemente vizuale și comenzi. Utilizatorul pătrunde în profunzimea conținutului prin gesturi simple și efecte de tranziție.

Este o experiență cu adevărat elegantă și originală.”

După Windows 8[modificare | modificare sursă]

Odată cu lansarea sistemului de operare Windows 8, interfața acestuia și limbajul de design Metro au generat reacții împărțite. În 25 august 2012, Peter Bright de la Ars Technica a scris o recenzie despre versiunea de examinare a Windows 8, prima parte a recenziei fiind dedicată comparației dintre ecranul de Start din Windows 8 (bazat pe limbajul de design Metro) și versiunea anterioară a acestuia în Windows 7 și mai demult. Făcând bilanțul pro și contra, Peter Bright a conchis că ecranul de Start, deși nu lipsit de probleme, este un câștigător de necontestat. Totodată însă, el a concluzionat că interfața sistemului Windows 8 provoacă frustrare și că diferitele aspecte ale interfeței nu se îmbină cum ar trebui[16]. Unii autori de recenzii sunt de părere că Microsoft a renunțat la Aero din dorința de a reduce solicitarea unității de procesare grafică (GPU)[17] și de a prelungi autonomia bateriei, pentru a se putea orienta spre piața tabletelor, mai degrabă decât spre categoria sa tradițională de utilizatori de desktop[18][19]. Pe lângă înlăturarea meniului Start, Windows 8 adoptă o abordare mai pronunțat modală, folosind aplicații afișate pe tot ecranul, care se îndepărtează de interfața de desktop bazată pe pictograme. Totodată însă, Microsoft a arătat prin această abordare că nu se mai concentrează asupra multitaskingului și asupra productivității.[20]

Probleme legate de denumire[modificare | modificare sursă]

În august 2012 au început să circule zvonuri cum că unul dintre partenerii retail ai Microsoft, compania germană Metro AG, amenința că va da în judecată compania de software pentru nerespectarea regimului mărcii comerciale „Metro”. A fost trimisă o circulară către angajații Microsoft și programatori, în care li se solicita acestora să nu mai folosească termenul „Metro” până la stabilirea unei denumiri noi sau la rezolvarea litigiului pe cale amiabilă[21][22]. În 4 august, 2012, PC World scria că Microsoft folosește denumirea temporară de interfață în stil Windows 8, până la găsirea uneia mai potrivite[23]. Alexandra Chang de la Wired era de părere că Microsoft ar trebui să renunțe la a mai folosi o denumire separată și să folosească drept descriptor termenul „Windows 8”[24]. În 9 august 2012 s-a anunțat că Microsoft intenționa să folosească termenul „Windows 8” pentru a înlocui numele Metro în materialele de marketing destinate consumatorilor. Termenul de „interfață modernă” („Modern UI”) pare să fie adresat programatorilor care intenționează să realizeze software pe baza noilor principii de design ale Microsoft[25].

Începând din septembrie 2012 se folosește termenul „limbaj de design Microsoft", întâlnit atât în documentația din Microsoft Developers' Network (MSDN)[26][27][28][29], cât și la conferința Build 2012[30][31].

Tot legat de această schimbare de nume, Microsoft a înlocuit expresia „aplicații în stil Metro” („Metro-style apps”) cu „aplicații Windows Store” („Windows Store apps”) ca denumire pentru programele realizate pe platforma Windows Runtime care aplică principiile acestui limbaj de design; Microsoft a folosit temporar termenul de „aplicații moderne” („Modern apps”) înainte de a începe să folosească denumirile de „aplicații Windows Store” și „aplicații Windows 8”[32].

Note[modificare | modificare sursă]

  1. ^ Green, Jay (8 februarie 2012). „Why Metro now rules at Microsoft”. CNET. CBS Interactive. http://news.cnet.com/8301-10805_3-57370910-75/why-metro-now-rules-at-microsoft/. Accesat la 15 septembrie 2013. 
  2. ^ Massey, Stephane (15 februarie 2012). „Metro Ui Design Principles”. stephanemassey.com. Self-published. http://stephanemassey.com/metro-design-principles/. Accesat la 15 septembrie 2013. 
  3. ^ Kruzeniski, Mike (11 aprilie 2011). „How Print Design is the Future of Interaction”. Kruzeniski.com. Self-published. http://kruzeniski.com/2011/how-print-design-is-the-future-of-interaction/. Accesat la 15 septembrie 2013. 
  4. ^ a b Kindel, Charlie (18 martie 2010). „Windows Phone 7 Series UI Design & Interaction Guide”. Windows Phone Developer Blog. Microsoft. http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/03/18/windows-phone-7-series-ui-design-amp-interaction-guide.aspx. Accesat la 15 septembrie 2013. 
  5. ^ Lefevers], Jason (15 septembrie 2013). „A Walkthrough the History of the Metro UI”. Windows Phone Metro. Self-published. Arhivat din original la 28 aprilie 2013. http://archive.is/OFB2f. Accesat la 11 iulie 2011. 
  6. ^ Windows Phone Design System: Codenamed ‘Metro’” (PDF). http://go.microsoft.com/fwlink/?LinkID=189338. Accesat la 9 octombrie 2010. [nefuncțională]
  7. ^ a b Design Language of Windows Phone 7”. .toolbox. Microsoft. Arhivat din original la 7 septembrie 2012. http://archive.is/UEoe. Accesat la 5 octombrie 2012. 
  8. ^ Hamburger, Ellis (27 aprilie 2011). „Metro”. Blackboard. Business Insider. http://www.businessinsider.com/blackboard/metro. Accesat la 3 noiembrie 2011. 
  9. ^ Zheng, Long (14 Novemver 2007). „"Zegoe", the new Zune font”. i started something. Self-published. http://www.istartedsomething.com/20071114/zegoe-zune-font/. Accesat la 15 Septmber 2013. 
  10. ^ Roberts, Chad; Shum, Albert; Smuga, Michael (15 martie 2010). „Windows Phone UI and Design Language”. MIX 2010. Microsoft. http://channel9.msdn.com/Events/MIX/MIX10/CL14. Accesat la 15 septembrie 2013. 
  11. ^ Kruzeniski, Mike (17 februarie 2011). „From Transportation to Pixels”. Windows Phone Developer Blog. Microsoft. http://windowsteamblog.com/windows_phone/b/wpdev/archive/2011/02/16/from-transportation-to-pixels.aspx. 
  12. ^ Topolsky, Joshua (17 septembrie 2009). „Zune HD review”. Engadget. Aol. http://www.engadget.com/2009/09/17/zune-hd-review/. Accesat la 19 februarie 2013. 
  13. ^ Zune HD 64GB Review”. CNET. CBS Interactive. 17 septembrie 2009. http://reviews.cnet.com/mp3-players/zune-hd-64gb/4505-6490_7-34060884.html?tag=rvwBody#reviewPage1. Accesat la 19 februarie 2013. 
  14. ^ Warren, Tom (18 septembrie 2011). „Windows Phone wins IDEA 2011 – people’s choice design award”. WinRumors. http://www.winrumors.com/windows-phone-wins-idea-2011-peoples-choice-design-award/. Accesat la 19 februarie 2013. 
  15. ^ Windows Phone 7”. Industrial Designers Society of America. idsa.org. 8 iunie 2011. http://www.idsa.org/windows-phone-7. Accesat la 15 septembrie 2013. 
  16. ^ Bright, Peter (25 aprilie 2012). „Windows 8 on the desktop—an awkward hybrid”. Ars Technica. Condé Nast Digital. pp. 1–5. http://arstechnica.com/information-technology/2012/04/windows-8-on-the-desktopan-awkward-hybrid/. Accesat la 19 februarie 2013. 
  17. ^ Microsoft To Drop Aero From Windows 8 User Interface”. Forbes. 19 mai 2012. http://www.forbes.com/sites/adriankingsleyhughes/2012/05/19/microsoft-to-drop-aero-from-windows-8-user-interface/. Accesat la 10 octombrie 2012. 
  18. ^ „[http://www.winsupersite.com/article/windows8/windows-8-release-preview-rip-aero-20032012-143133 Windows 8 Release Preview: RIP, Aero (2003-2012)]”. Paul Thurrott's Supersite for Windows. 19 mai 2012. http://www.winsupersite.com/article/windows8/windows-8-release-preview-rip-aero-20032012-143133. Accesat la 10 octombrie 2012. 
  19. ^ Microsoft Drops ‘Aero Glass’ User Interface in Windows 8”. Wired. 21 mai 2012. http://www.wired.com/gadgetlab/2012/05/microsoft-drops-aero-glass-ui-in-windows-8/. Accesat la 10 octombrie 2012. 
  20. ^ Windows 8's Done, Time To Worry”. Redmondmag. 17 august 2012. http://redmondmag.com/blogs/doug-barney/2012/08/windows-8s-done.aspx. Accesat la 8 octombrie 2012. 
  21. ^ Warren, Tom (2 august 2013). „Exclusive: Microsoft's Metro branding to be replaced 'this week' according to internal memo”. The Verge (Vox Media). http://www.theverge.com/2012/8/2/3216545/microsoft-metro-branding-memo-european-partner. Accesat la 29 mai 2013. 
  22. ^ Microsoft to drop 'Metro' name for Windows”. BBC. 3 august 2012. http://www.bbc.com/news/technology-19108952. Accesat la 28 mai 2012. 
  23. ^ Bradley, Tony (4 august 2012). „Windows 8 'Metro' Is Dead, But UI Still Needs a Name”. PC World. IDG. http://www.pcworld.com/businesscenter/article/260367/windows_8_metro_is_dead_but_ui_still_needs_a_name.html. Accesat la 10 august 2012. 
  24. ^ Chang, Alexandra (8 august 2012). „Microsoft Doesn’t Need a Name for Its User Interface”. Wired. Condé Nast. http://www.wired.com/gadgetlab/2012/08/microsoft-doesnt-need-a-name-for-its-ui-metro-or-not/. Accesat la 28 mai 2013. 
  25. ^ McAllister, Neil (10 august 2012). „Microsoft: It was never 'Metro,' it was always 'Modern UI'”. The Register. http://www.theregister.co.uk/2012/08/10/metro_is_modern_ui_now/. Accesat la 28 mai 2013. 
  26. ^ Make great Windows Store apps”. MSDN. Microsoft. http://msdn.microsoft.com/library/windows/apps/hh464920.aspx. Accesat la 28 mai 2013. 
  27. ^ Design case study: iPad to Windows Store app”. MSDN. Microsoft. http://msdn.microsoft.com/en-us/library/windows/apps/hh868262.aspx. Accesat la 28 mai 2013. 
  28. ^ Guidelines for typography”. MSDN. Microsoft. http://msdn.microsoft.com/en-us/library/windows/apps/jj553415.aspx. Accesat la 28 mai 2013. 
  29. ^ Roadmap for Windows Store apps using DirectX and C++”. MSDN. Microsoft. http://msdn.microsoft.com/en-us/library/windows/apps/xaml/jj126138.aspx. Accesat la 28 mai 2013. 
  30. ^ The Microsoft design language”. Channel9. Microsoft. http://channel9.msdn.com/Events/Build/2012/2-116. Accesat la 28 mai 2013. 
  31. ^ Foley, Mary Jo. „Microsoft Design Language: The newest official way to refer to 'Metro'”. ZDNet. CBS Interactive. http://www.zdnet.com/microsoft-design-language-the-newest-official-way-to-refer-to-metro-7000006526/. Accesat la 28 mai 2013. 
  32. ^ Microsoft finally comes clean(er) on post-Metro naming plans”. ZDNet. CBS Interactive. 12 septembrie 2012. http://www.zdnet.com/microsoft-finally-comes-cleaner-on-post-metro-naming-plans-7000004151/. Accesat la 28 mai 2013. 

Legături externe[modificare | modificare sursă]