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