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

1. Principios de la Gestalt aplicados al diseño de interfaces Grupo IV PNFI T3T1

2. EL DISEÑO Y EL ARTE Comunican Ideas

3. El Arte Fotografía de Alfred T. Palmer.

4. El Diseño Poster de J. Howard Miller. ComiteCoordinado de Producción de Westinghouse para la Guerra.

5. El Diseño Asegura que los mensajes: Tengan significados altamente eficaces Sean perfectamente inteligibles Poster de J. Howard Miller. ComiteCoordinado de Producción de Westinghouse para la Guerra.

6. Arte ≠ Diseño Diseño Arte Estética EstéticaFuncional

7. PRINCIPIOS DEL DISEÑO

8. La Gestalt

9. Sus inicios Gestalt proviene del Alemán = Forma Años 30 Teorías acerca de la percepción humana “Psicología de la Forma” Max Wertheimer

11. “No percibimos como elementos aislados sino como globalidad”

13. PIXELES

14. Principios de la Gestalt aplicados al diseño de interfaces

15. Figura y Fondo Nuestra percepción tiende a separar un objeto de su fondo con base en atributos visuales como contraste, color, tamaño, 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 más evidente en el rectángulo de FirefoxStart La figura se hace menos evidente en la caja que rodea a Google

20. Similitud Los elementos similares son percibidos para ser “más 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 Tamaño Orientación 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 más cercano que estén los objetos, uno de otro, mayor la posibilidad de que sean percibidos como un grupo.

30. Proximidad Es un principio más determinante que otros

31. Proximidad Los círculos pueden formar cuadrados, filas y columnas de acuerdo a su proximidad:

32. Proximidad en las pestañas Proximidad “abrir enlace en nueva pestaña” (v3.6)

33. Menú flotante para texto en Microsoft Power P.

34. Cierre En la percepción existe la tendencia de completar objetos no terminados o parcialmente oscuros.

35. Herramientas de selección

36. Buena Continuidad Los elementos ordenados en línea recta o curva suave son percibidos como un grupo y se relacionan más fácilmente.

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 rápida y correctamente la información que el usuario necesita.

41. CONSIDERESE UN SISTEMA DE NÓMINA QUE GENERA UN REPORTE DE PAGOS Y NOS PRESENTA UNA ESTRUCTURA SIN PROXIMIDAD

42. TOTAL 1.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