Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

46

description

Interfaces gráficas con personalidad El Rol del diseñador (Product Designer); precisión "Pixel Perfect"; skeuomorphism vs flat design; tendencias. Lic. en Diseño de Comunicación Visual y Fundador de Aerolab, una Agencia Digital que trabaja con startups y clientes tanto locales como internaciones. Formado en Diseño Gráfico y auto-didacta en relación a la tecnología, siempre estuvo interesado en el medio digital. En el pasado se ha desempeñado como docente de la UBA y de varias Universidades Privadas. Su gusto por la enseñanza generó su interés por trabajar junto a emprendedores, permitiendo involucrarse, asesorar y participar de procesos colaborativamente. El Rol del diseñador (Product Designer); precisión "Pixel Perfect"; skeuomorphism vs flat design; tendencias. "UI are not just pixels, is a way of interacting with humans and solving problems" Alejandro se ha desempeñado a lo largo de su carrera como Diseñador Gráfico, orientando hacia el soporte impreso. Su experiencia en este campo, y su formación personal alrededor de la tecnología hicieron replantear el rumbo de su profesión, convirtiendolo en un diseñador digital especializado en interfaces gráficas, y logrando trasladar la identidad gráfica y única del diseño impreso a cada una de sus interfaces digitales. Actualmente se encuentra trabajando como Director de Arte Interactivo y liderando equipos de diseño en su propio estudio, Aerolab, donde se involucra fuertemente con cada uno de los clientes y sus productos. Cree fuertemente en el nuevo rol que se le ha otorgado a los diseñadores, donde su aporte puede hacer cambiar una empresa. Es Licenciado en Diseño de Comunicación Visual y entre sus actividades fuera del trabajo se encuentra su gusto por la ilustración y fotografía. Fomenta el trabajo colaborativo y remarca que su cambio del soporte impreso hacia lo digital, le permite ver día a día como los usuarios interactúan con sus interfaces.

Transcript of Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Page 1: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 2: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 3: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

¿Qué es una interface?

Page 4: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Donde dos cosas se encuentran

Donde dos sistemas, sujetos, elementos interactúan.

Page 5: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Esto es una interface…

Page 6: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 7: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

esto…

Page 8: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 9: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

y también…

Page 10: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 11: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

y esto también…

Page 12: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 13: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

SON ELEMENTOS REALES•Puertas•Sillas•Botones•Calles•Zapatillas•Teléfonos

Page 14: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

U N A I N T E R F A C E E S U NLENGUAJE VISUAL DE ACCIÓN

Page 15: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Toda interface se puede diseñar o mejorar

Page 16: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 17: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 18: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Funcional

Funcional

Page 19: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Fidedigno

Fidedigno

Funcional

Page 20: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Usable

Funcional

Fidedigno

Usable

Page 21: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

¿Pero qué es lo que está faltando?

Funcional

Fidedigno

Usable +Diseño atractivo

Buen contraste

Mejorar tiempos de lectura

Page 22: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Placentero

Funcional

Fidedigno

Usable

Placentero

Page 23: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Tendencias

Page 24: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 25: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Personalidad =Única

Memorable

Placentera

Page 26: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 27: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Details are amazing things—the smell of fresh cookies, dimmable lights, a wireless Internet connection, automobile seat warmers—they make our lives better and easier. Even

the simplest attribute has the power to transform something from the mundane into the unforgettable. They make us

smile, curse or call our mother. At days end, it’s the details that we can’t stop thinking about.

Able Design on the Squared Eye Branding

Page 28: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Personalidad = Emociones

Page 29: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Para diseñar debemos preguntarnos

¿Cómo nos queremos sentir?

Page 30: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Design Persona

-Brinda personalidad al producto a diseñar

-Manifiesta texto e interacciones a través del diseño

-Es la forma en que canalizamos la personalidad

-Ayuda a unificar la comunicación

JovenAmistosoModerno

Page 31: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

¿Necesitas ayuda con esta presentación?

Page 32: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

¿Necesitas ayuda con esta presentación?

Page 33: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Apariencia

Legado

Carácter

Forma de Hablar

Page 34: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

AMISTOSOSERIO

DOMINANTE

SUMISO

Page 35: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

DIVERTIDO pero no infantil

GRACIOSO pero no tonto

FASHION pero natural

INDEPENDIENTE pero joven

Page 36: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 37: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 38: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 39: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 40: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 41: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 42: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 43: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013
Page 44: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

-Genera nexos con usuarios

-Facilita la comunicación

-Cambia la percepción del producto

-Modifica la relación de los usuarios

-Mejora la percepción de la empresa

-Impacta en el desempeño de ventas

¿Como nos ayuda esto?

Page 45: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

Lo digital también puede ser HUMANO

Page 46: Agustin Llinenberg y Alejandro Vizio - Aerolab - Online Marketing Day 2013

aerolab.com.ar

Agustín Linenberg

@limpa

Alejandro Vizio

@alevizio

¡Gracias! Bibliografía

Emotional Design: Why We Love (or Hate) Everyday ThingsDon Norman

Don't Make Me Think! A Common Sense Approach to Web Usability, Steve Krug

Design for EmotionAaron Walter

Things That Make Us Smart: Defending Human Attributes In The Age Of The MachineDon Norman

Designing ObamaScott Thomas