taller teórico sobre el diseño metro, el nuevo lenguaje de loss dispositivos móviles wp7
DESCRIPTION
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.TRANSCRIPT
![Page 1: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/1.jpg)
Windows Phone y el Diseño MetroJuan Manuel ServeraTechnical Manager @ MICTT@jmservera
#esphoneroadshow
![Page 2: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/2.jpg)
Windows Phone
vs.Personas Iconos
![Page 3: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/3.jpg)
Windows Phone
Comunicación modernizada
Una forma mas inteligente de aplicaciónInternet mas allá del navegador
![Page 4: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/4.jpg)
Story of Metro
![Page 5: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/5.jpg)
![Page 6: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/6.jpg)
Metro
![Page 7: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/7.jpg)
![Page 8: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/8.jpg)
![Page 9: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/9.jpg)
![Page 10: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/10.jpg)
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.
![Page 11: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/11.jpg)
Principios de Metro
Limpio, Ligero, Abierto, RápidoLa Tipografía es BonitaVivo y en MovimientoContenido, no ContenedorAuténticamente Digital
![Page 12: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/12.jpg)
![Page 13: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/13.jpg)
![Page 14: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/14.jpg)
Metro User Experience
Hace foco en el individuo y sus tareas
Ayuda a organizar la información y las
applicaciones
![Page 15: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/15.jpg)
Start
De unvistazo
Llévame aquí
![Page 16: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/16.jpg)
![Page 17: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/17.jpg)
Diseñamos para: Anna + Miles
AnnaRelaciones públicas a media jornada ymadre ocupada
“Mi vida es un equilibrio entre el trabajo,la familia, amigos y mis necesidades personales”
MilesImpulsando su estudio de arquitectura
“Me encanta vivir mi vida minuto a minutopara aprovechar todo lo que me inspira…tanto un nuevo proyecto, una reunión casual o un momento robado con Anna.”
![Page 18: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/18.jpg)
RED THREADS.
LOS PRINCIPIOS QUE GUIAN LAS EXPERIENCIAS
![Page 19: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/19.jpg)
Weather
PersonalWeather surfaced on the live tile in Start
RelevanteWeather updated based on your location
ConectadoWeather for your contacts
![Page 20: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/20.jpg)
Contruir una experiencia cautivadoraInspiración en Metro
… pero hay que encontrar el equilibrio entre los principios Metro y el estilo propio
![Page 21: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/21.jpg)
![Page 22: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/22.jpg)
Color
Uso del color para cautivar al usuarioUso del color para personalizar la experienciaUso del color para enfatizar jerarquía
![Page 23: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/23.jpg)
![Page 24: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/24.jpg)
Tipografía
Que las palabras sean bienvenidas
Especial atención al equlibrio,peso y escala
![Page 25: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/25.jpg)
![Page 26: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/26.jpg)
Movimiento
Uso del movimiento para cautivar al usuario
Es importante no excederse: cuanto máslo usas, menos especial se vuelve
![Page 27: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/27.jpg)
Gestos
![Page 28: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/28.jpg)
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% deltamaño de contacto
![Page 29: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/29.jpg)
Hubs
Experiencia rica
Agregadores de múltiplesfuentes
![Page 30: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/30.jpg)
Hubs vs. Single-Page Apps
![Page 31: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/31.jpg)
Demos
![Page 32: Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7](https://reader033.vdocumento.com/reader033/viewer/2022060120/55923d571a28abcf778b47ad/html5/thumbnails/32.jpg)
GRACIAS
Juan Manuel Servera