SlideShare una empresa de Scribd logo
1 de 58
Descargar para leer sin conexión
@soreygarcia
Es un lenguaje de diseño
moderno y limpio
Es acerca de contenido y tipografía
1. Swiss Style (Estilo Tipográfico Internacional)
Cotidiano
Swissted
The Noun Project
2. Escuela de Arte Bauhaus
Simplicidad y Minimalismo
3. Kinetic typography
gente   vs.   iconos
Conectando personas
Recordación de marca, facilidad de uso
Distribución de contenido
Contenido gráfico y con significado
Atractivo
Intuitivo
Pensado para pantallas táctiles
Dando continuidad al mouse con más interacciones
Una experiencia diferente
Conservando la experiencia tradicional
La primera idea, dejar el miedo a los espacios vacíos
Al pasar de lo complejo
A lo simple
Generando recordación de marca
Dando protagonismo al contenido
Ofreciendo niveles intermedios
Y más información usando desplazamiento
Diferentes vistas con el zoom semántico
… e información en detalle
Además de la posibilidad de compartir
Y comunicarse con el usuario aun fuera de la aplicación
Re-imaginando los diálogos
Y enfocándose en el contenido no en operaciones alternas
Conectando a las personas con sus redes y servicios
A diferentes niveles de visibilidad
… y emociones
Conectar los negocios con información relevante
Y aun así, permitir que las personas sigan conectadas
Un buen contenido no necesita un marco
Cree aplicaciones inmersivas
Ofreciendo la posibilidad de configurar, buscar y compartir
En más de una manera
Permita que el usuario se concentre en lo que hace
Deje las operaciones complementarias fuera del contenido
Y no olvide el trabajo de forma simultánea
@soreygarcia

Más contenido relacionado

Destacado

Internet de las Cosas y Netduino
Internet de las Cosas y NetduinoInternet de las Cosas y Netduino
Internet de las Cosas y Netduino
Sorey García
 
Windows 8 - BarCamp Medellín
Windows 8 - BarCamp MedellínWindows 8 - BarCamp Medellín
Windows 8 - BarCamp Medellín
Sorey García
 
Desconferencia BarCamp Medellín 2009 - Aplicaciones Móviles
Desconferencia BarCamp Medellín 2009 - Aplicaciones MóvilesDesconferencia BarCamp Medellín 2009 - Aplicaciones Móviles
Desconferencia BarCamp Medellín 2009 - Aplicaciones Móviles
Sorey García
 
Barcamp cucuta 2010 - Aplicaciones Móviles
Barcamp cucuta 2010 - Aplicaciones MóvilesBarcamp cucuta 2010 - Aplicaciones Móviles
Barcamp cucuta 2010 - Aplicaciones Móviles
Sorey García
 
Similitudes y deferencias en UX para Windows Phone y Windows
Similitudes y deferencias en UX para Windows Phone y WindowsSimilitudes y deferencias en UX para Windows Phone y Windows
Similitudes y deferencias en UX para Windows Phone y Windows
Sorey García
 
Hackaton Globant - Windows Phone (snnipets and tips)
Hackaton Globant - Windows Phone (snnipets and tips)Hackaton Globant - Windows Phone (snnipets and tips)
Hackaton Globant - Windows Phone (snnipets and tips)
Sorey García
 
Desconferencia Barcamp Cali 2009 - Ingeniería de Software
Desconferencia Barcamp Cali 2009 - Ingeniería de SoftwareDesconferencia Barcamp Cali 2009 - Ingeniería de Software
Desconferencia Barcamp Cali 2009 - Ingeniería de Software
Sorey García
 
Como Hacer Presentaciones
Como Hacer PresentacionesComo Hacer Presentaciones
Como Hacer Presentaciones
Sorey García
 
Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8
Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8
Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8
Sorey García
 
GWAB: Azure Mobile Services
GWAB: Azure Mobile ServicesGWAB: Azure Mobile Services
GWAB: Azure Mobile Services
Sorey García
 
JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript
JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y JavascriptJSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript
JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript
Sorey García
 
Windows Phone 8 en Campus Party
Windows Phone 8 en Campus PartyWindows Phone 8 en Campus Party
Windows Phone 8 en Campus Party
Sorey García
 
Why an Engineer should be "human" too
Why an Engineer should be "human" tooWhy an Engineer should be "human" too
Why an Engineer should be "human" too
Sorey García
 
Windows Phone 8: Tips de Diseño para Desarrolladores
Windows Phone 8: Tips de Diseño para DesarrolladoresWindows Phone 8: Tips de Diseño para Desarrolladores
Windows Phone 8: Tips de Diseño para Desarrolladores
Sorey García
 

Destacado (20)

Internet de las Cosas y Netduino
Internet de las Cosas y NetduinoInternet de las Cosas y Netduino
Internet de las Cosas y Netduino
 
Windows 8 - BarCamp Medellín
Windows 8 - BarCamp MedellínWindows 8 - BarCamp Medellín
Windows 8 - BarCamp Medellín
 
Desconferencia BarCamp Medellín 2009 - Aplicaciones Móviles
Desconferencia BarCamp Medellín 2009 - Aplicaciones MóvilesDesconferencia BarCamp Medellín 2009 - Aplicaciones Móviles
Desconferencia BarCamp Medellín 2009 - Aplicaciones Móviles
 
[Avanet] Fiesta del Libro y la Cultura Medellín
[Avanet] Fiesta del Libro y la Cultura Medellín[Avanet] Fiesta del Libro y la Cultura Medellín
[Avanet] Fiesta del Libro y la Cultura Medellín
 
Barcamp cucuta 2010 - Aplicaciones Móviles
Barcamp cucuta 2010 - Aplicaciones MóvilesBarcamp cucuta 2010 - Aplicaciones Móviles
Barcamp cucuta 2010 - Aplicaciones Móviles
 
Similitudes y deferencias en UX para Windows Phone y Windows
Similitudes y deferencias en UX para Windows Phone y WindowsSimilitudes y deferencias en UX para Windows Phone y Windows
Similitudes y deferencias en UX para Windows Phone y Windows
 
Contadores De Historias
Contadores De HistoriasContadores De Historias
Contadores De Historias
 
Codies.Launch()
Codies.Launch()Codies.Launch()
Codies.Launch()
 
Hackaton Globant - Windows Phone (snnipets and tips)
Hackaton Globant - Windows Phone (snnipets and tips)Hackaton Globant - Windows Phone (snnipets and tips)
Hackaton Globant - Windows Phone (snnipets and tips)
 
WIE: El poder de transformar al mundo con tecnología
WIE: El poder de transformar al mundo con tecnologíaWIE: El poder de transformar al mundo con tecnología
WIE: El poder de transformar al mundo con tecnología
 
Frases Celebres I
Frases Celebres IFrases Celebres I
Frases Celebres I
 
Desconferencia Barcamp Cali 2009 - Ingeniería de Software
Desconferencia Barcamp Cali 2009 - Ingeniería de SoftwareDesconferencia Barcamp Cali 2009 - Ingeniería de Software
Desconferencia Barcamp Cali 2009 - Ingeniería de Software
 
Como Hacer Presentaciones
Como Hacer PresentacionesComo Hacer Presentaciones
Como Hacer Presentaciones
 
Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8
Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8
Estrategias para desarrollo crossplatform en Windows Phone 8 y Windows 8
 
GWAB: Azure Mobile Services
GWAB: Azure Mobile ServicesGWAB: Azure Mobile Services
GWAB: Azure Mobile Services
 
JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript
JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y JavascriptJSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript
JSConfCo: Desarrollo de Aplicaciones para Windows Store con HTML5 y Javascript
 
Windows Phone 8 en Campus Party
Windows Phone 8 en Campus PartyWindows Phone 8 en Campus Party
Windows Phone 8 en Campus Party
 
Why an Engineer should be "human" too
Why an Engineer should be "human" tooWhy an Engineer should be "human" too
Why an Engineer should be "human" too
 
Windows Phone 8: Tips de Diseño para Desarrolladores
Windows Phone 8: Tips de Diseño para DesarrolladoresWindows Phone 8: Tips de Diseño para Desarrolladores
Windows Phone 8: Tips de Diseño para Desarrolladores
 
MVP Open Day - Best Practices/Experiences
MVP Open Day - Best Practices/Experiences MVP Open Day - Best Practices/Experiences
MVP Open Day - Best Practices/Experiences
 

Similar a Metro Style - Mobile Monday Medellín 2012

Unidad 4
Unidad 4Unidad 4
Unidad 4
gzby
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
gzby
 
Portafolio de ntics
Portafolio de nticsPortafolio de ntics
Portafolio de ntics
Day Segovia
 
Portafolio de ntics
Portafolio de nticsPortafolio de ntics
Portafolio de ntics
Day Segovia
 
Unidad 4 Diseño de interfaces hombre máquina Brenda Estupiñán
Unidad 4 Diseño de interfaces hombre máquina Brenda EstupiñánUnidad 4 Diseño de interfaces hombre máquina Brenda Estupiñán
Unidad 4 Diseño de interfaces hombre máquina Brenda Estupiñán
Starlas Ps
 
Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquin
elmorenof
 

Similar a Metro Style - Mobile Monday Medellín 2012 (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Presentación La experiencia de usuario ante la visualización y la producción ...
Presentación La experiencia de usuario ante la visualización y la producción ...Presentación La experiencia de usuario ante la visualización y la producción ...
Presentación La experiencia de usuario ante la visualización y la producción ...
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Unidad4
Unidad4Unidad4
Unidad4
 
Portafolio de ntics
Portafolio de nticsPortafolio de ntics
Portafolio de ntics
 
Portafolio de ntics
Portafolio de nticsPortafolio de ntics
Portafolio de ntics
 
info1
info1info1
info1
 
Infografía digital interactiva
Infografía digital interactivaInfografía digital interactiva
Infografía digital interactiva
 
Unidad 4 Diseño de interfaces hombre máquina Brenda Estupiñán
Unidad 4 Diseño de interfaces hombre máquina Brenda EstupiñánUnidad 4 Diseño de interfaces hombre máquina Brenda Estupiñán
Unidad 4 Diseño de interfaces hombre máquina Brenda Estupiñán
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Retórica
RetóricaRetórica
Retórica
 
Seminario alex marroquin
Seminario alex marroquinSeminario alex marroquin
Seminario alex marroquin
 
Prototipo
PrototipoPrototipo
Prototipo
 
Tics equipo2 manualinfografiaseducativas.1-edoc-zitacuaro
Tics equipo2 manualinfografiaseducativas.1-edoc-zitacuaroTics equipo2 manualinfografiaseducativas.1-edoc-zitacuaro
Tics equipo2 manualinfografiaseducativas.1-edoc-zitacuaro
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Posibilidades
PosibilidadesPosibilidades
Posibilidades
 

Más de Sorey García

Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)
Sorey García
 
Introducción a XAML y MVVM
Introducción a XAML y MVVMIntroducción a XAML y MVVM
Introducción a XAML y MVVM
Sorey García
 
Boya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows PhoneBoya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows Phone
Sorey García
 
Gestión de conocimiento
Gestión de conocimientoGestión de conocimiento
Gestión de conocimiento
Sorey García
 
Planificando las bases de una aplicación windows phone
Planificando las bases de una aplicación windows phonePlanificando las bases de una aplicación windows phone
Planificando las bases de una aplicación windows phone
Sorey García
 

Más de Sorey García (18)

Mision inspiración para docentes
Mision inspiración para docentesMision inspiración para docentes
Mision inspiración para docentes
 
NetConfUY: Maximizando la productividad del desarrollo móvil
NetConfUY: Maximizando la productividad del desarrollo móvilNetConfUY: Maximizando la productividad del desarrollo móvil
NetConfUY: Maximizando la productividad del desarrollo móvil
 
Introducción a Xamarin Forms con XAML
Introducción a Xamarin Forms con XAMLIntroducción a Xamarin Forms con XAML
Introducción a Xamarin Forms con XAML
 
TechDay 2015 - C# y XAML: El poder de construir aplicaciones en todas las pla...
TechDay 2015 - C# y XAML: El poder de construir aplicaciones en todas las pla...TechDay 2015 - C# y XAML: El poder de construir aplicaciones en todas las pla...
TechDay 2015 - C# y XAML: El poder de construir aplicaciones en todas las pla...
 
Misión: Inspiración
Misión: InspiraciónMisión: Inspiración
Misión: Inspiración
 
Tendencias de movilidad en el mercado masivo y empresarial
Tendencias de movilidad en el mercado masivo y empresarialTendencias de movilidad en el mercado masivo y empresarial
Tendencias de movilidad en el mercado masivo y empresarial
 
Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)
 
Conociendo el ecosistema de Windows Phone 8 y Windows 8
Conociendo el ecosistema de Windows Phone 8 y Windows 8Conociendo el ecosistema de Windows Phone 8 y Windows 8
Conociendo el ecosistema de Windows Phone 8 y Windows 8
 
Introducción a XAML y MVVM
Introducción a XAML y MVVMIntroducción a XAML y MVVM
Introducción a XAML y MVVM
 
Sensibilización en Metodologías Ágiles
Sensibilización en Metodologías ÁgilesSensibilización en Metodologías Ágiles
Sensibilización en Metodologías Ágiles
 
Boya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows PhoneBoya.ca - Introducción a Windows Phone
Boya.ca - Introducción a Windows Phone
 
Gestión de conocimiento
Gestión de conocimientoGestión de conocimiento
Gestión de conocimiento
 
Planificando las bases de una aplicación windows phone
Planificando las bases de una aplicación windows phonePlanificando las bases de una aplicación windows phone
Planificando las bases de una aplicación windows phone
 
#1 - Hackers & Developers Magazine
#1 - Hackers & Developers Magazine#1 - Hackers & Developers Magazine
#1 - Hackers & Developers Magazine
 
Windows 8: Tips de diseño, contratos y tiles
Windows 8: Tips de diseño, contratos y tilesWindows 8: Tips de diseño, contratos y tiles
Windows 8: Tips de diseño, contratos y tiles
 
Windows 8: Empaquetamiento y publicación
Windows 8: Empaquetamiento y publicaciónWindows 8: Empaquetamiento y publicación
Windows 8: Empaquetamiento y publicación
 
#0 - Hackers & Developers Magazine
#0 - Hackers & Developers Magazine#0 - Hackers & Developers Magazine
#0 - Hackers & Developers Magazine
 
Nuevos actores de la ingenieria de software
Nuevos actores de la ingenieria de softwareNuevos actores de la ingenieria de software
Nuevos actores de la ingenieria de software
 

Último

CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
asnsdt
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
meloamerica93
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
AdrianaCarolinaMoral2
 

Último (20)

Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 

Metro Style - Mobile Monday Medellín 2012