SlideShare una empresa de Scribd logo
Android 4.0 (Ice Cream Sandwich )
marca un hito en el diseño de apps
para la plataforma Android. Las
nuevas guías de diseño se han
expandido para cubrir también
tabletas y toda clase de dispositivos
móviles.
Se presenta también una nueva
tipografía, Roboto, diseñada para
pantallas de alta resolución.
El foco de estas guías es alcanzar
tres objetivos de diseño en las apps
y en el sistema operativo:
• Encántame
• Simplifica mi vida
• Hazme sorprendente
Crea gozo de maneras sorpresivas
Un fondo hermoso, una animación cuidadosamente colocada o un efecto
sonoro bien planeado crean gozo. Los efectos sutiles contribuyen a crear
una sensación de simplicidad y de que una fuerza poderosa está detrás de
la app.
Encántame
Los objetos reales son más divertidos que los
botones y los menús
Permite al usuario tocar y manipular objetos en tu app. Esto reduce el
trabajo cognitivo que se necesita para realizer una tarea al hacerla más
satisfactoria emocionalmente.
Encántame
Déjame personalizarlo
A las personas les encanta agregar sus toques personales porque les
ayuda a sentirse cómodos y en control. Proveé opciones predeterminadas
sensibles y bellas, pero considera personalizaciones opcionales que sean
divertidas y que no estorben en las tareas principales de la app.
Encántame
Conóceme
Conoce las preferencias del usuario mientras interactúas con él. En lugar
de preguntarle lo mismo una y otra vez, coloca las opciones que eligió con
anterioridad donde pueda verlas.
Encántame
Hazlo breve
Utiliza frases cortas con palabras simples. Es probable que el usuario
ignore el texto si es muy largo.
Simplifica mi vida
Las imágenes hablan
más rápido que las
palabras
Considera utilizer imágenes que
expliquen ideas. Las imágenes
atraen la atención del usuario y
pueden ser más eficientes que
las palabras.
Simplifica mi vida
Decide por mí pero
dejame tener la
última palabra
Trata de adivinar y actúa en
lugar de preguntar primero.
Demasiadas opciones hacen
infeliz a los usuarios. Solo en
caso de que puedas
equivocarte, permite al usuario
‘deshacer’.
Simplifica mi vida
Muéstrame solo lo
que necesito
cuando lo necesito
Los usuarios pueden sentirse
abrumados cuando ven
demasiadas opciones a la
vez. Rompe las tareas y la
información en bloques
pequeños y digeribles, oculta
las opciones que no son
esenciales en el momento y
enseña al usuario a usar la
app mientras la usa.
Simplifica mi vida
Siempre debo saber dónde estoy
Dale al usuario la confianza de que pueden navegar en tu app. Haz que las
diferentes vistas en tu app se vean diferentes y utiliza transiciones para
mostrar las relaciones entre pantallas. Dale retroalimentación al usuario en
las tareas que está realizando.
Simplifica mi vida
Nunca pierdas mis cosas
Guarda todo lo que al usuario le haya dedicado tiempo y permíteles tener
acceso a esa información desde cualquier parte. Recuerda
configuraciones, toques personales y creaciones en teléfonos, tabletas y
computadoras. Esto hace que actualizarse sea lo´más sencillo del mundo.
Simplifica mi vida
Debe funcionar como espero que lo haga al verlo
Ayuda a los usuarios a diferenciar las función de los controles en una app
al hacerlos radicalmente diferentes. Evitar las cosas que se vean similares
que actúen de manera diferente con la misma acción.
Simplifica mi vida
Interrúmpeme solo si es importante
Como un buen asistente personal, protege al usuario de distracciones sin
importancia. Los usuarios desean estar concentrados en lo que es
importante y a menos que se trate de algo crítico, una interrupción puede
ser costosa y frustrante.
Simplifica mi vida
Enseñame trucos que funcionen en todas partes
La gente se siente bien consigo misma cuando logran descubrir algo por
ellos mismos. Diseña tu app para que sea fácil aprender a usarla utilizando
patrones visuals y la memoria física de otras apps en Android. Por ejemplo,
el gesto de swipe puede ser una forma útil de crear un atajo.
Hazme sorprendente
No es mi culpa
Se gentil en la manera en que le pides al usuario que corrija algo. El
usuario quiere sentirse inteligente cuando usa tu app. Si algo sale mal,
dale instrucciones claras pero evitando los detalles técnicos. Si la app
puede resolver el problema tras bambalinas, mucho mejor.
Hazme sorprendente
Dame confianza para hacer más cosas
Rompe las tareas complejas en tareas más pequeñas que pueden ser
realizadas con más facilidad. Proveé retroalimentación a las acciones,
incluso si es solo un pequeño detalle como una brillo sutil.
Hazme sorprendente
Haz el trabajo pesado por mi.
Haz que los usuarios novatos se sientan como expertos al permitirles
hacer cosas que ellos nunca pensaron que podrían hacer por si solos. Por
ejemplo, un shortcut que combine varios efectos en una imagen puede
convertir las fotografías de un usuario principiante en arte con solo unos
cuantos pasos.
Hazme sorprendente
Haz rápido las cosas importantes
No todas las acciones son iguales. Decide cuáñ es la más importante en tu
app y haz fácil que el usuario la pueda encontrar y utilizar, como el botón
de disparo en la cámara, o el botón de reproducción en la app de música.
Hazme sorprendente
Tipografía
Paleta de colores
El color Azul es el color estándar en la paleta decolor deAndroid. Cada color tiene su equivalentemas oscuro
que puedeser utilizado como complemento cuandosea necesario.

Más contenido relacionado

La actualidad más candente

No todo lo que ves es lo que es.
No todo lo que ves es lo que es.No todo lo que ves es lo que es.
No todo lo que ves es lo que es.
Manusara
 
Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)
Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)
Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)
Izaskun Saez
 
Editores de-imagenes-mary
Editores de-imagenes-maryEditores de-imagenes-mary
Editores de-imagenes-mary
makamaea
 
Presentación1
Presentación1Presentación1
Presentación1
keiko sofia camacho
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
Izaskun Saez
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
Ernesto Olmedo Pereira
 
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Patrones de Diseño Web (Getting Input - Obtención de Información) - PresentaciónPatrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Alex Naupay
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
Mario Martinez
 
456
456456
Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)
Alex Naupay
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
Treze Estudio
 
Neuromarketing / Indicios en Sitios Web (Eyetracking)
Neuromarketing / Indicios en Sitios Web (Eyetracking)Neuromarketing / Indicios en Sitios Web (Eyetracking)
Neuromarketing / Indicios en Sitios Web (Eyetracking)
Leandro Romero
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
César Jodra
 
APUS LAUNCHER
APUS LAUNCHERAPUS LAUNCHER
APUS LAUNCHER
mafe_rivero
 

La actualidad más candente (16)

No todo lo que ves es lo que es.
No todo lo que ves es lo que es.No todo lo que ves es lo que es.
No todo lo que ves es lo que es.
 
Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)
Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)
Diseno y usabilidad en aplicaciones móviles para iphone (ui app design)
 
Editores de-imagenes-mary
Editores de-imagenes-maryEditores de-imagenes-mary
Editores de-imagenes-mary
 
Presentación1
Presentación1Presentación1
Presentación1
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
 
Mobile design for ux (spanish)
Mobile design for ux (spanish)Mobile design for ux (spanish)
Mobile design for ux (spanish)
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
 
Catalogo
CatalogoCatalogo
Catalogo
 
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Patrones de Diseño Web (Getting Input - Obtención de Información) - PresentaciónPatrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
Patrones de Diseño Web (Getting Input - Obtención de Información) - Presentación
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
456
456456
456
 
Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)Patrones de Diseño Web (Getting Input - Obtención de Información)
Patrones de Diseño Web (Getting Input - Obtención de Información)
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
 
Neuromarketing / Indicios en Sitios Web (Eyetracking)
Neuromarketing / Indicios en Sitios Web (Eyetracking)Neuromarketing / Indicios en Sitios Web (Eyetracking)
Neuromarketing / Indicios en Sitios Web (Eyetracking)
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
APUS LAUNCHER
APUS LAUNCHERAPUS LAUNCHER
APUS LAUNCHER
 

Destacado

USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
Steven McGee
 
Primera clase configuración del EVA
Primera clase configuración del EVAPrimera clase configuración del EVA
Primera clase configuración del EVA
Marisol Aman
 
Gafas de Realidade Virtual
Gafas de Realidade VirtualGafas de Realidade Virtual
Gafas de Realidade Virtual
prieto4
 
The second mile principle
The second mile principleThe second mile principle
The second mile principleVan Nagac
 
De hemorroides tratamiento
De hemorroides tratamientoDe hemorroides tratamiento
De hemorroides tratamientoeshacersea
 
Lo2 pitch
Lo2 pitchLo2 pitch
Lo2 pitch
Rachel Hepworth
 
Tutorial Google books
 Tutorial Google books Tutorial Google books
Tutorial Google books
1975alex
 
An Approach to Digital Marketing
An Approach to Digital MarketingAn Approach to Digital Marketing
An Approach to Digital Marketing
Suresh Parmachand
 
Las nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google AppsLas nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google Apps
Juan José Rodriguez MsC.
 
google aps
google apsgoogle aps
google aps
tvillegas01
 
Living on the future with google glass 2015
Living on the future with google glass   2015Living on the future with google glass   2015
Living on the future with google glass 2015
Juan José Rodriguez MsC.
 
GDG DevFest Lighting Talks México
GDG DevFest Lighting Talks MéxicoGDG DevFest Lighting Talks México
GDG DevFest Lighting Talks México
Juan José Rodriguez MsC.
 
Geoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passadoGeoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passado
Helton Uchoa
 
Learning Outcome Task One
Learning Outcome Task OneLearning Outcome Task One
Learning Outcome Task Onephele1994
 
Tic´s google +
Tic´s google +Tic´s google +
Tic´s google +
Diana Arrazate
 
Servicios de google
Servicios de googleServicios de google
Servicios de google
adrianabgonzalez
 
Direito penal iii crimes contra a inviolabilidade de correspondência
Direito penal iii   crimes contra a inviolabilidade de correspondênciaDireito penal iii   crimes contra a inviolabilidade de correspondência
Direito penal iii crimes contra a inviolabilidade de correspondência
Urbano Felix Pugliese
 
Programas y Herramientas de Google para emprendedores
Programas y Herramientas de Google para emprendedoresProgramas y Herramientas de Google para emprendedores
Programas y Herramientas de Google para emprendedores
Juan José Rodriguez MsC.
 

Destacado (20)

USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
 
Primera clase configuración del EVA
Primera clase configuración del EVAPrimera clase configuración del EVA
Primera clase configuración del EVA
 
Gafas de Realidade Virtual
Gafas de Realidade VirtualGafas de Realidade Virtual
Gafas de Realidade Virtual
 
The second mile principle
The second mile principleThe second mile principle
The second mile principle
 
De hemorroides tratamiento
De hemorroides tratamientoDe hemorroides tratamiento
De hemorroides tratamiento
 
Lo2 pitch
Lo2 pitchLo2 pitch
Lo2 pitch
 
Tutorial Google books
 Tutorial Google books Tutorial Google books
Tutorial Google books
 
An Approach to Digital Marketing
An Approach to Digital MarketingAn Approach to Digital Marketing
An Approach to Digital Marketing
 
Las nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google AppsLas nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google Apps
 
google aps
google apsgoogle aps
google aps
 
Living on the future with google glass 2015
Living on the future with google glass   2015Living on the future with google glass   2015
Living on the future with google glass 2015
 
FusionCharts Clockworks
FusionCharts ClockworksFusionCharts Clockworks
FusionCharts Clockworks
 
GDG DevFest Lighting Talks México
GDG DevFest Lighting Talks MéxicoGDG DevFest Lighting Talks México
GDG DevFest Lighting Talks México
 
Geoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passadoGeoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passado
 
Learning Outcome Task One
Learning Outcome Task OneLearning Outcome Task One
Learning Outcome Task One
 
Tic´s google +
Tic´s google +Tic´s google +
Tic´s google +
 
Fenómeno de Google
Fenómeno de GoogleFenómeno de Google
Fenómeno de Google
 
Servicios de google
Servicios de googleServicios de google
Servicios de google
 
Direito penal iii crimes contra a inviolabilidade de correspondência
Direito penal iii   crimes contra a inviolabilidade de correspondênciaDireito penal iii   crimes contra a inviolabilidade de correspondência
Direito penal iii crimes contra a inviolabilidade de correspondência
 
Programas y Herramientas de Google para emprendedores
Programas y Herramientas de Google para emprendedoresProgramas y Herramientas de Google para emprendedores
Programas y Herramientas de Google para emprendedores
 

Similar a Guías de diseño para apps en Android 4

¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
DNRstudios
 
Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10
Mauricio Angulo
 
Dev Up 2011
Dev Up 2011Dev Up 2011
Dev Up 2011
sergi_vila
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
lautaropa
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
lautaropa
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para apps
Mauricio Angulo
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móviles
Mauricio Angulo
 
Las apps
Las appsLas apps
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
Sandhy Vargas Cruz
 
UX heuristics
UX heuristicsUX heuristics
UX heuristics
betabeers
 
Curso: Diseño de apps y webs móviles - Parte 1
Curso: Diseño de apps y webs móviles - Parte 1Curso: Diseño de apps y webs móviles - Parte 1
Curso: Diseño de apps y webs móviles - Parte 1
Juan Eladio Sánchez Rosas
 
Clase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphoneClase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphoneChristian Cabrera
 
Claudio Adrian Michieli - Diseño ui / ux más que estética
 Claudio Adrian Michieli - Diseño ui / ux más que estética Claudio Adrian Michieli - Diseño ui / ux más que estética
Claudio Adrian Michieli - Diseño ui / ux más que estética
Claudio Adrian Natoli Michieli
 
Desarrollo web movil
Desarrollo web movilDesarrollo web movil
Desarrollo web movil
Alfredo Juarez
 
Usabilidad02
Usabilidad02Usabilidad02
Usabilidad02
Miguel Peña Azpiri
 
Principios de diseño de productos digitales
Principios de diseño de productos digitalesPrincipios de diseño de productos digitales
Principios de diseño de productos digitales
Patricio Bustos Madrid
 
10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptx10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptx
RafaelZapata26
 

Similar a Guías de diseño para apps en Android 4 (20)

¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?¿Cómo diseñar una buena Aplicación para dispositivos móviles?
¿Cómo diseñar una buena Aplicación para dispositivos móviles?
 
Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10
 
Dev Up 2011
Dev Up 2011Dev Up 2011
Dev Up 2011
 
I os 7
I os 7I os 7
I os 7
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para apps
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móviles
 
Las apps
Las appsLas apps
Las apps
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
UX heuristics
UX heuristicsUX heuristics
UX heuristics
 
Curso: Diseño de apps y webs móviles - Parte 1
Curso: Diseño de apps y webs móviles - Parte 1Curso: Diseño de apps y webs móviles - Parte 1
Curso: Diseño de apps y webs móviles - Parte 1
 
Clase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphoneClase7 diseñode interacciónblackberry–iphone
Clase7 diseñode interacciónblackberry–iphone
 
Claudio Adrian Michieli - Diseño ui / ux más que estética
 Claudio Adrian Michieli - Diseño ui / ux más que estética Claudio Adrian Michieli - Diseño ui / ux más que estética
Claudio Adrian Michieli - Diseño ui / ux más que estética
 
Usabillidad web 2013
Usabillidad web 2013Usabillidad web 2013
Usabillidad web 2013
 
Desarrollo web movil
Desarrollo web movilDesarrollo web movil
Desarrollo web movil
 
Usabilidad02
Usabilidad02Usabilidad02
Usabilidad02
 
Principios de diseño de productos digitales
Principios de diseño de productos digitalesPrincipios de diseño de productos digitales
Principios de diseño de productos digitales
 
10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptx10 heurísticas de usabilidad para el diseño de.pptx
10 heurísticas de usabilidad para el diseño de.pptx
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 

Más de Mauricio Angulo

Experiencia de usuario para gobierno digital
Experiencia de usuario para gobierno digitalExperiencia de usuario para gobierno digital
Experiencia de usuario para gobierno digital
Mauricio Angulo
 
Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Patrones oscuros de UX - UX Nights Vol 1.03 en MonterreyPatrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Mauricio Angulo
 
Patrones interactivos con Material Design
Patrones interactivos con Material DesignPatrones interactivos con Material Design
Patrones interactivos con Material DesignMauricio Angulo
 
Patrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile DayPatrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile Day
Mauricio Angulo
 
Patrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplosPatrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplos
Mauricio Angulo
 
Prototipando apps con Axure
Prototipando apps con AxurePrototipando apps con Axure
Prototipando apps con Axure
Mauricio Angulo
 
ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.
Mauricio Angulo
 
Desarrollo para Google Glass
Desarrollo para Google GlassDesarrollo para Google Glass
Desarrollo para Google Glass
Mauricio Angulo
 
Checklist para SEO
Checklist para SEOChecklist para SEO
Checklist para SEO
Mauricio Angulo
 
Mobile learning
Mobile learningMobile learning
Mobile learning
Mauricio Angulo
 
Como liberar el contenido digital
Como liberar el contenido digitalComo liberar el contenido digital
Como liberar el contenido digital
Mauricio Angulo
 
Conversion funnel
Conversion funnelConversion funnel
Conversion funnel
Mauricio Angulo
 
Grandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digitalGrandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digital
Mauricio Angulo
 
Introduccion al M-Commerce
Introduccion al M-CommerceIntroduccion al M-Commerce
Introduccion al M-Commerce
Mauricio Angulo
 
Demoing 101
Demoing 101Demoing 101
Demoing 101
Mauricio Angulo
 
20 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 201320 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 2013Mauricio Angulo
 
Distribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract PagesDistribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract Pages
Mauricio Angulo
 
Introducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing DigitalIntroducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing Digital
Mauricio Angulo
 
Geomarketing práctico
Geomarketing prácticoGeomarketing práctico
Geomarketing práctico
Mauricio Angulo
 
Midiendo marketing digital display y performance
Midiendo marketing digital   display y performanceMidiendo marketing digital   display y performance
Midiendo marketing digital display y performanceMauricio Angulo
 

Más de Mauricio Angulo (20)

Experiencia de usuario para gobierno digital
Experiencia de usuario para gobierno digitalExperiencia de usuario para gobierno digital
Experiencia de usuario para gobierno digital
 
Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Patrones oscuros de UX - UX Nights Vol 1.03 en MonterreyPatrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
 
Patrones interactivos con Material Design
Patrones interactivos con Material DesignPatrones interactivos con Material Design
Patrones interactivos con Material Design
 
Patrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile DayPatrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile Day
 
Patrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplosPatrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplos
 
Prototipando apps con Axure
Prototipando apps con AxurePrototipando apps con Axure
Prototipando apps con Axure
 
ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.
 
Desarrollo para Google Glass
Desarrollo para Google GlassDesarrollo para Google Glass
Desarrollo para Google Glass
 
Checklist para SEO
Checklist para SEOChecklist para SEO
Checklist para SEO
 
Mobile learning
Mobile learningMobile learning
Mobile learning
 
Como liberar el contenido digital
Como liberar el contenido digitalComo liberar el contenido digital
Como liberar el contenido digital
 
Conversion funnel
Conversion funnelConversion funnel
Conversion funnel
 
Grandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digitalGrandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digital
 
Introduccion al M-Commerce
Introduccion al M-CommerceIntroduccion al M-Commerce
Introduccion al M-Commerce
 
Demoing 101
Demoing 101Demoing 101
Demoing 101
 
20 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 201320 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 2013
 
Distribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract PagesDistribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract Pages
 
Introducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing DigitalIntroducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing Digital
 
Geomarketing práctico
Geomarketing prácticoGeomarketing práctico
Geomarketing práctico
 
Midiendo marketing digital display y performance
Midiendo marketing digital   display y performanceMidiendo marketing digital   display y performance
Midiendo marketing digital display y performance
 

Último

Lectura. Reseña ilustrada, novela Albert Camus
Lectura.  Reseña ilustrada, novela Albert CamusLectura.  Reseña ilustrada, novela Albert Camus
Lectura. Reseña ilustrada, novela Albert Camus
RenataGrecia
 
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
Sarai747172
 
Mapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docx
Mapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docxMapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docx
Mapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docx
Linner ortiz
 
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICOMAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
MarianellaMalaveCazo
 
etiqueta que se utiliza en un restaurante .pdf
etiqueta que se utiliza en  un restaurante  .pdfetiqueta que se utiliza en  un restaurante  .pdf
etiqueta que se utiliza en un restaurante .pdf
Vhope6
 
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseñoPropuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseño
Mariano Salgado
 
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptxVERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
ingridavila20
 
Arquitecto Cerro Larraín - Cerro Barón - Valparaíso
Arquitecto Cerro Larraín - Cerro Barón  - ValparaísoArquitecto Cerro Larraín - Cerro Barón  - Valparaíso
Arquitecto Cerro Larraín - Cerro Barón - Valparaíso
ArquitecturaClculoCe
 
Desarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdfDesarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdf
marianamadronero578
 
Porfolio livings creados por Carlotta Design
Porfolio livings creados por Carlotta DesignPorfolio livings creados por Carlotta Design
Porfolio livings creados por Carlotta Design
paulacoux1
 
Patrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en CancunPatrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en Cancun
DianaArtemizaCP
 
DIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en lineaDIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en linea
EduarRamos7
 
Porfolio de diseños de Comedores de Carlotta Design
Porfolio  de diseños de Comedores de Carlotta DesignPorfolio  de diseños de Comedores de Carlotta Design
Porfolio de diseños de Comedores de Carlotta Design
paulacoux1
 
mapa mental gestion del capital humano.pdf
mapa mental gestion del capital humano.pdfmapa mental gestion del capital humano.pdf
mapa mental gestion del capital humano.pdf
andreakathe12
 
Movimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela ArquitecturaMovimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela Arquitectura
LeonardoDantasRivas
 
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
62946377
 
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdfEstilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
JosueJuanez1
 
Introduccion-a-la-vida-de-Johannes-Kepler.pptx
Introduccion-a-la-vida-de-Johannes-Kepler.pptxIntroduccion-a-la-vida-de-Johannes-Kepler.pptx
Introduccion-a-la-vida-de-Johannes-Kepler.pptx
albujarluisl
 
Arquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaArquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en Latinoamérica
imariagsg
 
informecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docxinformecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docx
IsabellaCortes7
 

Último (20)

Lectura. Reseña ilustrada, novela Albert Camus
Lectura.  Reseña ilustrada, novela Albert CamusLectura.  Reseña ilustrada, novela Albert Camus
Lectura. Reseña ilustrada, novela Albert Camus
 
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
 
Mapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docx
Mapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docxMapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docx
Mapa-coHUIOIUHYGFDFGHYUInceptual-de-la-Noticia.docx
 
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICOMAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
MAPAS MIXTOS DE LA EVOLUCIÓN DEL COMPUTADOR Y EL DISEÑO GRÁFICO
 
etiqueta que se utiliza en un restaurante .pdf
etiqueta que se utiliza en  un restaurante  .pdfetiqueta que se utiliza en  un restaurante  .pdf
etiqueta que se utiliza en un restaurante .pdf
 
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseñoPropuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseño
 
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptxVERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
VERTEDEROS CRESTA ANCHA- PRESENTACION FINAL CON PREGUNTAS.pptx
 
Arquitecto Cerro Larraín - Cerro Barón - Valparaíso
Arquitecto Cerro Larraín - Cerro Barón  - ValparaísoArquitecto Cerro Larraín - Cerro Barón  - Valparaíso
Arquitecto Cerro Larraín - Cerro Barón - Valparaíso
 
Desarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdfDesarrollo de habilidades de pensamiento (1).pdf
Desarrollo de habilidades de pensamiento (1).pdf
 
Porfolio livings creados por Carlotta Design
Porfolio livings creados por Carlotta DesignPorfolio livings creados por Carlotta Design
Porfolio livings creados por Carlotta Design
 
Patrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en CancunPatrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en Cancun
 
DIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en lineaDIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en linea
 
Porfolio de diseños de Comedores de Carlotta Design
Porfolio  de diseños de Comedores de Carlotta DesignPorfolio  de diseños de Comedores de Carlotta Design
Porfolio de diseños de Comedores de Carlotta Design
 
mapa mental gestion del capital humano.pdf
mapa mental gestion del capital humano.pdfmapa mental gestion del capital humano.pdf
mapa mental gestion del capital humano.pdf
 
Movimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela ArquitecturaMovimiento Moderno en Venezuela Arquitectura
Movimiento Moderno en Venezuela Arquitectura
 
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 1820
 
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdfEstilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
 
Introduccion-a-la-vida-de-Johannes-Kepler.pptx
Introduccion-a-la-vida-de-Johannes-Kepler.pptxIntroduccion-a-la-vida-de-Johannes-Kepler.pptx
Introduccion-a-la-vida-de-Johannes-Kepler.pptx
 
Arquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaArquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en Latinoamérica
 
informecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docxinformecbdlp-240603151721-44655eeh2.docx
informecbdlp-240603151721-44655eeh2.docx
 

Guías de diseño para apps en Android 4

  • 1.
  • 2. Android 4.0 (Ice Cream Sandwich ) marca un hito en el diseño de apps para la plataforma Android. Las nuevas guías de diseño se han expandido para cubrir también tabletas y toda clase de dispositivos móviles. Se presenta también una nueva tipografía, Roboto, diseñada para pantallas de alta resolución.
  • 3. El foco de estas guías es alcanzar tres objetivos de diseño en las apps y en el sistema operativo: • Encántame • Simplifica mi vida • Hazme sorprendente
  • 4. Crea gozo de maneras sorpresivas Un fondo hermoso, una animación cuidadosamente colocada o un efecto sonoro bien planeado crean gozo. Los efectos sutiles contribuyen a crear una sensación de simplicidad y de que una fuerza poderosa está detrás de la app. Encántame
  • 5. Los objetos reales son más divertidos que los botones y los menús Permite al usuario tocar y manipular objetos en tu app. Esto reduce el trabajo cognitivo que se necesita para realizer una tarea al hacerla más satisfactoria emocionalmente. Encántame
  • 6. Déjame personalizarlo A las personas les encanta agregar sus toques personales porque les ayuda a sentirse cómodos y en control. Proveé opciones predeterminadas sensibles y bellas, pero considera personalizaciones opcionales que sean divertidas y que no estorben en las tareas principales de la app. Encántame
  • 7. Conóceme Conoce las preferencias del usuario mientras interactúas con él. En lugar de preguntarle lo mismo una y otra vez, coloca las opciones que eligió con anterioridad donde pueda verlas. Encántame
  • 8. Hazlo breve Utiliza frases cortas con palabras simples. Es probable que el usuario ignore el texto si es muy largo. Simplifica mi vida
  • 9. Las imágenes hablan más rápido que las palabras Considera utilizer imágenes que expliquen ideas. Las imágenes atraen la atención del usuario y pueden ser más eficientes que las palabras. Simplifica mi vida
  • 10. Decide por mí pero dejame tener la última palabra Trata de adivinar y actúa en lugar de preguntar primero. Demasiadas opciones hacen infeliz a los usuarios. Solo en caso de que puedas equivocarte, permite al usuario ‘deshacer’. Simplifica mi vida
  • 11. Muéstrame solo lo que necesito cuando lo necesito Los usuarios pueden sentirse abrumados cuando ven demasiadas opciones a la vez. Rompe las tareas y la información en bloques pequeños y digeribles, oculta las opciones que no son esenciales en el momento y enseña al usuario a usar la app mientras la usa. Simplifica mi vida
  • 12. Siempre debo saber dónde estoy Dale al usuario la confianza de que pueden navegar en tu app. Haz que las diferentes vistas en tu app se vean diferentes y utiliza transiciones para mostrar las relaciones entre pantallas. Dale retroalimentación al usuario en las tareas que está realizando. Simplifica mi vida
  • 13. Nunca pierdas mis cosas Guarda todo lo que al usuario le haya dedicado tiempo y permíteles tener acceso a esa información desde cualquier parte. Recuerda configuraciones, toques personales y creaciones en teléfonos, tabletas y computadoras. Esto hace que actualizarse sea lo´más sencillo del mundo. Simplifica mi vida
  • 14. Debe funcionar como espero que lo haga al verlo Ayuda a los usuarios a diferenciar las función de los controles en una app al hacerlos radicalmente diferentes. Evitar las cosas que se vean similares que actúen de manera diferente con la misma acción. Simplifica mi vida
  • 15. Interrúmpeme solo si es importante Como un buen asistente personal, protege al usuario de distracciones sin importancia. Los usuarios desean estar concentrados en lo que es importante y a menos que se trate de algo crítico, una interrupción puede ser costosa y frustrante. Simplifica mi vida
  • 16. Enseñame trucos que funcionen en todas partes La gente se siente bien consigo misma cuando logran descubrir algo por ellos mismos. Diseña tu app para que sea fácil aprender a usarla utilizando patrones visuals y la memoria física de otras apps en Android. Por ejemplo, el gesto de swipe puede ser una forma útil de crear un atajo. Hazme sorprendente
  • 17. No es mi culpa Se gentil en la manera en que le pides al usuario que corrija algo. El usuario quiere sentirse inteligente cuando usa tu app. Si algo sale mal, dale instrucciones claras pero evitando los detalles técnicos. Si la app puede resolver el problema tras bambalinas, mucho mejor. Hazme sorprendente
  • 18. Dame confianza para hacer más cosas Rompe las tareas complejas en tareas más pequeñas que pueden ser realizadas con más facilidad. Proveé retroalimentación a las acciones, incluso si es solo un pequeño detalle como una brillo sutil. Hazme sorprendente
  • 19. Haz el trabajo pesado por mi. Haz que los usuarios novatos se sientan como expertos al permitirles hacer cosas que ellos nunca pensaron que podrían hacer por si solos. Por ejemplo, un shortcut que combine varios efectos en una imagen puede convertir las fotografías de un usuario principiante en arte con solo unos cuantos pasos. Hazme sorprendente
  • 20. Haz rápido las cosas importantes No todas las acciones son iguales. Decide cuáñ es la más importante en tu app y haz fácil que el usuario la pueda encontrar y utilizar, como el botón de disparo en la cámara, o el botón de reproducción en la app de música. Hazme sorprendente
  • 22. Paleta de colores El color Azul es el color estándar en la paleta decolor deAndroid. Cada color tiene su equivalentemas oscuro que puedeser utilizado como complemento cuandosea necesario.