Está en la página 1de 53
 WWW.JUANGARCIA.COM.AR Tips de diseño para desarrolladores Juan Martín García  HELLO@JUANGARCIA.COM.AR 
 WWW.JUANGARCIA.COM.AR
 WWW.JUANGARCIA.COM.AR
 WWW.JUANGARCIA.COM.AR Tips de diseño para desarrolladores Juan Martín García  HELLO@JUANGARCIA.COM.AR 

Tips de diseño para desarrolladores

Juan Martín García

HELLO@JUANGARCIA.COM.AR

@IMJUANGARCIA

Tip #1:

Dejemos que nuestro diseño respire.

¿Hacen scroll los usuarios?

Above the fold

“Above the fold” se llama la parte de la página que es visible sin hacer scroll. Si bien los usuarios hacen scroll, destinan solo el 20% de atencion a la lectura “below the fold”.

MACBOOK AIR |  APPLE.COM

MACBOOK AIR | APPLE.COM

NUMI, BEAUTIFUL CALCULATOR FOR MAC | NUMI.IO

PLATOON STUDIO | PLATOON.STUDIO

Tip #2:

El tamaño no es lo único que importa.

¿Qué icono uso?

¿Qué icono uso?
¿Qué icono uso?
¿Qué icono uso?

¿Qué icono uso?

¿Qué icono uso?

¿Qué icono uso?

¿Qué icono uso?

¿Qué icono uso?

¿Qué icono uso?
¿Qué icono uso?
¿Qué icono uso?

Tip #3:

Desiciones evidentes, usos sutiles.

OBVIOUS ALWAYS WINS, BY LUKE WROBLEWSKI |  TWITTER.COM/@LUKEW

OBVIOUS ALWAYS WINS, BY LUKE WROBLEWSKI | TWITTER.COM/@LUKEW

OBVIOUS ALWAYS WINS, BY LUKE WROBLEWSKI |  TWITTER.COM/@LUKEW

OBVIOUS ALWAYS WINS, BY LUKE WROBLEWSKI | TWITTER.COM/@LUKEW

OBVIOUS ALWAYS WINS, BY LUKE WROBLEWSKI |  TWITTER.COM/@LUKEW

OBVIOUS ALWAYS WINS, BY LUKE WROBLEWSKI | TWITTER.COM/@LUKEW