Una seña visual, en diseño, es un indicio que busca dirigir nuestra atención hacia un punto específico para que ejecutemos una acción. En diseño web, estas señas son llamadas “pistas direccionales” y buscan jalar al usuario hacia una respectiva área de la página. Hay dos tipos de pistas: Explicitas: pueden ser flechas, o mensajes directos como “Regístrese Aquí” Implícitas: se valen de contraste de colores, espacios blancos, o juegos tipográficos.

El Diseñador y las Pistas o Señas Visuales

Un visitante de un sitio web le dará de 8 o 10 segundos a una página para decidir si sigue explorando o salta a otro sitio web. Los factores que influyen esta decisión están relacionados en un 94% con diseño. Lo pongo en negrilla para que no se olvide, así cuando un cliente dice que su sobrino le hace el sitio web por una cuarta parte de lo que cobra un diseñador experimentado, sería bueno recordarle cuanto puede afectar la eficacia de su futuro sitio la decisión que tome respecto al diseñador que contrate. Esta cifra fue arrojada por investigadores británicos cuando analizaron diversos sitios web relacionados con temas de salud.

Aspectos como estructura, colores, tipografía, espacio, cantidad de texto, imágenes entre otros, son los directos responsables de la primera impresión que un visitante se lleva y de ahí, en cuestión de segundos el usuario da su voto de confianza. En otras palabras, la mayoría de los usuarios prestan más atención a el aspecto del sitio que al propio contenido. El mundo virtual no está muy separado del mundo tangible.

5 Formas de Usar Señas Visuales Para Mejorar la Experiencia de Usuario.

Una vez aclarado que es una pista o seña visual y como el diseño afecta la retención de tráfico a una página, pongamos estos dos factores juntos para entender cómo se puede mejorar la experiencia de los usuarios y crecer la taza de retención de los mismos.

1. Flechas, flechas, siempre serán uno de las tácticas más efectivas. Las flechas y la connotación impresa a ellas están grabadas en nuestra mente, nos envían un mensaje de dirección, ahora depende si el sitio web quiere dar la impresión de verse desesperado por capturar la atención de ese usuario o quiere ir un paso más allá siendo sutil, transmitiendo confianza.

2. Contraste de colores y tipografia.

3. Encapsulamiento de información relevante, básicamente es separar una porción de información o un elemento como un formulario con un fondo que lo haga distinguirse, aquí otra vez juega el juicio del diseñador para hacer de este recurso una pista sutil pero efectiva.

4. Imágenes de personas haciendo contacto visual o apuntando hacia el área a donde se quiera llevar la atención del usuario. Sin embargo, que la gente mire donde uno desea no quiere decir que estén prestando atención. Se debe decidir si es más importante crear una conexión emocional entre el protagonista de la imagen y quien la ve o si definitivamente es más relevante que el usuario mire para donde el modelo de la imagen está mirando.

Cosas a evitar

• Usar señas visuales para dirigir la atención a porciones irrelevantes del sitio web.
• Establecer muchos puntos de atención en una sola página. Recuerde, solo se cuenta con 8 o 10 segundos y no se desea saturar al usuario con una página confusa y sobrecargada.
• Las imágenes no pueden ser meramente decorativas, deben cargar un propósito. Sin embargo, hay que tener en cuenta que hay casos particulares donde es más efectiva la imagen del producto sin la intervención de modelos

CXL Institute hizo una investigación sobre la efectividad de las pistas o señas visuales.

El ganador atrayendo la atención del usuario hacia el formulario fue la flecha

Mientras que el hombre mirando para el lado opuesto del formulario fue el que dio menos resultado

Los usuarios no leen todo el contenido de una página en un sitio web, por el contrario, la escanean y si algo les atrae fijaran su atención en esa porción que les atrajo. Las pistas visuales son auxiliares que empujan al usuario hacia áreas específicas y dependen en gran medida del diseño para ser efectivas. Las decisiones que se tomen en diseño deben ser estratégicas y con fines comunicativos, no meramente decorativos. Los objetivos de una página dentro de un sitio web deben estar establecidos con claridad para que se diseñen las pistas visuales acorde a esas metas.

Desde mi experiencia trabajando con diferentes clientes y modelos de negocio, la mayoría de veces el cliente tiene claro los objetivos de su negocio, pero al momento de priorizar estos en el sitio web, la tarea se vuelve confusa, la página de inicio se convierte en una colección de imágenes genéricas o micro áreas que se gritan unas a otras hasta anularse entre ellas. El resultado, usuarios que abandonan el sitio web sin realizar ninguna de las acciones que se hubieran querido que hicieran en la página. Un uso efectivo de las señas visuales, como lo ilustre en los ejemplos, puede hacer la diferencia entre retener tráfico y cumplir los objetivos para los cuales fue creado un sitio web o continuar creciendo en tazas de abandono.