crear una ui rompedora - wordcamp madrid 2018 | 21 y 22 de … · 2018-04-23 · utiliza los...

CON LOS PRINCIPIOS BASICOS DE GESTALT APLICADOS AL DISEÑO WEB

UI ROMPEDORACREAR UNA

UTILIZA LOS PRINCIPIOS DE GESTALT PARA EVITAR SOBRECARGA COGNITIVA.

UNA UI ROMPEDORA HACE QUE TUS USUARIOS NO PIENSEN.

IMÁGENES COMPLEJAS SE REDUCEN A FORMAS MAS SENCILLAS

LOS PRINCIPIOS GESTALT DESCRIBEN COMO EL OJO HUMANO PERCIBE LOS ELEMENTOS VISUALES.

EL TODO ES DIFERENTE DE LA SUMA DE LAS PARTES.

Kurt Koffka

SOMOS CAPACES DE IDENTIFICAR OBJETOS ENTEROS INMEDIATAMENTE Y SIN UN ESFUERZO CONSCIENTE

LA TEORÍA DEL DISEÑO OCCIDENTAL SE BASA EN GESTALT

LA MAYORÍA DE LOS PRINCIPIOS DE DISEÑO GRÁFICO SURGEN DE LA TEORÍA GESTALT.

EMERGENCIA UNA IMAGEN COMPLEJA ES FORMADA DE MUCHOS DETALLES SENCILLOS.

LA APARIENCIA GENERAL DE LOS ELEMENTOS DE UI SIEMPRE DEBE SER MÁS IMPORTANTE QUE SUS DETALLES.

PRINCIPIO DE EMERGENCIA: ENSEÑANZA PARA EL DISEÑO WEB

MULTIESTABILIDAD HAY IMÁGENES QUE TIENEN MÁS QUE UNA INTERPRETACIÓN, PERO NUESTRA MENTE SÓLO PUEDE VER UNA A LA VEZ

NO LES HAGAS PENSAR: EVITA AMBIGÜEDAD Y SOBRECARGA DE INFORMACIÓN EN TU UI. TESTEA LA USABILIDAD

PRINCIPIO DE MULTIESTABILIDAD: ENSEÑANZA PARA EL DISEÑO WEB

REIFICACIÓN TENDENCIA A COMPLETAR UNA IMÁGEN INCOMPLETA

LA MENTE DE TUS USUARIOS ES CAPAZ DE RELLENAR LOS HUECOS: UTILIZA EL ESPACIO COMO HERRAMIENTA DE DISEÑO.

PRINCIPIO DE REIFICACIÓN: ENSEÑANZA PARA EL DISEÑO WEB

INVARIABILIDAD RECONOCEMOS OBJETOS A PESAR DE VARIACIONES Y DEFORMACIONES

INVARIABILIDAD ES LA VENTAJA DEL CEREBRO HUMANO SOBRE LOS ROBOTS – POR AHORA. UTILIZADA EN CAPTCHA.

PRINCIPIO DE INVARIABILIDAD: ENSEÑANZA PARA EL DISEÑO WEB

HAY UNOS PRINCIPIOS QUE SE UTILIZAN CON MÁS FRECUENCIA

LOS PRINCIPIOS DE GESTALT MÁS ÚTILES CUANDO DISEÑAMOS PARA EL WEB

FIGURA/FONDO LA MENTE ENFOCA UNA PARTE DE UNA ESCENA IGNORANDO LOS DETALLES

ASEGÚRATE DE QUE LAS PARTES MÁS IMPORTANTES DE TU UI DESTAQUEN CLARAMENTE DEL FONDO.

FIGURA/ FONDO: ENSEÑANZA PARA EL DISEÑO WEB

SEMEJANZA LA MENTE AGRUPA LOS ELEMENTOS SIMILARES EN UNA ENTIDAD

AGRUPA LOS ELEMENTOS DE UI CON FUNCIONES SIMILARES, APLICÁNDOLES ATRIBUTOS VISUALES SEMEJANTES

PRINCIPIO DE LA SEMEJANZA: ENSEÑANZA PARA EL DISEÑO WEB

PROXIMIDAD LOS OBJETOS ADJUNTOS TIENDEN A SER VISTOS COMO UNA UNIDAD.

ASEGÚRATE DE QUE LOS ELEMENTOS DE UN MISMO GRUPO SEAN PRÓXIMOS ENTRE SÍ.

PRINCIPIO DE PROXIMIDAD: ENSEÑANZA PARA EL DISEÑO WEB

REGIÓN COMÚN ELEMENTOS QUE ESTÁN DENTRO DE LA MISMA REGIÓN DE ESPACIO SE AGRUPAN

CREA UI DE FÁCIL UTILIZACIÓN AGRUPANDO LOS ELEMENTOS ENTRE AREAS DE ESPACIO CLARAMENTE MARCADAS

PRINCIPIO DE LA REGIÓN COMÚN: ENSEÑANZA PARA EL DISEÑO WEB

CIERRE TENDENCIA A CERRAR LAS FORMAS CUANDO FALTE INFORMACIÓN COMPLETA.

EL DISEÑO MINIMALISTA PUEDE AYUDAR TU UI, EVITANDO SOBRECARGA DE INFORMACIÓN.

PRINCIPIO DEL CIERRE: ENSEÑANZA PARA EL DISEÑO WEB

CONTINUIDAD EL OJO PERCIBE LAS LÍNEAS EN UN FLUJO CONTINUATIVO

UTILIZA LOS PRINCIPIOS DE GESTALT PARA CREAR UNA UI VERDADERAMENTE ROMPEDORA.

PSICOLOGÍA GESTALT: ENSEÑANZA PARA EL DISEÑO WEB

NO LES HAGAS PENSAR.

PSICOLOGÍA GESTALT: ENSEÑANZA PARA EL DISEÑO WEB