webinar innovachallenge mx: omar mendoza, diseño, ux y ui

51
Diseño e interacción Omar Mendoza @omendoza facebook.com/omendoza

Upload: bbva-innovation-center

Post on 01-Jul-2015

127 views

Category:

Technology


1 download

DESCRIPTION

Presentación del webinar de Omar Mendoza, dentro del marco del concurso InnovaChallenge MX, en el que habla sobre diseño y consejos y buenas prácticas de UX y UI.

TRANSCRIPT

Page 1: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Diseño e interacción

Omar Mendoza @omendoza

facebook.com/omendoza

Page 2: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

– Laura Klein -

Diseño es lo que sucede después de la primera interacción

Page 3: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Acción que se ejerce recíprocamente entre dos o más entes

Interacción

Page 4: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Es la conexión entre esos dos entes para realizar la acción

interfaz

Page 5: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Las interfaces no deben ser intuitivas sino familiares

Page 6: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI
Page 7: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

No estamos creando una aplicación,

estamos diseñando una experiencia

Page 8: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

Page 9: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

entender y plantear el tipo de experiencia que

debe vivir el usuario

Page 10: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

Reunirse una y otra vez!con todos los!involucrados

Page 11: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

Probar una y otra vez

Page 12: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

El usuario puede tener sentimientos positivos,

negativos o neutros hacia el diseño

Page 13: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

¿Qué es lo que opina el usuario sobre la aplicación?!

!“esta buenísimo pero no !sé como lo voy a utilizar”

Page 14: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

medir y no dejar de medir

Page 15: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

User eXperience Perception Planning

Y volver a empezar

Page 16: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Principios de diseño de interfaz

Page 17: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Anticipación

Page 18: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Retroalimentación

Page 19: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Color

Page 20: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Consistencia

Page 21: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Eficiencia del usuario

Page 22: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Metáforas

Page 23: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Legibilidad

Page 24: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Guardar el estado

Page 25: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Navegación visible

Page 26: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Reducción de latencia

Bruce Tognazzini 1978-2014

Page 27: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Visualización de datos

Page 28: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Modelos de organización

Page 29: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Lineal

Page 30: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Tabulados

Page 31: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Tabulados

Page 32: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Jerárquicos

Page 33: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Geográfica

Page 34: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Geográfica

Page 35: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Patrones de interacción con datos

Page 36: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Vista de detalles

Page 37: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Datatips

Page 38: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Consultas Dinámicas

Page 39: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Data brushing

Page 40: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Zoom local

Page 41: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Zoom local

Page 42: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Cebra

Page 43: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Brincar al dato

Page 44: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Listas en cascada

Page 45: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Listas en árbol

Page 46: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Multi-gráficos

Page 47: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Mapa en árbol

Page 48: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Probar, probar, probar y nunca parar de probar

Page 49: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Alguna veces nos vamos a equivocar

Page 50: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

¿Preguntas?

Page 51: Webinar InnovaChallenge MX: Omar Mendoza, diseño, UX y UI

Omar Mendoza @omendoza

facebook.com/omendoza www.baum3.com