78
DISEÑAR CON SENTIDO

Diseñar con Sentido

Embed Size (px)

DESCRIPTION

En está charla se habla de Diseño con Sentido, de como lograr una Interface Web capaz de atrapar al usuario y de la diferencia entre ser un Buen Diseñador a un Excelente Diseñador

Citation preview

Page 1: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 2: Diseñar con Sentido

Twitter: @andreskarp

_dChris

ANDRÉSKARP

Blog: andreskarp.es

Page 3: Diseñar con Sentido

DISEÑAR CON SENTIDO

¿INTERFACES WEB?

Page 4: Diseñar con Sentido

INTERFACES DE APLICACIONES

DISEÑAR CON SENTIDO

Page 5: Diseñar con Sentido

Sin grandes impactos visuales

DISEÑAR CON SENTIDO

Page 6: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 7: Diseñar con Sentido

El diseño no cansa con el uso repetitivo

DISEÑAR CON SENTIDO

Page 8: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 9: Diseñar con Sentido

Basado en la usabilidad de apliciones de escritorio

DISEÑAR CON SENTIDO

Page 10: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 11: Diseñar con Sentido

INTERFACES ARTÍSTICAS

DISEÑAR CON SENTIDO

Page 12: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 13: Diseñar con Sentido

Reacción Visceral

DISEÑAR CON SENTIDO

Page 14: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 15: Diseñar con Sentido

Corto alcance del impacto

DISEÑAR CON SENTIDO

Page 16: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 17: Diseñar con Sentido

Ideal para promociones

DISEÑAR CON SENTIDO

Page 18: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 19: Diseñar con Sentido

INTERFACES LIMPIAS

DISEÑAR CON SENTIDO

Page 20: Diseñar con Sentido

Basadas en Sistemas Operativos o Ilustraciones

DISEÑAR CON SENTIDO

Page 21: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 22: Diseñar con Sentido

Más reflexivos

DISEÑAR CON SENTIDO

Page 23: Diseñar con Sentido

Detalles

DISEÑAR CON SENTIDO

Page 24: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 25: Diseñar con Sentido

No cansa excesivamente

DISEÑAR CON SENTIDO

Page 26: Diseñar con Sentido

Impacto con una duración mayor

DISEÑAR CON SENTIDO

Page 27: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 28: Diseñar con Sentido

CREAR UNA INTERFACE

DISEÑAR CON SENTIDO

Page 29: Diseñar con Sentido

Encontrar un estilo

DISEÑAR CON SENTIDO

Page 30: Diseñar con Sentido

DISEÑAR CON SENTIDO

Tipografía

Page 31: Diseñar con Sentido

DISEÑAR CON SENTIDO

Metálico/UI

Page 32: Diseñar con Sentido

DISEÑAR CON SENTIDO

Web 2.0

Page 33: Diseñar con Sentido

DISEÑAR CON SENTIDO

Minimalista

Page 34: Diseñar con Sentido

DISEÑAR CON SENTIDO

Transparencia

Page 35: Diseñar con Sentido

Ese maldito detalle

DISEÑAR CON SENTIDO

Page 36: Diseñar con Sentido

Detalles

DISEÑAR CON SENTIDO

Page 37: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 38: Diseñar con Sentido

Centrarse en los detalles es cuando el 1% final del diseño

te llevá el 90% del tiempo

DISEÑAR CON SENTIDO

“ ”Joel Spolsky

Page 39: Diseñar con Sentido

Consistencia

DISEÑAR CON SENTIDO

Page 40: Diseñar con Sentido

DISEÑAR CON SENTIDO

Grilla

Page 41: Diseñar con Sentido

DISEÑAR CON SENTIDO

Alinear

Page 42: Diseñar con Sentido

DISEÑAR CON SENTIDO

Iconos

Page 43: Diseñar con Sentido

Sutileza

DISEÑAR CON SENTIDO

Page 44: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 45: Diseñar con Sentido

Bueno vs. Excelente

DISEÑAR CON SENTIDO

Page 46: Diseñar con Sentido

DISEÑAR CON SENTIDO

Este es un buen coche

Page 47: Diseñar con Sentido

DISEÑAR CON SENTIDO

Este es un gran coche

Page 48: Diseñar con Sentido

DISEÑAR CON SENTIDO

Este es un buen portátil

Page 49: Diseñar con Sentido

DISEÑAR CON SENTIDO

Este es un gran portátil

Page 50: Diseñar con Sentido

¡¡¡No lo hagas!!!

DISEÑAR CON SENTIDO

Page 51: Diseñar con Sentido

DISEÑAR CON SENTIDO

Demasiado simple

Page 52: Diseñar con Sentido

DISEÑAR CON SENTIDO

Demasiado simple

Page 53: Diseñar con Sentido

DISEÑAR CON SENTIDO

Contrastes

Page 54: Diseñar con Sentido

DISEÑAR CON SENTIDO

Se fiel a tus principios

Page 55: Diseñar con Sentido

Cómo lograrlo

DISEÑAR CON SENTIDO

Page 56: Diseñar con Sentido

DISEÑAR CON SENTIDO

Prácticar

Page 57: Diseñar con Sentido

DISEÑAR CON SENTIDO

Leer

Page 58: Diseñar con Sentido

DISEÑAR CON SENTIDO

Observar

Page 59: Diseñar con Sentido

DISEÑAR CON SENTIDO

Discutir

Page 60: Diseñar con Sentido

Inspiración

DISEÑAR CON SENTIDO

Page 61: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 62: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 63: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 64: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 65: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 66: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 67: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 68: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 69: Diseñar con Sentido

Buen Diseñador vs. Gran Diseñador

DISEÑAR CON SENTIDO

Page 70: Diseñar con Sentido

Buen DiseñadorDISEÑAR CON SENTIDO

Gran Diseñador

VS.

DECORA COMUNICA

Page 71: Diseñar con Sentido

Buen DiseñadorDISEÑAR CON SENTIDO

Gran Diseñador

VS.

Menos es más Menos y más coexisten

Page 72: Diseñar con Sentido

Buen DiseñadorDISEÑAR CON SENTIDO

Gran Diseñador

VS.

Soluciona Problemas Previene

Page 73: Diseñar con Sentido

Buen DiseñadorDISEÑAR CON SENTIDO

Gran Diseñador

VS.

Inspirado porIguales

Inspirados porTod@s

Page 74: Diseñar con Sentido

Buen DiseñadorDISEÑAR CON SENTIDO

Gran Diseñador

VS.

Trata el textocomo contenido

Trata el textocomo parte del

Diseño

Page 75: Diseñar con Sentido

Buen DiseñadorDISEÑAR CON SENTIDO

Gran Diseñador

VS.

Rediseña Reordena

Page 76: Diseñar con Sentido

Buen DiseñadorDISEÑAR CON SENTIDO

Gran Diseñador

VS.

Utiliza un buentipo de fuente

Utiliza una buenaTIPOGRAFÍA

Page 77: Diseñar con Sentido

DISEÑAR CON SENTIDO

Page 78: Diseñar con Sentido

¡¡¡MUCHAS GRACIAS!!!

DISEÑAR CON SENTIDO