Windows Phone y el diseño Metro

•Als PPT, PDF herunterladen•

1 gefällt mir•703 views

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.

Technologie

Windows Phone y el Diseño Metro Juan Manuel Servera Technical Manager @ MICTT @jmservera ,[object Object]

Comunicación modernizada Una forma mas inteligente de aplicación Internet mas allá del navegador PPT REM 5 PPT REM 6 PPT REM 4

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ápido La Tipografía es Bonita Vivo y en Movimiento Contenido, no Contenedor Auténticamente Digital

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

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

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 Weather for your contacts

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

Color Uso del color para cautivar al usuario Uso del color para personalizar la experiencia Uso 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ás lo usas, menos especial se vuelve

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

Hubs Experiencia rica Agregadores de múltiples fuentes

Weitere ähnliche Inhalte

Ähnlich wie Windows Phone y el diseño Metro

Hacia un Marketing Ágil e Hiperconectado: Retos inmediatosJoan Sardà

Nuevos Paradigmas Tecnológicos - Rafael Padura - Webinar "Construye tu Marca ...Huelva Inteligente

Échale diseño a tu APP - Bilbapp 2018Crisiscreativa

Diseño y Nuevas TecnologíasSantiago Nieto

Tecnologiamitchelleblogger

Oscar Reyes - Diseño centrado en el usuario UX, Café DigitalIAB_PERU

UX en emprendimientos Caso de estudio - Campus party 2019 Fabrizio González Maroso

Ie dircom 2014. wrap up 09 de mayoMildred Laya Azuaje

Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Herlency Muñoz García

Desarrollo de interfaz de usuario en un contexto mobileWorköholics

Introduccion gestion correoelectronico-ramoncosta-mic-productivity-2011Ramon Costa i Pujol

Apps como estrategia de servicio al clienteMaria Fernanda Flórez Correa

Disseny PersonesCarla86

E learning y desarrollo de softwareMelissaQuiroz9

Edcountcero77

Bitácora d einformáticaMarēn Kurosu

La tecnología en las relaciones humanasugeorbe

Material Design. La humanización del diseño de interacción.Worköholics

Ie dircom 2014. 03 de abrilMildred Laya Azuaje

Ähnlich wie Windows Phone y el diseño Metro (20)

Hacia un Marketing Ágil e Hiperconectado: Retos inmediatos

Nuevos Paradigmas Tecnológicos - Rafael Padura - Webinar "Construye tu Marca ...

Échale diseño a tu APP - Bilbapp 2018

Diseño y Nuevas Tecnologías

Tecnologia

Oscar Reyes - Diseño centrado en el usuario UX, Café Digital

UX en emprendimientos Caso de estudio - Campus party 2019

Ie dircom 2014. wrap up 09 de mayo

Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...

Desarrollo de interfaz de usuario en un contexto mobile

Introduccion gestion correoelectronico-ramoncosta-mic-productivity-2011

Apps como estrategia de servicio al cliente

Disseny Persones

E learning y desarrollo de software

Bitácora d einformática

La tecnología en las relaciones humanas

Material Design. La humanización del diseño de interacción.

Ie dircom 2014. 03 de abril

Mehr von Fundació Bit

Ciberseguretat per a treballadors (4/4)Fundació Bit

Ciberseguretat per a treballadors (3/4)Fundació Bit

Ciberseguretat per a treballadors (1/4)Fundació Bit

Ciberseguretat per a treballadors (2/4)Fundació Bit

Ciberseguretat. Inversió en seguretat informàtica (4/4)Fundació Bit

Ciberseguretat. Responsabilitat proactiva (3/4)Fundació Bit

Ciberseguretat. Seguretat documental (2/4)Fundació Bit

Ciberseguretat. Atacs informàtica (1/4)Fundació Bit

Eines de visualització de dades per MeteoclimFundació Bit

Aspectos legales del Data Scraping por Jorge Morell de Terminios y Condicione...Fundació Bit

Los retos de la Bioeconomia, el caso agroalimentario en Almeria, Ibtalks18 co...Fundació Bit

El ecosistema de la Innovación en Baleares, IBtalks18 con el Cluster BioIBFundació Bit

INIA, Oportunidades de la bioeconomia, Ibtalks18 con el Cluster BioIBFundació Bit

Food Valley de Joep Koene para #IBtalks18 con el Cluster BioIB.Fundació Bit

El secreto comercial: Todo lo que hay que saber. 12 de Junio 2018Fundació Bit

Presentació estudi "Ús d'Internet per part dels alumnes d'ESO de les Illes Ba...Fundació Bit

Presentación Incubadora ParcBitFundació Bit

Parc Balear Innovation and Technology (ParcBit)Fundació Bit

Serveis a empreses de la FundacióBitFundació Bit

Presentació "Emprendre en turisme 2.0"Fundació Bit

Mehr von Fundació Bit (20)

Ciberseguretat per a treballadors (4/4)

Ciberseguretat per a treballadors (3/4)

Ciberseguretat per a treballadors (1/4)

Ciberseguretat per a treballadors (2/4)

Ciberseguretat. Inversió en seguretat informàtica (4/4)

Ciberseguretat. Responsabilitat proactiva (3/4)

Ciberseguretat. Seguretat documental (2/4)

Ciberseguretat. Atacs informàtica (1/4)

Eines de visualització de dades per Meteoclim

Aspectos legales del Data Scraping por Jorge Morell de Terminios y Condicione...

Los retos de la Bioeconomia, el caso agroalimentario en Almeria, Ibtalks18 co...

El ecosistema de la Innovación en Baleares, IBtalks18 con el Cluster BioIB

INIA, Oportunidades de la bioeconomia, Ibtalks18 con el Cluster BioIB

Food Valley de Joep Koene para #IBtalks18 con el Cluster BioIB.

El secreto comercial: Todo lo que hay que saber. 12 de Junio 2018

Presentació estudi "Ús d'Internet per part dels alumnes d'ESO de les Illes Ba...

Presentación Incubadora ParcBit

Parc Balear Innovation and Technology (ParcBit)

Serveis a empreses de la FundacióBit

Presentació "Emprendre en turisme 2.0"

Kürzlich hochgeladen

guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM

KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega

9egb-lengua y Literatura.pdf_texto del estudianteAndreaHuertas24

La era de la educación digital y sus desafiosFundación YOD YOD

EPA-pdf resultado da prova presencial UninoveFagnerLisboa3

trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill

Trabajo Mas Completo De Excel en clase tecnologíassuserf18419

Proyecto integrador. Las TIC en la sociedad S4.pptx241521559

Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology

Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg

Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11

Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez

International Women's Day Sucre 2024 (IWD)GDGSucre

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2

Plan de aula informatica segundo periodo.docxpabonheidy28

Kürzlich hochgeladen (16)

guía de registro de slideshare por Brayan Joseph

KELA Presentacion Costa Rica 2024 - evento Protégeles

CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA

9egb-lengua y Literatura.pdf_texto del estudiante

La era de la educación digital y sus desafios

EPA-pdf resultado da prova presencial Uninove

trabajotecologiaisabella-240424003133-8f126965.pdf

Trabajo Mas Completo De Excel en clase tecnología

Proyecto integrador. Las TIC en la sociedad S4.pptx

Redes direccionamiento y subredes ipv4 2024 .pdf

Cortes-24-de-abril-Tungurahua-3 año 2024

Hernandez_Hernandez_Practica web de la sesion 12.pptx

Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric

International Women's Day Sucre 2024 (IWD)

POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...

Plan de aula informatica segundo periodo.docx

Windows Phone y el diseño Metro

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

12.

13.

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í

16.

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

21.

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

23.

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

25.

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

Windows Phone y el diseño Metro

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Windows Phone y el diseño Metro

Ähnlich wie Windows Phone y el diseño Metro (20)

Mehr von Fundació Bit

Mehr von Fundació Bit (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (16)

Windows Phone y el diseño Metro