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álisis00/
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.
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.
02/ La web guarda una cookie
Deja un pequeño archivo en el dispositivo
03/ Para recordar algo
Esa información se usa en las próximas visitas
¿Qué puede recordar?
01/ SESIÓN INICIADA
Mantenerte conectado
Qué estamos
aceptando
Al aceptar cookies no siempre estamos aceptando una única cosa. Podemos estar permitiendo cookies necesarias, analíticas, de preferencias, publicitarias o de terceros. Por eso la forma de explicar estas categorías influye en cómo entendemos la decisión.
01 / Necesarias
Permiten que la web funcione.
sesión / seguridad / carrito
02 / Preferencias
Recuerdan elecciones del usuario.
idioma / ubicación / ajustes
03 / Analíticas
Miden cómo se usa una web.
visitas / tiempo / páginas vistas
04 / Marketing
Sirven para seguimiento o anuncios personalizados.
perfiles / anuncios adaptados
05 / Terceros
Conectan la web con proveedores externos.
medición / publicidad / contenido externoQué 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
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.
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?
Y bien,
¿qué opción recuerdas?
Seguramente recuerdes más el botón aceptar antes que otra cosa.
Un botón más contrastado puede convertirse en el camino evidente.
Una acción más grande o cercana requiere menos esfuerzo.
La ubicación puede marcar qué opción se encuentra antes.
Una opción con menos contraste puede existir, pero quedar debilitada.
No todas las opciones cuestan lo mismo
Una opción puede estar disponible y aún así ser más difícil de elegir. En un banner de cookies, aceptar puede resolverse en un gesto inmediato. Rechazar o configurar, en cambio, puede exigir más pasos, más lectura o más búsqueda. Esa diferencia de esfuerzo también forma parte del diseño.
El recorrido
corto
MENOS PASOS
MENOS ESFUERZO
El recorrido
largo
MÁS PASOS
MÁS ESFUERZO
Configurar puede exigir más pasos, más lectura y más búsqueda.
Rechazar no siempre desaparece: a veces simplemente se aleja.
Palabras que empujan
y palabras que cuidan
Las palabras también diseñan la decisión. En un banner de cookies, una frase breve puede hacer que una acción parezca más sencilla, más positiva, más urgente o más difícil de entender. El microtexto no solo acompaña al botón: también influye en cómo se interpreta.
ACEPTAR Y CONTINUAR
aceptar parece solo seguir
ACEPTAR COOKIES OPCIONALES
nombra qué se acepta
MEJORAR TU EXPERIENCIA
hace que la recogida de datos suene amable
VER FINALIDADES
explica para qué se usan
SOCIOS
suaviza quién participa
PROVEEDORES EXTERNOS
aclara quién participa
INTERÉS LEGÍTIMO
vuelve la decisión técnica
EXPLICAR BASE LEGAL
traduce lo técnico
GESTIONAR OPCIONES
hace que decidir parezca una gestión secundaria
CONFIGURAR PREFERENCIAS
muestra que se puede ajustar
ACEPTAR CONFIGURACIÓN
suena como aceptar, no como guardar
GUARDAR MI ELECCIÓN
pone el foco en la decisión de la persona
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.
Muestran “Rechazar” en primera capa.
→ pero aparecer no siempre significa tener el mismo peso visual.
Muestran “Configurar / Ajustes”.
→ pero configurar puede convertirse en más recorrido.
Permiten cerrar sin aceptar.
→ pero cerrar no siempre equivale a decidir con claridad.
Tienen paridad visual.
→ en casi la mitad, una opción sigue pesando más que otra.
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.
Generando interfaz
Experiencia personalizada
Una web hecha para ti.
Esta interfaz presenta la aceptación como el camino más rápido y visible.
Preferencias de cookies
Usamos cookies para mejorar tu experiencia y analizar el uso de la web. Puedes aceptar o tus preferencias.
Configurar preferencias
Personaliza tu experiencia seleccionando las cookies que quieres permitir.
Consentimiento claro
Una web que deja decidir.
Esta interfaz presenta las opciones de forma equilibrada, para que la decisión pueda entenderse antes de continuar.
Preferencias de cookies
Antes de seguir, puedes elegir cómo quieres que usemos las cookies. Algunas son necesarias para que la web funcione y otras nos ayudan a entender el uso de la página.
Configurar cookies
Puedes elegir qué cookies opcionales permites.
Las necesarias se mantienen activas para que la web funcione.
Las demás solo se usarán si las activas.