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 íconos simplificados , la ausencia de desorden, una mayor proporción de contenido a cromo ("contenido antes de Chrome") y formas geométricas básicas. Los primeros ejemplos de principios 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 compañía, 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 "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 clave y nunca fue pensado como un producto final, pero los sitios web de noticias atribuyen este cambio a cuestiones de marcas. [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 atisbos de este estilo se pudieron ver en Windows Media Center para Windows XP Media Center Edition , [9] que favorecía el texto como forma principal de navegación, así como los primeros conceptos de Neptune . [10] Esta interfaz se trasladó a versiones 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 una 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 (de donde se extrajo mucho para Windows 8). El cliente de escritorio Zune también fue rediseñado con énfasis en la tipografía y el diseño limpio que era diferente de la interfaz de usuario anterior basada en Portable Media Center 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 diferentes divisiones de Microsoft utilizan los productos de las demás y que la extensión de Metro no fue un enfoque para toda la empresa, sino que a equipos como Xbox les gustó Metro y lo adaptaron a sus propios productos. Muchas de las divisiones de Microsoft acabaron 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, alternadores y conmutadores, y redujo el grosor de los bordes para todos los elementos de la interfaz de usuario. [7] [8]
El equipo de diseño de Microsoft cita como inspiración el lenguaje de diseño de las señales 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 un texto grande que llama la atención. Microsoft ve el lenguaje de diseño como "elegante, rápido, moderno" y una "actualización" de las interfaces basadas en íconos de Windows, Android e iOS . [14] Todos los casos utilizan fuentes basadas en la familia de fuentes Segoe diseñada por Steve Matteson en Agfa Monotype y con licencia de 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. La mayoría de las fuentes se diferencian sólo en pequeños detalles. 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, similar a Segoe WP. Los caracteres con cambios tipográficos notables incluyeron 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 pretende 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 en movimiento y el desplazamiento cinético. [dieciséis]
Microsoft diseñó el lenguaje de diseño específicamente para consolidar grupos de tareas comunes para acelerar el uso. Lo logra excluyendo gráficos superfluos y confiando en su lugar en el contenido real para que funcione como la interfaz de usuario principal. Las interfaces resultantes prefieren concentradores más grandes a botones más pequeños y, a menudo, cuentan con lienzos 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 el reconocimiento constante de las transiciones y las interacciones del usuario (como presionar o deslizar el dedo) mediante alguna forma de animación o movimiento natural. Esto tiene como objetivo dar al usuario la impresión de una interfaz de usuario "viva" y receptiva con "una sensación adicional de profundidad". [17] [18]
La respuesta temprana al lenguaje fue en general positiva. En una reseña del Zune HD , Engadget dijo: "Microsoft continúa su impulso hacia una tipografía muy, muy grande aquí, proporcionando un diseño sofisticado y cuidadosamente diseñado que es casi tan funcional como atractivo". [19] CNET elogió el lenguaje de diseño y dijo: "es un poco más atrevido e informal que las estrechas y estériles cuadrículas de íconos y los menús Rolodex del iPhone y el iPod Touch". [20]
En su ceremonia IDEA 2011, la Sociedad de Diseñadores Industriales de América (IDSA) otorgó a Windows Phone 7, que utiliza la interfaz de usuario, su premio "Gold Interactive", su "Premio People's Choice" y el premio "Best in Show". [21] [22] Isabel Ancona, consultora de experiencia de usuario de 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 interfaz de usuario de ventanas y marcos. Los datos se convierten en elementos y controles visuales. Gestos y transiciones simples guían al usuario hacia el contenido. Una experiencia verdaderamente elegante y única.
Se informó que la interfaz de usuario fue mejor recibida por las mujeres y los usuarios nuevos. [24]
Las críticas se centraron particularmente en el uso del texto en mayúsculas . Con el aumento del uso de Internet, los críticos lo han comparado 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á "maldecido con menús de ventana de aplicaciones locos y no estándar, TODO EN MAYÚSCULAS, que no violan tanto las convenciones de diseño de OS X como Los saca detrás del cobertizo, les echa gasolina y les prende fuego. [25]
Con la llegada de Windows 8 , la interfaz de usuario del sistema operativo y su uso del lenguaje de diseño generaron respuestas críticas generalmente negativas. El 25 de agosto de 2012, Peter Bright de Ars Technica revisó la versión preliminar de Windows 8 y dedicó 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. Peter Bright concluyó contando sus pros y sus contras. que el menú Inicio de Windows 8 (llamado pantalla Inicio), aunque no está exento de problemas, fue 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 mezcolanza incómoda que empuja 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 evitan 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 importante socio europeo", y que estaban "trabajando en un término de reemplazo". [29] Medios de noticias de tecnología Ars Technica , [30] TechRadar , [31] CNET , [32] Engadget [33] y Network World [34] y Bits Blog de prensa convencional de The New York Times Company [35] y BBC News Online [36] publicó 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 quitarle énfasis al nombre no estaba relacionada con ningún litigio actual, y que "Metro" era sólo un nombre en clave interno del proyecto, [37] a pesar de haber promocionado fuertemente la marca entre el público. [38] En algunos contextos, la empresa 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ó "lenguaje de diseño de Microsoft" como 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 la Tienda Windows . [40]