Experiencia de escritorio

Esta web está pensada para verse en ordenador.

Para recorrer correctamente la pieza, abre la página desde un portátil o una pantalla más amplia.

Aceptar parece fácil
sin detenerse
a mirar lo que implica.

Aceptar
sin mirar

Anatomía visual del consentimiento digital

Un recorrido crítico por los banners de cookies y por las decisiones visuales que hacen que aceptar, rechazar o configurar no pese lo mismo.

Bajar para desplegar el análisis

00/

Antes de elegir,
miramos

Antes de elegir,
la interfaz ya ha decidido qué vemos primero.

“

En una pantalla, no todo aparece con la misma fuerza.
Un botón puede pesar más, una palabra puede sonar más amable y un recorrido puede parecer más fácil.

01/

Qué es
una cookie

Una cookie es un pequeño archivo que una web guarda en el navegador para recordar información: una sesión iniciada, un idioma, un carrito, una preferencia o datos sobre la navegación.

03

Qué es un
banner de
cookies

No es la cookie. Es la interfaz que pide la decisión. Aparece entre la persona y la web, interrumpiendo la navegación para pedir una elección

Anatomía de la primera capa del banner de cookies
Anatomía de la segunda capa de configuración de cookies
04

Anatomía de
un banner

Primera capa

La primera decisión aparece en una pantalla mínima.

Antes de aceptar, rechazar o configurar, el banner ya organiza la mirada: muestra una frase, unas opciones y un espacio de decisión.

Frase que introduce la decisión

El texto prepara cómo entendemos la acción.

“Usamos cookies para mejorar tu experiencia” no solo informa. También presenta la decisión desde una idea amable y positiva.

Opciones visibles

Las opciones existen, pero no siempre pesan igual.

Aceptar, rechazar y configurar pueden aparecer juntas, pero su tamaño, posición y presencia visual pueden hacer que una parezca más directa.

Segunda capa

Configurar abre otra pantalla de decisión.

La segunda capa promete control, pero también puede añadir más lectura, categorías, interruptores y acciones que decidir.

Información previa

Antes de configurar, también se orienta la lectura.

La frase inicial explica qué hay que hacer antes de guardar la configuración. Si es clara, ayuda; si es técnica, puede añadir carga.

Categorías de cookies

La decisión se divide en grupos.

Técnicas, funcionales, preferencias, analíticas, marketing o terceros. La forma de ordenar estas categorías influye en si la configuración parece clara o pesada.

Acciones visibles

Guardar, aceptar o rechazar también son parte del recorrido.

La configuración no termina en los interruptores. Los botones finales definen qué salida parece más fácil, más visible o más segura.

Interruptores

Permitir o denegar se convierte en gesto visual.

Los interruptores muestran estados posibles, pero necesitan ser comprensibles: qué está activo, qué está desactivado y qué puede cambiar el usuario.

Opciones activadas o desactivadas

El estado inicial también comunica.

Una opción preactivada no se percibe igual que una apagada. El diseño del estado inicial puede construir sensación de control o de decisión ya tomada.

05

Qué vemos
primero

No miramos todo por igual. En el apartado anterior, el banner aparecía como una estructura neutra: Una frase, varias opciones y un espacio de decisión. Pero no todos los banners se diseñan del mismo modo. A veces, un botón más oscuro, más grande o mejor situado puede parecer la opción principal, aunque existan otras alternativas cerca. La decisión no empieza en el clic. Empieza en aquello que el diseño de la interfaz hace visible primero.

Mira el banner durante unos segundos

¿Qué opción aparece
antes ante tu mirada?

Banner de cookies con aceptar, rechazar y configurar

Y bien,


¿qué opción recuerdas?

Seguramente recuerdes más el botón aceptar antes que otra cosa.

Color

Un botón más contrastado puede convertirse en el camino evidente.

Tamaño

Una acción más grande o cercana requiere menos esfuerzo.

Posición

La ubicación puede marcar qué opción se encuentra antes.

Contraste

Una opción con menos contraste puede existir, pero quedar debilitada.

08/

Datos

(Análisis visual realizado por Ane Gangoiti a partir de 70 banners reales.)
Una opción puede estar presente y aun así no sentirse igual de accesible. La auditoría muestra que aparecer no basta: una opción también debe verse, entenderse y recorrerse con la misma facilidad.

72%

Muestran “Rechazar” en primera capa.

→ pero aparecer no siempre significa tener el mismo peso visual.

89%

Muestran “Configurar / Ajustes”.

→ pero configurar puede convertirse en más recorrido.

57%

Permiten cerrar sin aceptar.

→ pero cerrar no siempre equivale a decidir con claridad.

57%

Tienen paridad visual.

→ en casi la mitad, una opción sigue pesando más que otra.

80%

Usan texto claro.

→ pero la claridad del texto no elimina por sí sola el empuje del diseño.

Diseño que empuja,
diseño que cuida

No se trata de elegir por la persona, sino de mirar qué condiciones le damos para elegir.