Principios básicos del diseño aplicado a la web

1. ™ LAS
CONDES

2. Principios
básicos del
Diseño
Aplicando los principios
de la Gestalt al diseño
del prototipo en alta
1

3. Descripción del Ejercicio
3
Revisión del prototipo en alta:
El equipo debe revisar el prototipo en alta para comprender la disposición de los componentes y cómo interactúan con su entorno.
Aplicación de los principios de Gestalt:
El equipo debe aplicar los principios de Gestalt al diseño del prototipo en alta. Algunos de los principios de Gestalt que se pueden aplicar
incluyen la ley de la similitud, la ley de la proximidad, la ley de la continuidad y la ley de la figura-fondo.
“Por ejemplo, para aplicar la ley de la similitud, el equipo puede agrupar elementos similares visualmente, como botones del mismo
color. Para aplicar la ley de la proximidad, el equipo puede agrupar elementos que estén cerca uno del otro, como opciones de menú.”
Mejoras al prototipo:
El equipo debe hacer mejoras al prototipo en función de los principios de Gestalt aplicados, con el objetivo de mejorar la disposición de
los componentes y cómo interactúan con su entorno.
Por ejemplo, si se aplica la ley de la similitud, el equipo puede agrupar elementos similares visualmente para crear una jerarquía visual
clara en el diseño. Si se aplica la ley de la continuidad, el equipo puede utilizar líneas y formas para guiar al usuario a través del diseño.

4. La Gestalt
4
La Teoría o psicología de la Gestalt, fue un movimiento
que se inició en la década de 1920 en Berlín. Estudiaba
cómo nuestra mente configura, mediante ciertas leyes o
principios básicos, los elementos que llegan a ella a
través de los canales sensoriales o de la memoria.
Demostraron que nuestro cerebro siempre va a intentar
simplificar y organizar imágenes complejas, porque está
preparado para comprender mejor el mundo que nos
rodea.

5. 5
Principio de proximidad
Tendemos a agrupar las formas o elementos visuales que están próximos entre sí. Para ello, dichos
objetos deben compartir alguna de estas características en común: forma, color, tamaño o textura.
En nuestro prototipo podemos evidenciarlo en que los elementos que forman parte de una misma
sección (por ejemplo Expo Virtual) están ubicados próximos entre sí.

6. 6
Principio de similitud
La tendencia a unir elementos que estén o no próximos entre sí. Si los encontramos similares,
tenderemos a verlos como parte de un grupo.
En nuestro prototipo agrupamos elementos similares en la Cartelera para denotar que cada uno se
trata de una obra u evento disponible.

7. 7
Principio de figura y fondo
La tendencia que tiene el ojo humano a ver un objeto separado de lo que le rodea. Nuestra mente
no es capaz de interpretar un mismo elemento como figura o como fondo al mismo tiempo.
En nuestro prototipo hacemos uso de este principio en el footer donde utilizamos una fotografía del
teatro como fondo de la sección y los demás elementos como figura, separados del primero.

8. 8
Principio de simetría y orden
La disposición de los elementos simétrica y ordenada, favorece a que los percibamos como parte
de un grupo,
En nuestro prototipo, agrupar de manera simétrica los elementos de la sección Cómo Llegar ayuda
al usuario a entender que todos estos elementos forman parte de un conjunto.

9. “ Conclusiones
A través del presente ejercicio el grupo
pudo adaptar el diseño del prototipo en
alta según los principios de la Gestalt, lo
que nos permitió evidenciar cómo estas
leyes se condicen con la percepción
natural de los usuarios al visitar el sitio
web y poder aprovecharnos de estas
reglas de percepción para estructurar la
información presentada en nuestros
productos digitales y guiar el recorrido
del usuario por las distintas secciones.
9