Diseño interactivo

La psicología del diseño web

Los diseñadores a menudo no se toman el tiempo que deberían para aprender cómo los principios psicológicos básicos pueden afectar la experiencia de los visitantes en los sitios que construyen.

Los principios psicológicos son considerados innecesarios o demasiado complicados. Pero la verdad es que no son ninguno de los dos.

No hay muchos conceptos asociados con la psicología del diseño básico, y la mayoría son relativamente sencillos y fáciles de aprender.

También son principalmente fáciles de implementar, aunque algunos requieren un poco más de cuidado y planificación que otros.

Siga leyendo para obtener más información y deje sus comentarios y comentarios al final de esta publicación.

El propósito del diseño basado en la psicología

Tener en cuenta la psicología en su proceso de diseño puede tener algunos efectos positivos en su resultado final. Si se toma el tiempo para pensar qué quieren los visitantes y cómo quieren obtenerlo, entonces ya está en el camino correcto para crear un sitio que aproveche los impulsos psicológicos de su público objetivo.

Al considerar la psicología de los visitantes, es probable que termines con visitantes más felices que tienen más probabilidades de realizar las acciones que deseas, ya sea que te contacten, compren tu producto o envíen a sus amigos.

Esta es la razón principal para tomar en cuenta la psicología en sus diseños. Desea que sus visitantes hagan lo que quiera.

Formando confianza

Para que tus visitantes hagan lo que quieres que hagan, tienen que confiar en ti. La confianza no es fácil, especialmente en esta era de estafas, esquemas y personajes desagradables en casi todos los lugares que buscamos en línea.

Para alguien que sabe poco sobre cómo funciona realmente Internet, desconfía de cualquiera que le pida información personal, sin importar cuán necesario sea o cuán altamente recomendado sea el sitio web.

Como diseñadores, a menudo pasamos por alto ya que estamos tan acostumbrados a realizar negocios en línea. Pero para nuestros clientes y para sus clientes, Internet puede seguir siendo un gran agujero negro y atemorizante en el que se filtra su información.

Con esto en mente, puede usar la psicología del diseño para hacer que su sitio web se vea más digno de confianza para el visitante promedio. Crear un sitio web que tranquilice a los visitantes significa que es más probable que se registren para obtener una cuenta, comprar un producto o hacer negocios con usted. Esto puede hacerse a través de una combinación de diseño y el lenguaje utilizado en el sitio.

Familiaridad y Patrones Reconocibles

Cuando alguien aterriza en una página dentro de un sitio web, hay ciertas cosas que esperan ver de inmediato, más o menos independientemente del tipo de sitio en el que se encuentren.

Si no ven estas cosas, a menudo sienten como si hubieran terminado en un páramo extraño que no tiene sentido para ellos (y por lo tanto, no es confiable). Las dos grandes cosas que la gente espera son el propósito del sitio (que puede ser cualquier cosa, desde proporcionar información sobre un tema determinado hasta vender un producto para que luzca bonito) y alguna forma de navegación.

Si bien las líneas de etiqueta pueden ayudar a discernir el propósito, el diseño puede complementar y reforzar ese mensaje. Digamos, por ejemplo, que estás diseñando un blog ambiental. Si su diseño es oscuro y meditabundo y tiene un perfil urbano al atardecer en el encabezado, no nos dará ni la más mínima pista sobre cuál es el propósito del sitio.

Por otro lado, si se trata de un sitio limpio y de aspecto moderno con muchos acentos verdes y de aspecto natural, eso reforzará el hecho de que se trata de un blog medioambiental.

Más allá de los elementos que todos esperan encontrar en cada sitio web, hay cosas adicionales que las personas pueden esperar en ciertos tipos de sitios o dentro de ciertas industrias. La gente espera publicaciones de blogs en la página principal de un blog. Esperan productos en la página principal de un sitio de comercio electrónico. Esperan una función de búsqueda en cualquier sitio que tenga más de unas pocas páginas de profundidad. Y en la mayoría de los casos, esperan algún tipo de información "sobre" y una página de contacto.

Consistencia de marca

Además de los elementos generales que la mayoría de los visitantes esperan ver en un sitio, a menudo hay cosas que los visitantes pueden asociar con su compañía en particular. Si bien esto puede no ser una preocupación para un nuevo negocio, o un negocio muy pequeño, es una preocupación para muchos otros.

Piense en los colores que usa en sus materiales promocionales fuera de línea. Esos colores se deben incorporar a su sitio web de alguna manera, incluso si está solo en la imagen del encabezado o como colores de acento.

Lo mismo vale para tu logo. Si utiliza un logotipo en sus materiales de marketing impresos, también debe incluirlo en su sitio web. Estas son cosas muy básicas, pero es sorprendente cómo muchas empresas pasan por alto mantener la coherencia entre sus esfuerzos de comercialización en línea y fuera de línea.

Disparadores psicológicos

Los factores desencadenantes psicológicos y emocionales son una herramienta valiosa que influye en los visitantes para que tomen las medidas que desean que tomen. Los desencadenantes incluyen cosas como la culpa y el miedo, pero también un sentido de pertenencia y apelar a los valores de las personas.

La incorporación de factores desencadenantes emocionales en sus diseños se realiza más comúnmente a través del lenguaje en el sitio en sí, con elementos gráficos que sirven como un sistema de apoyo para esos factores desencadenantes. Use imágenes y gráficos que refuercen el gatillo que se está utilizando.

Imágenes para reforzar conceptos

Las imágenes que usa en sus sitios pueden ayudar o confundir a los visitantes. Una imagen bien elegida puede tranquilizar a su visitante y dejar clara su intención. Un mal elegido puede dejarlos rascándose la cabeza y sintiéndose como si cayeran nuevamente en ese agujero negro.

Esta foto de un hipopótamo en Disney World no tiene absolutamente nada que ver con esta publicación y solo sirve para confundir las cosas.

Las imágenes abstractas a veces pueden funcionar bien, pero desconfíe de usarlas si su significado es vital. A veces, una imagen abstracta tendrá diferentes significados para diferentes personas, o el significado se perderá por completo.

Psicología del color

La psicología del color es uno de los temas más complejos en la psicología del diseño, y no es algo que profundizaremos aquí. Pero los colores que usa pueden tener un gran impacto en cómo perciben sus visitantes su sitio. Asegúrese de que los colores que ha seleccionado refuercen su mensaje y la imagen que desea retratar.

A continuación hay una lista básica de colores y sus significados. Por supuesto, las combinaciones de colores que uses junto con su tono, tono o tono exacto también tendrán un impacto en su significado.

  • rojo
    Ardiente y apasionado, puede representar el amor y la ira.
  • naranja
    Comparte los atributos de rojo y amarillo. Asociado con la energía y la calidez. Es más tranquilo que rojo y más alegre.
  • Amarillo
    Un color cálido y feliz. Puede representar alegría o cobardía.
  • Verde
    Significa naturaleza, crecimiento y renovación. En la misma línea, el verde a veces puede representar inexperiencia. Por otro lado, el verde a veces se asocia con la envidia o los celos.
  • Azul
    Tranquilo y fresco, pero demasiado puede ser deprimente. A menudo asociado con imágenes corporativas.
  • Púrpura / Violeta
    Largo asociado con la realeza y la riqueza. También es un color espiritual, y se cree que es creativo.
  • Negro
    Un poco de camaleón, puede ser conservador o vanguardista, tradicional o moderno. Puede ser misterioso y sexy o convencional y seguro, dependiendo de cómo se use.
  • Blanco
    Asociado con la pureza y la inocencia. Va bien con cualquier otro color.
  • gris
    Neutro y equilibrado Gray es conservador y sofisticado, pero también puede verse como malhumorado.
  • marrón
    Un color sano y realista que denota estabilidad y fiabilidad.

Patrones de lectura

Las personas tienden a leer en un patrón "Z" en un sitio web, comenzando por la parte superior desde la izquierda y terminando en la esquina inferior derecha de la pantalla.

Como diseñador, debe esforzarse por colocar el contenido más importante dentro de esta área de patrón de lectura. Esta es la razón por la cual muchos sitios incluyen el logotipo en la esquina superior izquierda del encabezado.

La incorporación de información no esencial dentro de esta zona de lectura significa que sus visitantes pueden abandonar el sitio antes de encontrar lo que están buscando, ya que pueden pensar que no está presente en su sitio.

Enfoque de cada página

Cada página en su sitio debe tener un enfoque. Debería haber un propósito para cada página, ya sea que ese propósito sea mostrar un producto, contar sobre su compañía o publicar noticias recientes.

Su diseño debe poner énfasis en el elemento focal de cada página. El enfoque de cada página también debe ser inmediatamente evidente, para que los visitantes sepan lo que están haciendo allí. Esto se puede lograr mediante indicaciones en la navegación o en un encabezado, además del contenido de la página.

Una de las mayores marcas de un sitio amateur es tratar de poner demasiada información en cada página. No tenga miedo de espacios en blanco en sus páginas, y no tenga miedo de tener un propósito definido para todas y cada una de las páginas de su sitio.

Espacio para respirar

Eso nos lleva al concepto de espacio en blanco y espacio para respirar. Si un visitante llega a una página desordenada llena de todo lo imaginable, se sentirán abrumados y claustrofóbicos.

Es probable que la página se sienta alentadora y caótica. Esto deja a los visitantes con la sensación de que no saben por dónde empezar, lo que significa que pueden omitir su sitio por completo y pasar a otro en el que tengan algo de espacio para respirar.

Permita que el espacio negativo en su sitio dirija a sus visitantes a las áreas en las que desea que se centren. Al combinar el espacio vacío y los elementos correctamente diseñados y proporcionados, puede alentar a los visitantes a que observen una determinada cosa y tomen las medidas deseadas.

Pasos para incorporar la psicología del diseño

Ahora que está familiarizado con lo que es la psicología del diseño y lo que significa el diseño web, es posible que se pregunte cómo, exactamente, debe incorporarlo a su propio proceso de diseño. Aquí hay algunas técnicas que puede usar:

Averiguar quiénes son sus visitantes
Saber quiénes son sus visitantes es un primer paso muy importante en el diseño de un sitio que les resultará atractivo. Si sus visitantes son veteranos de Internet conocedores de la tecnología, van a tener un conjunto de prioridades diferente que alguien que solo se conecta a Internet para mirar las fotos de sus nietos. Averigua quién es tu usuario objetivo y luego averigua qué desencadenantes emocionales funcionarán para ellos.

Entrevista a tus usuarios
Si no está seguro de lo que desean sus usuarios o visitantes, intente entrevistar a algunos de ellos. Encuentre clientes actuales o antiguos y vea si estarían dispuestos a responder algunas preguntas sobre su sitio. Luego, cree preguntas significativas basadas en los objetivos específicos de su sitio. Lo más importante es seguir el consejo que te dan. Con demasiada frecuencia, las empresas hacen entrevistas o encuestas, pero nunca hacen cambios en función de lo que les dicen.

Crear un mapa del sitio para su sitio
Debe crear un mapa de cada página de su sitio para asegurarse de que cada página solo tenga un foco. Haga una lista de todo lo que debe estar en su sitio, primero, y luego planifique en qué página debe ir cada artículo (idealmente, debería ser una página por artículo a menos que las cosas estén muy, muy relacionadas).

Arme sus elementos de marca
Haga una lista o cree un archivo de los elementos comunes utilizados para representar su marca. Lo más probable es que esto incluya un logotipo, un esquema de color y posiblemente un tipo de letra en particular. Luego descubra dónde incorporarlos en el diseño de su sitio.

Hacer pruebas A / B
Incluso si lo hace de forma limitada, es importante averiguar qué elementos del sitio funcionan mejor. Si no está seguro de con qué se sentirían más cómodos sus visitantes en una página determinada, pruébelo con dos versiones para ver cuál obtiene mejores resultados.

La psicología del diseño es algo que todo diseñador debe esforzarse por aprender más e incorporar en su flujo de trabajo. Puede ser el factor más importante en la eficacia de sus diseños y en la satisfacción de sus clientes. No toma mucho tiempo y no es particularmente difícil, así que no hay excusa para no tomar al menos algunos de estos principios y ponerlos en práctica.

Más recursos


Escrito exclusivamente para WDD por Cameron Chapman

¿Mantiene los principios psicológicos en mente cuando hace su trabajo de diseño? ¿Cuáles son los más utilizados en su propio trabajo y por qué?

diseño diseño web psicología