Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7
-
Upload
fundacio-bit -
Category
Technology
-
view
1.519 -
download
0
description
Transcript of Taller teórico sobre el diseño Metro, el nuevo lenguaje de loss dispositivos móviles WP7
Windows Phone y el Diseño MetroJuan Manuel ServeraTechnical Manager @ MICTT@jmservera
#esphoneroadshow
Windows Phone
vs.Personas Iconos
Windows Phone
Comunicación modernizada
Una forma mas inteligente de aplicaciónInternet mas allá del navegador
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 ABOUT CONTENT AND TYPOGRAPHY. AND IT’S ENTIRELY AUTHENTIC.
Principios de Metro
Limpio, Ligero, Abierto, RápidoLa Tipografía es BonitaVivo y en MovimientoContenido, no ContenedorAuténticamente Digital
Metro User Experience
Hace foco en el individuo y sus tareas
Ayuda a organizar la información y las
applicaciones
Start
De unvistazo
Llévame aquí
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.”
RED THREADS.
LOS PRINCIPIOS QUE GUIAN LAS EXPERIENCIAS
Weather
PersonalWeather surfaced on the live tile in Start
RelevanteWeather updated based on your location
ConectadoWeather for your contacts
Contruir una experiencia cautivadoraInspiración en Metro
… pero hay que encontrar el equilibrio entre los principios Metro y el estilo propio
Color
Uso del color para cautivar al usuarioUso del color para personalizar la experienciaUso del color para enfatizar jerarquía
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áslo usas, menos especial se vuelve
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 visual es el 60-100% deltamaño de contacto
Hubs
Experiencia rica
Agregadores de múltiplesfuentes
Hubs vs. Single-Page Apps
Demos
GRACIAS
Juan Manuel Servera