Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Windows Phone y el Diseño Metro Juan Manuel Servera Technical Manager @ MICTT @jmservera <ul><li>#esphoneroadshow </li></ul>
vs. Personas Iconos
Comunicación modernizada Una forma mas inteligente de aplicación Internet mas allá del navegador PPT REM 5 PPT REM 6 PPT R...
Story of Metro
 
Metro
 
 
 
ETRO METRO  IS OUR DESIGN  LANGUAGE . WE CALL IT METRO BECAUSE IT’S  MODERN  AND CLEAN. IT’S FAST AND IN MOTION. IT’S ABOU...
Principios de Metro Limpio, Ligero, Abierto, Rápido La Tipografía es Bonita Vivo y en Movimiento Contenido, no Contenedor ...
 
 
Metro User Experience Hace foco en el  individuo  y sus tareas Ayuda a  organizar  la información y las applicaciones
Start De un vistazo Llévame aquí
 
Diseñamos para: Anna + Miles Anna Relaciones públicas a media jornada y madre ocupada “ Mi vida es un equilibrio entre el ...
RED THREADS. LOS PRINCIPIOS QUE  GUIAN  LAS EXPERIENCIAS
Weather Personal Weather surfaced on the live tile in Start Relevante Weather updated based on your location Conectado Wea...
Contruir una experiencia cautivadora Inspiración en Metro …  pero hay que encontrar el equilibrio entre los principios Met...
 
Color Uso del  color  para cautivar al usuario Uso del  color  para personalizar la experiencia Uso del  color  para enfat...
 
Tipografía Que las palabras sean  bienvenidas Especial atención al equlibrio, peso y escala
 
Movimiento Uso del movimiento para cautivar al usuario Es importante no excederse: cuanto más lo usas, menos especial se v...
Gestos
Touch El punto de contacto mínimo  recomendado es de 9mm El mínimo es de 7mm Espacio mínimo entre elementos 2mm Tamaño vis...
Hubs Experiencia rica Agregadores de múltiples fuentes
Hubs vs. Single-Page Apps
Demos
GRACIAS Juan Manuel Servera
Upcoming SlideShare
Loading in …5
×

Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7

1,818 views

Published on

Presentación del taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7 a cargo de Juan Manuel Servera en la Sesión del Smartphone del pasado 25 de noviembre de 2011 en el III Foro Tecnológico de las Ilas Baleares.

Published in: Technology
  • Be the first to comment

Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7

  1. 1. Windows Phone y el Diseño Metro Juan Manuel Servera Technical Manager @ MICTT @jmservera <ul><li>#esphoneroadshow </li></ul>
  2. 2. vs. Personas Iconos
  3. 3. Comunicación modernizada Una forma mas inteligente de aplicación Internet mas allá del navegador PPT REM 5 PPT REM 6 PPT REM 4
  4. 4. Story of Metro
  5. 6. Metro
  6. 10. ETRO METRO IS OUR DESIGN LANGUAGE . WE CALL IT METRO BECAUSE IT’S MODERN AND CLEAN. IT’S FAST AND IN MOTION. IT’S ABOUT CONTENT AND TYPOGRAPHY. AND IT’S ENTIRELY AUTHENTIC.
  7. 11. Principios de Metro Limpio, Ligero, Abierto, Rápido La Tipografía es Bonita Vivo y en Movimiento Contenido, no Contenedor Auténticamente Digital
  8. 14. Metro User Experience Hace foco en el individuo y sus tareas Ayuda a organizar la información y las applicaciones
  9. 15. Start De un vistazo Llévame aquí
  10. 17. Diseñamos para: Anna + Miles Anna Relaciones públicas a media jornada y madre ocupada “ Mi vida es un equilibrio entre el trabajo, la familia, amigos y mis necesidades personales” Miles Impulsando su estudio de arquitectura “ Me encanta vivir mi vida minuto a minuto para aprovechar todo lo que me inspira… tanto un nuevo proyecto, una reunión casual o un momento robado con Anna.”
  11. 18. RED THREADS. LOS PRINCIPIOS QUE GUIAN LAS EXPERIENCIAS
  12. 19. Weather Personal Weather surfaced on the live tile in Start Relevante Weather updated based on your location Conectado Weather for your contacts
  13. 20. Contruir una experiencia cautivadora Inspiración en Metro … pero hay que encontrar el equilibrio entre los principios Metro y el estilo propio
  14. 22. Color Uso del color para cautivar al usuario Uso del color para personalizar la experiencia Uso del color para enfatizar jerarquía
  15. 24. Tipografía Que las palabras sean bienvenidas Especial atención al equlibrio, peso y escala
  16. 26. Movimiento Uso del movimiento para cautivar al usuario Es importante no excederse: cuanto más lo usas, menos especial se vuelve
  17. 27. Gestos
  18. 28. Touch El punto de contacto mínimo recomendado es de 9mm El mínimo es de 7mm Espacio mínimo entre elementos 2mm Tamaño visual es el 60-100% del tamaño de contacto
  19. 29. Hubs Experiencia rica Agregadores de múltiples fuentes
  20. 30. Hubs vs. Single-Page Apps
  21. 31. Demos
  22. 32. GRACIAS Juan Manuel Servera

×