miércoles, 11 de enero de 2012

Principios del Estilo Metro

Este lunes 9 de Enero, fue el International Consumer Electronics Show (CES) 2012, entre algunos comentarios sobre las pocas buenas nuevas de Microsoft, una cosa queda clara y bien lo dijo Steve Ballmer.

"El estilo Metro está en todos lados: Windows Phone, Windows PC, Xbox"

Si bien para quienes estamos en el entorno Microsoft esto es cada vez más natural, apenas lo está siendo para el resto del público, al cual aún se escucha tono de sorpresa ante los cambios e innovaciones que presentan las tecnologías de Microsoft actualmente y la forma como hoy se lanzan a romper sus propios paradigmas y ser auténticos.

Metro es una de esas formas de romper paradigmas en lo que se refiere a la Interfaz de Usuario (UI), en la que pasamos a pensar diferente y a complementarla con el término Experiencia de Usuario (UX), ya que no solo se trata de pensar en colores, disposición de contenido y accesibilidad, ahora se trata de inmersión y movimiento.

Personalmente pienso que la nueva generación de aplicaciones Metro representa un reto para los desarrolladores pero a la vez les hace la vida más fácil. El reto se encuentra en alinearse al concepto, ya que de hecho solo será exitoso si las aplicaciones son construidas y pensadas de acuerdo a la naturaleza que propone, que lejos de ser solo una tipografía y colores, va más allá y es algo en lo que se espera encontrar acogida.

Ahora bien, la vida de los desarrolladores se hace más fácil en muchos sentidos, muchas cosas en las que a ratos pretendemos innovar y terminamos por generar un desastre tienen que ver con la interfaz gráfica, Microsoft ofrece actualmente guías de diseño y plantillas en Visual Studio para crear nuestras aplicaciones alineadas con el estilo propuesto. Estas ayudas lo hacen fácil a la vez que imponen un reto más, marcar la diferencia. En un escenario que parece tan similar, lo distinto por bien o por mal será evidente.

Es así como buscando inspiración en otros, me he visto sorprendida por muchas aplicaciones en el Marketplace con excelentes implementaciones del estilo Metro que definitivamente dan muestra de la enorme cantidad de posibilidades que nos trae esta nueva experiencia.

Microsoft ha publicado variedad de espacios con indicaciones puntuales sobre cómo crear aplicaciones estilo Metro usando sus tecnologías, sin embargo personalmente considero que el tema está en que tanto te conectas y como logras que las personas se conecten con el estilo de tu aplicación, y para eso nada mejor que entender sus fundamentos.

A continuación trataré de explicarles algunos puntos base del estilo Metro de forma muy personal 

Simple: A mi modo de ver en lo simple está el encanto del estilo Metro, su idea reduccionista invita a disminuir los adornos y centrarse en hacer "la funcionalidad bella" y trata no más que de eliminar lo innecesario y concentrarse en la esencia (lo básico que necesita un usuario para resolver una acción dentro de nuestra aplicación). Por más poético que esto suene, es básicamente lo que nos llevará a construir aplicaciones más limpias y fáciles de usar. Los principios de la escuela de arte Bauhaus son aplicados en este concepto.

Cotidiano: Esta no es precisamente la palabra con la que encontrarán en la red sobre este tema, sin embargo es la que yo prefiero usar. Desde mi punto de vista la forma en que se plantea el uso de imágenes y el Estilo tipográfico internacional (Swiss Style) hace parte de la cotidianidad, las personas no se preguntan por qué razón cierto tipo de señales son comunes, solo entiende la mayoría de ellas de forma sencilla. No todos los diseñadores o desarrolladores logran generar este tipo de señalización con respecto a las imágenes y no todos respetan el uso de la tipografía, sin embargo en esos detalles probablemente radique para esta generación de aplicaciones, lo que nos parecerá o no claro, ordenado y bello. Para quienes necesitamos un poco de ayuda con el tema de los iconos, les recomiendo The Noun Project y para quienes quieren ver un poco de como aplicarlo Swissted.

En movimiento: En este punto tengo que confesar que las primeras veces que escuche la frase "En movimiento" aparte de parecerme un tema de mercadeo no entendí a que se refería. Después de tener un Windows Phone en mis manos y construir aplicaciones mi visión cambió a una más técnica, donde usar animaciones para comunicar reacciones de tu aplicación a los usuarios resultaba además de agradable, bastante útil y mejoraba muchisimo la experiencia de usuario. Pero aún así creo que jamás me conecté tanto con el tema del movimiento hasta no ver (o volver a ver más conscientemente) el concepto de "Kinetic typography" del cual los invito a buscar, pues algunos de los videos en la red son lo suficientemente inmersivos como para el entender de que se trata el texto en movimiento y el impacto emocional.

Aquí les comparto uno que me ha gustado bastante


Para finalizar les comparto un post sobre Metro Style Design creado por mi compañera @lina_manjarres y los invito a compartirnos su visión y opinión acerca del estilo Metro.

* Este post fue publicado originalmente para Mi Windows Phone
Publicar un comentario en la entrada