[MIX10] Una nueva experiencia de usuario – Historia del concepto METRO

A raiz de la salida de Windows Phone 7 Series Microsoft a acuñado un nuevo concepto de diseño llamado Metro. ¿Que es esto de Metro? ¿podremos usar el transporte público con nuestras PDAs? ¿Elvis ha resucitado? pues no… nada de esto es cierto, tan solo que METRO es un concepto, no es un acrónimo es el nombre de un concepto, este que va mas allá de su origen…que os contare en este post, aunque ya os adelanto que sí está basado en el transporte público.

En lo que a interfaz de usuario corresponde hemos pasado de esto:

DSCN3393

A esto:

 

Tal y como veis en la primera imagen todos los rumores sobre la capa de presentación para Windows Phone 7 que vimos en el pasado fueron reales… pero no era lo que estaba buscando Microsoft para poder representar lo que querían, buscaban una nueva experiencia de usuario, algo que no fuese como el anterior Windows Mobile, ni como los productos de la competencia, todos estos sistemas (incluido Windows Mobile) estaban basados en funcionalidades, pero en funcionalidades en el mas estricto sentido de la palabra, tu equipo tiene iconos y estos lanzan aplicaciones, Microsoft ha buscado algo mas, ahora no son funcionalidades sino servicios… y es que hasta los propios puntos de entrada a los Hub nos ofrecen ya información sobre lo que ocurrirá cuando despleguemos su funcionalidad… pero esto es adelantar cosas.

La historia de Metro nace de los indicadores gráficos que podemos encontrar en estaciones de metro, aeropuertos estaciones de tren etc, estas señales son fruto de años de experiencia de uso… los usuarios estamos habituados a verlos, los vemos desde que somos niños, los vemos muchas veces a diario utilizando el metro, los vemos y aunque ya ni los miremos se vamos a otra ciudad o país sabemos interpretarlos. Esto es lo que ha buscado Microsoft para Windows Phone 7 series, quería algo que lo viese quien lo viese pudiese manejarlo con una curva de aprendizaje lo más rápida posible

Metro será el nombre que daremos a nuestro lenguaje de diseño, mas que un lenguaje es una filosofía y Microsoft según sus propias palabras lo ha llamado así porque es moderno y limpio, es rápido y dinámico,habla sobre el contenido de usuario y su experiencia dentro de un contexto.

Metro se basa en el principio de que un entorno debe ser: limpio, ligero, abierto y rápido.

Y cumplir las siguientes directrices

Sencillo de comprender

Tu aplicación debe ser sencilla, evitando opciones que no aportan un verdadero valor y que compliquen su navegación.

Enfocado a una tarea

Las aplicaciones deben centrarse en una tarea, no ser un compendio de funcionalidades ya que está demostrado que los usuarios solo utilizan un 30% de la funcionalidad.

Hacer mucho con muy poco

Un entorno sencillo significa una mas rápida puesta en marcha.

Eliminación de elementos innecesarios.

El uso de elementos decorativos no entra dentro de la experiencia METRO ya que desvían la atención de lo verdaderamente importante, la información.

Aprovechamiento de los espacios en blanco

Evitar dejar demasiados espacios en blanco, pero estos deben llenarse con información relevante, si no la hay mostrar la información disponible de modo que ocupe mas espacio.

Las fuentes de texto

las fuentes de texto ahora son fuentes elegantes y no solamente legibles.

Se trata de una experiencia viva, integrada en todo el sistema del teléfono, obtiene un entorno de uso totalmente compacto y ligado al contexto del uso, lo que nos debe causar (como usuarios) una impresión de que las aplicaciones de nuestro equipo actúan como un todo, por ello se utiliza el mismo estilo de fuente en todo el sistema, pudiendo jugar con la altura y anchura de las fuentes, así como con su estilo, todo para poder aportar una sensación de contexto.

El contenido frente a la decoración

La riqueza esta en los contenidos no en la decoración, por ello se han reducido los efectos visuales si no aportan información al usuario.

El diseño

Todas las aplicaciones deben estar centradas en un factor de forma definido, con Windows Phone 7 series esto se simplifica ya que (en principio) solo cuenta con un factor de forma (aunque ya se anunciado que contara con al menos uno mas). Debemos cumplir todos los anteriores puntos y por último ser directos.

Todo esto es lo que representa la experiencia Metro, y si, esto nos afectara a la hora de crear aplicaciones si queremos que realmente sean aplicaciones para Windows Phone 7 series y no simples parches funcionales XD

Aquí os dejo una imagen de como son los controles básicos para Windows Phone 7 (No están todos los que son pero si están todos los que hay)

 DSCN3395

Saludos!!!

2 comentarios en “[MIX10] Una nueva experiencia de usuario – Historia del concepto METRO”

  1. Muy interesante! Enhorabuena por el post.

    La verdad es que tiene muy buena pinta WP7, aunque he estado echando un ojo a la documentación que del SDK y echo de menos algunos controles que me parecen básicos, a saber: TabControl, TreeView, ComboBox,…. Éstos y otros no están adaptados al estilo Metro y no estarán disponibles en el ToolBox, por lo que será el desarrollador el que tenga que currárselo y hacer la adaptación pertinente. Imagino que enseguida empezarán a aparecer proveedores que ofrezcan versiones de estos controles (previo pago) pero hubiera estado bien tenerlos disponibles desde el principio.

    Salu2!

  2. Vamos a ver… TabControl, Combobox, treeView… Realmente creeis que METRO tiene algo que ver con todo eso? No tenía ni idea de lo que era METRO, básicamente porque aún no he visto todas las sesiones de MIX. Pero después de leer este post, bueno por cierto, no entiendo como se puede concevir un Combobox o un treeView en una aplicación táctil con una pantalla reducida y que cumpla con “METRO”. Es que no tiene ningún sentido. Alguien ha visto en u iPhone un Combobox? Es que no tiene sentido! Y aun menos un TreeView! Tengo ganas de ver realmente qué significa METRO y si realmente van a aplicar los conceptos básicos sobre usabilidad táctil. Eso si, Silverlight 4 + WP7 era ya un paso muy pero que muy necesario para Microsoft.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *