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.

2. vs. Personas Iconos

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. Story of Metro

6. Metro

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.

11. Principios de Metro Limpio, Ligero, Abierto, Rápido La Tipografía es Bonita Vivo y en Movimiento Contenido, no Contenedor Auténticamente Digital

14. Metro User Experience Hace foco en el individuo y sus tareas Ayuda a organizar la información y las applicaciones

15. Start De un vistazo Llévame aquí

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.”

18. RED THREADS. LOS PRINCIPIOS QUE GUIAN LAS EXPERIENCIAS

19. Weather Personal Weather surfaced on the live tile in Start Relevante Weather updated based on your location Conectado Weather for your contacts

20. Contruir una experiencia cautivadora Inspiración en Metro … pero hay que encontrar el equilibrio entre los principios Metro y el estilo propio

22. Color Uso del color para cautivar al usuario Uso del color para personalizar la experiencia Uso del color para enfatizar jerarquía

24. Tipografía Que las palabras sean bienvenidas Especial atención al equlibrio, peso y escala

26. Movimiento Uso del movimiento para cautivar al usuario Es importante no excederse: cuanto más lo usas, menos especial se vuelve

27. Gestos

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

29. Hubs Experiencia rica Agregadores de múltiples fuentes

30. Hubs vs. Single-Page Apps

31. Demos

32. GRACIAS Juan Manuel Servera