Una breve historia del diseño de Microsoft

Cómo llegué a apreciar las raíces de diseño de Microsoft

Es fácil cuestionar todo lo diseñado ante usted cuando se une a una nueva empresa. Quiero decir, ¿por qué diablos una barra de desplazamiento sería roja en Windows 2.0 ... qué podrían haber estado pensando? Pero si bien puede ser divertido y fácil criticar el pasado, es crucial hacer la pregunta "¿por qué?" Para darse cuenta de que los que vinieron antes eran bastante innovadores, y que cada decisión de diseño lleva el equipaje de las últimas horas de la noche, sacó el pelo, el trabajo en equipo, la innovación y la experiencia.

En enero de 2016, me uní a Microsoft con todos los ojos brillantes y listo para diseñar experiencias increíbles para desarrolladores de terceros. Cuando me dijeron que mi primer proyecto era crear la línea de tiempo de Microsoft Design para // build2016, estaría mintiendo si dijera que estaba extasiado. Pero cuando participé en el proyecto y aprendí continuamente sobre la rica historia, me di cuenta de que me habían dado una primera tarea valiosa y fascinante.

Espero que después de leer esto, se dé cuenta de su propio interés y aprecio por las opciones de diseño en su empresa o industria. Mientras tanto, aquí hay una breve historia del diseño en Microsoft.

Surge una necesidad

El primer sistema operativo para PC de Microsoft, MS-DOS, fue una configuración simple que solo requería tres componentes: un teclado para entrada, un monitor para salida y una PC para ejecutar el sistema operativo. Un tiempo simple para una máquina simple. El diseño gráfico no fue considerado hasta la llegada de la interfaz gráfica de usuario (GUI), que introdujo el mouse como una nueva forma de interactuar con el sistema operativo.

Dentro de Windows 2.0, los ingenieros hicieron el trabajo de diseño. El diseño ni siquiera era una disciplina en el desarrollo de software todavía. Eso significaba que fueron los ingenieros quienes hicieron la llamada para exponer los ocho colores en la interfaz de usuario como característica. Esta fue una buena manera de mostrar el rango disponible, pero creó efectos extraños como una barra de desplazamiento roja brillante y una jerarquía visual que no se asignaba a la interacción del usuario. Fue un desastre, de verdad. ¿Pero quién estaba dispuesto a forzar un cambio?

(De izquierda a derecha: pantalla de MS-DOS, Virginia Howlett, fuente de mapa de bits, Windows 2.0 + la barra de desplazamiento roja, los infames 8 colores)

El diseño de Windows toma forma

En 1987, un diseñador de impresión de Microsoft llamado Virginia Howlett reconoció la brecha. Los ingenieros ya buscaban su consejo: era hora de que el diseño tomara asiento en la mesa. Le escribió a Bill Gates sobre la importancia del diseño dentro del desarrollo de software, describiendo las ventajas competitivas y los efectos de largo alcance de una interfaz rica.

Poco después, Virginia se unió al Grupo de Arquitectura de Interfaz de Usuario, el primer equipo de diseño y usabilidad de software en Microsoft. El equipo estaba compuesto por Tandy Trower como Gerente de Programa, Mary Dieli como Investigadora de Usabilidad y Virginia Howlett como Diseñadora Gráfica para Arquitectura de la Información. Inmediatamente comenzaron a trabajar en Windows 3.0, que se lanzó en 1990.

Windows 3.0 (el diseño se sienta en la mesa)

El resultado fue una jerarquía más fuerte y más consistente, hecha posible por el uso reflexivo del color y los íconos significativos. De hecho, el trabajo de iconografía se completó como parte de una colaboración con Susan Kare, famosa diseñadora del ícono de basura de Apple.

Mientras tanto, la tecnología de tipografía mejoró y comenzó a sacarnos de la era de los mapas de bits. Microsoft y Apple trabajaron para desarrollar TrueType, un estándar de fuentes que controla cómo se muestran las fuentes, lo que nos llevó a formar nuestro primer equipo de fuentes en 1990. Estos esfuerzos combinados dieron como resultado un producto mejorado dramáticamente, reflejado por los aumentos masivos de ventas del Sistema operativo Windows

A medida que los esfuerzos de diseño tomaron forma en el software de Microsoft, también comenzó a colarse en nuestro hardware. Steve Kaneko, el primer diseñador industrial de Microsoft, creó el primer mouse ergonómico de Microsoft en 1993 y nos condujo por un nuevo camino que avanzaría en nuestros dispositivos y entradas en los años venideros. Continuamos innovando en el espacio de software y hardware, pero aún estábamos descubriendo cómo reunir todo en una experiencia coherente.

Un punto de diferenciación para Microsoft

El lanzamiento de Windows 95 fue nuestro vértice. Fue el producto más probado por el usuario en la historia de Microsoft. Introdujo a los usuarios a nuestro botón de Inicio y la bandeja de tareas. La respuesta fue abrumadoramente positiva y resultó en un récord de 7 millones de copias vendidas en las primeras cinco semanas. Durante una revisión del código en 1995, Steve Ballmer habló del diseño como un punto de diferenciación y dejó en claro que debemos distinguirnos de la competencia a través de la tipografía. El impacto que el diseño estaba teniendo en el producto era evidente y nuestros ejecutivos comenzaban a darse cuenta.

Evolucionando nuestro pensamiento de diseño

El diseño de Windows continuó evolucionando, pero algunos de los problemas centrales de diseño en el sistema operativo aún no se habían resuelto. El diseño se centró en lo que se ve bien, pero no necesariamente respondía a la pregunta de por qué diseñamos: la consideración de la interacción real del usuario. Con ese fin, nuestro uso de la tipografía podría describirse como demasiado celoso y la paleta de colores estaba limitada por la tecnología de la época. El diseño de interacción, el diseño visual y la tipografía aún no actuaban como un equipo unificado, lo que causaba una mayor desalineación.

(De izquierda a derecha: botón de inicio de Windows 95, tipo de letra Tahoma, Windows Vista Business, Bill Flora, Windows Media Center, inspiración para la unificación del lenguaje de diseño de Microsoft)

Bill Flora, contratado por Virginia en 1992, comenzó a abordar esos problemas mientras lideraba Encarta 95, Windows Media Center y Zune. A través de su liderazgo, los equipos simplificaron el diseño visual y trajeron diseñadores de movimiento e integradores de diseño al redil para ayudar a crear una experiencia más coherente centrada en el contenido.

Microsoft, incluso en ese momento, era una compañía grande y compleja con muchos productos. La influencia del diseño solo pudo llegar tan lejos y aún no había roto las costuras. Para lograr eso, necesitábamos un cambio cultural significativo.

Un cambio de cultura para Microsoft

Entra Bill Buxton. Bill se unió a Microsoft Research en 2005 y comenzó un cambio en la cultura del diseño. Bill no pertenecía a un grupo de productos e informó a un vicepresidente ejecutivo. Debido a eso, podría ser un defensor directo del diseño para los ejecutivos. Formuló las mejores prácticas que permiten a los diseñadores centrarse más en los comentarios de los usuarios, e instó a los diseñadores a aprender rápido y con frecuencia de las personas que estaban usando nuestros productos. El resultado fue una cultura de diseño fortalecida y una unificación del lenguaje de diseño de Microsoft. En 2006, Windows Vista introdujo el tipo de letra Segoe UI, reduciendo nuestro conjunto de tipografía a uno. La interfaz de usuario de Segoe nació de los conocimientos en la investigación de usuarios y demostró ser más eficiente en el rendimiento del sistema. Esta nueva era influyó en un movimiento hacia un diseño simplificado e intencional, a menudo denominado diseño plano, que se hizo aún más evidente en el lanzamiento de Windows 7 en 2009. Estábamos moviendo la aguja hacia adelante, a velocidades exponenciales.

(De izquierda a derecha: Windows 8, inspiración para la unificación del lenguaje de diseño de Microsoft, tipo de letra Segoe UI, Windows 10, logotipo de Cortana, Albert Shum, Microsoft HoloLens)

Nueva era del diseño de Microsoft:

Simplicidad y escalabilidad

Windows 7 marcó el comienzo de una nueva era de diseño en Microsoft, caracterizada por la necesidad de adoptar entradas naturales como el tacto, así como escalar a más tamaños de pantalla. Windows 8 se basó en el impulso de Windows 7, pero algunos de los riesgos más grandes, como un fuerte enfoque en el tacto, no llegaron a los usuarios en ese momento. Un principio básico del diseño en Microsoft es escuchar a los clientes temprano y con frecuencia, pero quedó claro que no teníamos ningún mecanismo para hacerlo bien. Para Windows 10, programas como el Programa Windows Insider ayudaron a mantener un canal de comentarios claro y consistente que nos permitió responder mucho más rápidamente a los comentarios.

Con Windows 10, la necesidad de escalar a través de dispositivos es común y un enfoque central en la creación de un lenguaje de diseño consistente. Nos estamos adaptando a las vidas de las personas de la forma en que las viven a través de las experiencias; sin esperar que se adapten a nosotros. Dentro de ese objetivo, Microsoft se dedica a avanzar en los objetivos de accesibilidad y diseño inclusivo para llegar al mayor número de personas con nuestra tecnología.

Pensamientos finales

Esta exploración solo comienza a arañar la superficie del rico diseño de Microsoft. Hay miles de diseñadores especializados y talentosos aquí creando la próxima gran novedad y trabajando incansablemente para mejorar nuestro mundo tecnológico tal como está. Windows 10 es nuestro sistema operativo más exitoso hasta la fecha, y atribuyo nuestro enfoque en los clientes, desde nuestras raíces empresariales de una PC en cada escritorio hasta nuestra misión actual de empoderar a cada persona y organización en el planeta para lograr más. En cuanto a nuestro futuro, es brillante, volumétrico, creativo y en constante evolución. Y estamos muy emocionados por eso.

Cuéntame una historia. ¿Qué le gusta del espíritu de diseño de su equipo? ¿Qué cambiarías?

- - - - - - - - -
¡Sigueme en Twitter!

Gracias a todas las personas increíbles que hicieron posible este artículo al contar su historia, crear imágenes y refinar las palabras:

Amit Bapat
David Betz
Bill Buxton
Kristian Davila
Bill Flora
Alex Gough
Greg Hitchcock
Virginia Howlett
Nate Jones
Steve Kaneko
Eddie Mays
Danielle McClune
Sarah Morris
Amy Stevenson
Janet Thompson

Para mantenerse informado con Microsoft Design, síganos en Dribbble, Twitter y Facebook, o únase a nuestro programa Windows Insider. Y si está interesado en unirse a nuestro equipo, diríjase a aka.ms/DesignCareers.