Principios De La Gestalt Aplicados Al Diseno De Interfaz

download Principios De La Gestalt Aplicados Al Diseno De Interfaz

If you can't read please download the document

description

Breve mirada a algunos "Principios De La Gestalt Aplicados Al Diseno De Interfaz"

Transcript of Principios De La Gestalt Aplicados Al Diseno De Interfaz

  • 1. Principios de la Gestalt aplicados al diseo de interfaces
    Grupo IV PNFI T3T1

2. EL DISEO Y EL ARTE
Comunican Ideas
3. El Arte
Fotografa de Alfred T. Palmer.
4. El Diseo
Poster de J. Howard Miller. ComiteCoordinado de Produccin de Westinghouse para la Guerra.
5. El Diseo
Asegura que los mensajes:
Tengan significados altamente eficaces
Sean perfectamente inteligibles
Poster de J. Howard Miller. ComiteCoordinado de Produccin de Westinghouse para la Guerra.
6. Arte Diseo
Diseo
Arte
Esttica
EstticaFuncional
7. PRINCIPIOS DEL DISEO
8. La Gestalt
9. Sus inicios
Gestaltproviene del Alemn = Forma
Aos 30
Teoras acerca de la percepcin humana
Psicologa de la Forma
Max Wertheimer
10. 11. No percibimos como elementos aislados sino como globalidad
12. 13. PIXELES
14. Principios de la Gestalt aplicados al diseo de interfaces
15. Figura y Fondo
Nuestra percepcin tiende a separar un objeto de su fondo con base en atributos visuales como contraste, color, tamao, etc
Determinar lo que es importante (figura) y lo que no lo es tanto (fondo)
16. Figura y Fondo
Determinar lo que es importante (figura) y lo que no lo es tanto (fondo)
17. Figura y Fondo
Caso especial:
18. FIGURA
FONDO
19. La figura se hace ms evidente en el rectngulo de FirefoxStart
La figura se hace menos evidente en la caja que rodea a Google
20. Similitud
Los elementos similares son percibidos para ser ms relacionados que aquellos que no lo son. Es decir agrupamos por semejanza(s).
En el ejemplo percibimos principalmente filas, no las columnas.
21. Qu elementos pueden generar similitud?
22. Forma
Color
Tamao
Orientacin
Textura
23. Hay similitud?
24. Hay similitud?
25. Hay similitud?
26. Hay similitud?
27. Similitud de FORMA y COLOR en las O
28. Similitud en LA FORMA
29. Proximidad
Lo ms cercano que estn los objetos, uno de otro, mayor la posibilidad de que sean percibidos como un grupo.
30. Proximidad
Es un principio ms determinante que otros
31. Proximidad
Los crculos pueden formar cuadrados, filas y columnas de acuerdo a su proximidad:
32. Proximidad en las pestaas
Proximidad abrir enlace en nueva pestaa (v3.6)
33. Men flotante para texto en Microsoft Power P.
34. Cierre
En la percepcin existe la tendencia de completar objetos no terminadoso parcialmente oscuros.
35. Herramientasde seleccin
36. Buena Continuidad
Los elementos ordenados en lnea recta ocurva suave son percibidos como un grupo y se relacionan ms fcilmente.
37. Continuidad Vertical Windows Sidebar
38. Continuidad horizontal en men de 20minutos.es
39. Debemos garantizar que el todo de los elementos en pantalla:
40. Entregue rpida y correctamente la informacin que el usuario necesita.
41. CONSIDERESE UN SISTEMA DE NMINA QUE GENERA UN REPORTE DE PAGOS Y NOS PRESENTA UNA ESTRUCTURA SIN PROXIMIDAD
42. TOTAL1.000,00Bs.F
2.000,00Bs.F
43. CONSIDERESE UN SISTEMA CUALQUIERA QUE NO PRESENTA CONTINUIDAD
44. Eliminar
modificar
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
Agregar
45. CONSIDERESE UN SISTEMA CUALQUIERA QUE NO PRESENTA SIMILITUD
46. Agregar
Eliminar
modificar
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
xxxxxxxxxxxxxxxxxxxxxx
X
47. Debemos usar los principios de la Gestalt para:
48. Ayudar al USUARIO