Microsoft Design Language (o MDL ), [1] anteriormente conocido como Metro , es un lenguaje de diseño creado por Microsoft . Este lenguaje de diseño se centra en la tipografía y los iconos simplificados , la ausencia de desorden, una mayor relación entre el contenido y el cromo ("contenido antes del cromo") y formas geométricas básicas. Los primeros ejemplos de los principios de MDL se pueden encontrar en Encarta 95 y MSN 2.0 . [2] [3] El lenguaje de diseño evolucionó en Windows Media Center y Zune y se presentó formalmente como Metro durante la presentación de Windows Phone 7. Desde entonces, se ha incorporado a varios de los otros productos de la empresa, incluido el software del sistema Xbox 360 y el software del sistema Xbox One , Windows 8 , Windows Phone y Outlook.com . [4] [5] Antes de que el título de "lenguaje de diseño de Microsoft" se hiciera oficial, el ejecutivo de Microsoft Qi Lu se refirió a él como el lenguaje de diseño de interfaz de usuario moderno en su discurso de apertura de la conferencia MIXX . [6] Según Microsoft, "Metro" siempre ha sido un nombre en código y nunca fue pensado como un producto final, pero los sitios web de noticias atribuyen este cambio a problemas de marca registrada. [4]
Microsoft Design Language 2 (MDL2) se desarrolló junto con Windows 10. [7] [8] En 2017, el lenguaje Fluent Design lo amplió.
El lenguaje de diseño se basa en los principios de diseño del diseño gráfico suizo clásico . Los primeros destellos de este estilo se pudieron ver en Windows Media Center para Windows XP Media Center Edition , [9] que favorecía el texto como la forma principal de navegación, así como los primeros conceptos de Neptune . [10] Esta interfaz se trasladó a iteraciones posteriores de Media Center. En 2006, Zune actualizó su interfaz utilizando estos principios. Los diseñadores de Microsoft decidieron rediseñar la interfaz y centrarse más en la tipografía limpia y menos en el cromo de la interfaz de usuario. [11] Estos principios y la nueva interfaz de usuario de Zune se trasladaron a Windows Phone lanzado por primera vez en 2010 (del que se extrajo mucho para Windows 8). El cliente de escritorio de Zune también se rediseñó con un énfasis en la tipografía y el diseño limpio que era diferente de la interfaz de usuario basada en el Media Center portátil anterior de Zune . Los "mosaicos vivos" de colores planos se introdujeron en el lenguaje de diseño durante los primeros estudios de Windows Phone.
En una entrevista se explicó que las distintas divisiones de Microsoft utilizan los productos de las demás y que la extensión de Metro no fue un enfoque de toda la empresa, sino que a equipos como Xbox les gustó Metro y lo adaptaron para sus propios productos. Muchas de las divisiones de Microsoft terminaron adoptando Metro. [12]
Microsoft Design Language 2 (MDL2) se desarrolló junto con Windows 10. Esta versión introdujo un nuevo conjunto de widgets , incluidos selectores de fecha, conmutadores y conmutadores, y redujo el grosor de los bordes de todos los elementos de la interfaz de usuario. [7] [8]
El equipo de diseño de Microsoft cita como inspiración para el lenguaje de diseño los letreros que se encuentran comúnmente en los sistemas de transporte público. [13] El lenguaje de diseño pone énfasis en una buena tipografía y tiene texto grande que llama la atención. Microsoft ve el lenguaje de diseño como "elegante, rápido, moderno" y una "renovación" de las interfaces basadas en íconos de Windows, Android e iOS . [14] Todas las instancias usan fuentes basadas en la familia de fuentes Segoe diseñada por Steve Matteson en Agfa Monotype y licenciada a Microsoft. Para Zune, Microsoft creó una versión personalizada llamada Zegoe UI, [15] y para Windows Phone Microsoft creó la familia de fuentes Segoe WP. Las fuentes en su mayoría difieren solo en detalles menores. Las diferencias más obvias entre Segoe UI y Segoe WP son evidentes en sus respectivos caracteres numéricos. La fuente Segoe UI en Windows 8 tenía diferencias obvias, similares a Segoe WP. Los caracteres con cambios tipográficos notables incluyen 1, 2, 4, 5, 7, 8, I y Q.
Joe Belfiore fue uno de los arquitectos de Metro. En Nokia World 2011, Belfiore explicó que la interfaz de usuario tiene como objetivo ser "artística" en elementos textuales e iconografía . También mencionó el "movimiento" de la interfaz de usuario, específicamente en Windows Phone, de los Live Tiles, los puntos móviles y el desplazamiento cinético. [16]
Microsoft diseñó el lenguaje de diseño específicamente para consolidar grupos de tareas comunes y acelerar su uso. Lo logra excluyendo gráficos superfluos y, en su lugar, confiando en el contenido real para que funcione como la interfaz de usuario principal. Las interfaces resultantes prefieren los centros más grandes en lugar de los botones más pequeños y, a menudo, presentan paneles de desplazamiento lateral. Los títulos de las páginas suelen ser grandes y, en consecuencia, también aprovechan el desplazamiento lateral.
La animación juega un papel importante. Microsoft recomienda reconocer de forma constante las transiciones y las interacciones del usuario (como pulsaciones o deslizamientos) mediante algún tipo de animación o movimiento natural. Esto tiene como objetivo dar al usuario la impresión de una interfaz de usuario "viva" y reactiva con "una sensación adicional de profundidad". [17] [18]
La respuesta inicial al lenguaje fue en general positiva. En una reseña del Zune HD , Engadget dijo: "Microsoft continúa su apuesta por una tipografía muy grande, ofreciendo un diseño sofisticado y prolijo que es casi tan funcional como atractivo". [19] CNET elogió el lenguaje de diseño, diciendo: "Es un poco más atrevido e informal que las cuadrículas de iconos estrechas y estériles y los menús Rolodex del iPhone y el iPod Touch". [20]
En su Ceremonia IDEA 2011, la Sociedad de Diseñadores Industriales de Estados Unidos (IDSA) le otorgó a Windows Phone 7, que utiliza la interfaz de usuario, su premio "Gold Interactive", su premio "People's Choice Award" y un premio "Best in Show". [21] [22] Isabel Ancona, consultora de experiencia de usuario en IDSA, explicó por qué ganó Windows Phone: [23]
La innovación aquí es la fluidez de la experiencia y el enfoque en los datos, sin utilizar las convenciones tradicionales de la interfaz de usuario de ventanas y marcos. Los datos se convierten en elementos visuales y controles. Gestos y transiciones simples guían al usuario a través del contenido. Una experiencia verdaderamente elegante y única.
Se informó que la interfaz de usuario fue mejor recibida por las mujeres y los usuarios primerizos. [24]
Las críticas se centraron especialmente en el uso de texto en mayúsculas . Con el aumento del uso de Internet, los críticos han comparado esto con un programa de computadora que grita a su usuario. El periodista de TI Lee Hutchinson describió el uso de esta práctica por parte de Microsoft en la versión macOS de OneNote como terrible, afirmando que está "maldecida con menús de ventana de aplicación locos y no estándar EN MAYÚSCULAS que no solo violan las convenciones de diseño de OS X, sino que los sacan detrás del cobertizo, los vierten con gasolina y los prenden fuego". [25]
Con la llegada de Windows 8 , la interfaz de usuario del sistema operativo y su uso del lenguaje de diseño atrajeron respuestas críticas generalmente negativas. El 25 de agosto de 2012, Peter Bright de Ars Technica revisó la versión preliminar de Windows 8, dedicando la primera parte de la revisión a una comparación entre los diseños del menú Inicio utilizados por Windows 8 y Windows 7. Al relatar sus pros y contras, Peter Bright concluyó que el menú Inicio en Windows 8 (denominado pantalla de Inicio), aunque no estaba exento de problemas, era un claro ganador. Sin embargo, concluyó que la interfaz de usuario de Windows 8 era frustrante y que los diversos aspectos de la interfaz de usuario no funcionaban bien juntos. [26] Woody Leonhard fue aún más crítico cuando dijo: "Desde el punto de vista del usuario, Windows 8 es un fracaso: una mezcla incómoda que lleva al usuario en dos direcciones a la vez". [27]
Además de los cambios en el menú Inicio, Windows 8 adopta un enfoque más modal con el uso de aplicaciones de pantalla completa que se alejan de la dependencia de la interfaz de escritorio basada en iconos. Sin embargo, al hacerlo, Microsoft ha desviado su atención de la multitarea y la productividad empresarial. [28]
En agosto de 2012, The Verge anunció que se había enviado un memorando interno a los desarrolladores y empleados de Microsoft anunciando la decisión de "descontinuar el uso" del término "Metro" debido a "discusiones con un socio europeo importante", y que estaban "trabajando en un término de reemplazo". [29] Los medios de noticias tecnológicas Ars Technica , [30] TechRadar , [31] CNET , [32] Engadget [33] y Network World [34] y la prensa convencional Bits Blog de The New York Times Company [35] y BBC News Online [36] publicaron que el socio mencionado en el memorando podría ser uno de los socios minoristas de Microsoft, la empresa alemana Metro AG , ya que el nombre tenía el potencial de infringir su marca registrada "Metro". Microsoft declaró más tarde que la razón para dejar de enfatizar el nombre no estaba relacionada con ningún litigio actual, y que "Metro" era solo un nombre en clave de proyecto interno, [37] a pesar de haber promocionado intensamente la marca al público. [38] En algunos contextos, la compañía comenzó a utilizar el término "Moderno" o el modificador más genérico "Windows 8" para referirse al nuevo diseño, posiblemente como un marcador de posición. [39]
En septiembre de 2012, se adoptó el "lenguaje de diseño de Microsoft" como el nombre oficial para el estilo de diseño. [1] [40] El término se utilizó en la documentación de Microsoft Developer Network [41] [42] [43] [44] y en la conferencia Microsoft Build de 2012 para referirse al lenguaje de diseño. [1] [45]
En un cambio relacionado, Microsoft abandonó el uso de la frase " aplicaciones estilo Metro " para referirse a las aplicaciones móviles distribuidas a través de Windows Store . [40]