Estas 10 reglas psicológicas harán que su diseño sea más atractivo

Ilustración de Oliwia Przybyła.

Cuando me gradué en psicología, nunca pensé que terminaría trabajando como diseñador de experiencia de usuario. Sin embargo, mis estudios no han sido en vano: siempre supe que la psicología es importante en todas las áreas de la vida, y el diseño no es una excepción. La aplicación de las leyes de la psicología cognitiva nos ayuda a mí y a mi equipo a crear proyectos sorprendentes e intuitivos. Después de todo, cuando se trata de usabilidad, es crucial saber cómo piensan los usuarios.

Identifiqué 10 principios de psicología que pueden mejorar la usabilidad y la comprensión de casi todos los diseños.

Algunos de sus nombres pueden parecer a primera vista atemorizantes, pero le aseguro que de hecho son muy fáciles de entender e implementar. Échales un vistazo si quieres llevar tus diseños al siguiente nivel. Sé que las imágenes hablan más que las palabras, por lo que cada principio se ilustra con un ejemplo creado por nuestro equipo de diseño; sí, los seguimos a diario

1. Modelos mentales

Los "mapas" conceptuales ayudan a las personas a predecir el comportamiento de un objeto, ya que les recuerda algo que ya saben.

Por ejemplo, el ícono triangular de "reproducción" comúnmente utilizado en dispositivos de música debería activar la función de reproducción en la interfaz. Lo mismo sucede con un símbolo de "corazón", lo que significa que le gusta algo. Respeta los hábitos de tus usuarios: no hay necesidad de reinventar la rueda. O un botón de reproducción

Concepto de servicio de transmisión de música en línea por Mateusz Piątek

2. Principio del punto focal

La atención de los usuarios se puede atraer fácilmente hacia un elemento que tenga una forma o color significativamente diferente. En tiempos prehistóricos, esta función era protegernos del peligro potencial, como un tigre que acecha en el monte. Se puede usar un punto focal para atraer la atención del usuario al elemento o acción vital.

El diseño a continuación presenta el ejemplo perfecto del botón CTA, que se destaca de otros elementos.

Página de destino de finanzas por Mateusz Piątek

3. Principio de similitud

Cuando los objetos se parecen, las personas los perciben como elementos de un grupo. Se puede lograr usando el mismo color, forma o textura en todos ellos. Este pequeño truco brinda a los usuarios una experiencia de diseño consistente.

Eche un vistazo al ejemplo: presenta varios géneros de libros en diferentes formas y colores que otros elementos de la interfaz.

Concepto de aplicación de la biblioteca de libros por Aga Ciurysek

4. Principio de continuación

Nuestros cerebros priorizan naturalmente las siguientes líneas: los elementos en una curva se perciben como relacionados.

¡Solo mira esta lista de películas y dime que tus ojos no la siguieron rápidamente! O sabes que? No digas nada, no te creería de todos modos;)

Concepto de página de aterrizaje de la biblioteca de filmografía por Damian Denis

5. Principio de cierre

Vemos elementos con una corta distancia entre ellos como una forma sólida. En otras palabras, nuestros cerebros tienden a cerrar formas incompletas. Esta sorprendente regla nos da la mano libre para seguir el instinto de nuestro diseñador y, a veces, no ser literal.

Verifique la siguiente imagen con el número "diez" creado a partir de formas cortadas.

Concepto de página de aterrizaje de blog de Damian Denis

6. Principio de proximidad

Cuando coloca elementos cerca uno del otro, el ojo los recibe como objetos relacionados.

En este concepto, cada bloque de copia se coloca cerca de un icono y un número. El usuario comprende fácilmente que se pertenecen entre sí y presentan una sola pieza de contenido en un diseño general.

Nello Product Landing Page por Mateusz Piątek

7. Principio de figura y tierra

Los ojos humanos generalmente separan los objetos de su fondo; parece tan obvio que no pensamos en eso muy a menudo. Sin embargo, con este principio en mente, podemos guiar a los usuarios y sugerirles en qué parte del diseño deberían enfocarse.

Este panel de inicio de sesión bancario utiliza el principio de figura y fondo para el texto blanco a la derecha, que se encuentra en la parte superior del fondo oscuro.

Concepto de Panel de inicio de sesión bancario por Damian Denis

8. Principio de región común

Los objetos cercanos entre sí se consideran como un grupo. Cuando agregamos bordes, creamos una barrera visible entre los grupos.

Nuestro concepto de aplicación de alimentos utiliza esta ley para separar los platos unos de otros.

Concepto de aplicación de entrega de alimentos por Mateusz Piątek

9. Ley de Hick

La simplicidad es la clave! Esta regla establece que con cada opción adicional que tienen los usuarios, les lleva más tiempo tomar una decisión. No los abrumes con docenas de opciones; podrían perderse.

Esta aplicación de bienes raíces utiliza la Ley de Hick al brindar a los usuarios un número razonable pero limitado de opciones para el tipo de casa.

Aplicación Flytta de Aga Ciurysek

10. Ley de Fitts

Esta ley científica supone que el tiempo requerido para llegar a un objetivo es una función de la relación entre su ancho y la distancia al objetivo.

Como diseñadores, podemos aplicar esta ley a las áreas de impacto de los objetos en los que se puede hacer clic. Cuanto mayor sea el área en la que hagamos clic, más fácil será para los usuarios hacer clic en ella.

Este concepto de aterrizaje de intercambio de criptomonedas sigue esta regla con el botón CTA en el que se puede hacer clic en toda el área.

Concepto de aterrizaje de intercambio de criptomonedas por Mateusz Piątek

Entonces, no era una ciencia espacial, ¿verdad? Bet Apuesto a que estabas usando al menos algunos de estos principios simplemente confiando en tu instinto.

Sin embargo, creo que esas reglas deberían convertirse en un 101 de cada diseñador: la capacidad de emplearlas a propósito abrirá su mente a miles de nuevas posibilidades.

Como psicólogo por grado y pasión, creo que no hay mejor enfoque para un gran diseño que comprender a las personas para quienes lo creamos.

Una mentalidad centrada en el ser humano le da más valor agregado a su trabajo, incluso si no es tan evidente desde el principio.

Mi equipo en 10Clouds está tratando de aplicar las leyes de psicología cognitiva en casi todos los proyectos. ¿Cuales son los resultados? Bueno, los usuarios y clientes adoran nuestros diseños, incluso si no se dan cuenta de lo que los hace tan atractivos

¿Con qué frecuencia emplea esas reglas de psicología?

Comparta su propia experiencia dejando un comentario. Me encantaría conocer su opinión. Comprender las reglas es esencial, pero no hay sustituto para una buena conversación :)