Guía sobre Dark Patterns en Diseño de Interacción

¿Qué son los Dark Patterns?

Los dark patterns (patrones oscuros) son estrategias de diseño engañosas que manipulan a los usuarios para que tomen decisiones en beneficio de una empresa, a menudo sin que se den cuenta. Estas prácticas pueden afectar la confianza, la privacidad y la experiencia del usuario.

¿Qué son los patrones engañosos?

• Son trucos de diseño que manipulan a los usuarios en beneficio de la empresa.
• Pueden causar pérdidas económicas, comprometer la privacidad y afectar a usuarios vulnerables.
• Dañan la confianza del usuario y reducen la lealtad a la marca.

¿Por qué evitar los dark patterns?

• Deterioran la confianza del usuario y pueden afectar la reputación de la empresa.
• Pueden generar problemas legales debido a regulaciones sobre transparencia y protección del consumidor.
• Crean experiencias frustrantes que pueden alejar a los usuarios del producto o servicio.
• El impacto negativo a largo plazo puede superar cualquier beneficio económico a corto plazo.

Cómo se propagan los patrones engañosos

• Optimización de conversiones: Empresas los usan en A/B testing para aumentar ventas a corto plazo.
• Copiar a la competencia: Si una empresa usa tácticas engañosas, otras pueden imitarlas.

Tipos de Dark Patterns más Habituales

Obstrucción

• Dificulta acciones que no benefician a la empresa.
• Ejemplo: Ocultar la opción de cancelar una suscripción o forzar múltiples pasos para hacerlo - complicado, con múltiples pasos y llamadas obligatorias.

❌

✅

Trucos visuales o de lenguaje

• Usan sesgos cognitivos para confundir a los usuarios.
• Ejemplos:
• Lenguaje confuso: "Desmarque esta casilla para no suscribirse".
• Desvío de atención: Promociones llamativas que ocultan costos adicionales.
• Información oculta: Términos importantes en letra pequeña o en lugares poco visibles.

❌

✅

Acoso (Nagging)

• Bombardeo constante de pop-ups o notificaciones para forzar una acción.
• Ejemplo: Insistir en que el usuario se suscriba, incluso después de rechazarlo varias veces.

❌

✅

Sorpresas o preselección

• Agregar productos automáticamente o seleccionar opciones sin el consentimiento del usuario.
• Ejemplo: Incluir costos extra como empaques o seguros sin que el usuario lo note.

❌

✅

Miedo a perderse algo (FOMO)

• Generar urgencia artificial para que el usuario tome decisiones impulsivas.
• Ejemplo: Temporizadores falsos en descuentos para presionar la compra.

❌

✅

Uso de culpa (Confirmshaming)

• Hacer que el usuario se sienta mal por no aceptar una oferta.
• Ejemplo: Botón de rechazo con frases como "No gracias, no me importa mi salud".

❌

✅

• Colarse en el cesto: Agregar productos a la cesta de compra sin consentimiento.
• Hotel de cucarachas: Hacer difícil la cancelación de suscripciones.
• Zuckerización de la privacidad: Solicitar datos personales innecesarios.
• Impedir comparación de precios: Ocultar opciones más económicas mediante un diseño confuso.
• Desorientación: Crear interfaces engañosas que inducen a errores.
• Costes ocultos: Añadir tarifas extra en el último paso de compra.
• Anuncios camuflados: Diseñar anuncios que parecen contenido genuino.

Cómo Diseñar de Forma Ética

1. Pruebas con usuarios: Observa cómo reaccionan a las interfaces para detectar frustraciones o confusión.
2. Transparencia total: Explica claramente costos, términos y condiciones desde el principio.
3. Diseño centrado en el usuario: Prioriza la facilidad de uso y la autonomía de decisión del usuario.
4. Cumplir con regulaciones: Asegúrate de seguir normativas de protección al consumidor y privacidad de datos.
5. Evaluación ética continua: Revisa periódicamente tus diseños para evitar prácticas cuestionables.

¿Qué es la Persuasión?

Entendemos por persuasión, de una manera genérica, la acción para convencer a alguien a actuar o pensar de una determinada forma. En diseño de interacción utilizamos esta expresión para referirnos a aquellas capacidades que tiene un diseño para cambiar la actitud o las acciones que experimenta el usuario.

Siguiendo las ideas de Tromp, Hekkert y Verbeek en su artículo «Design for Socially Responsible Behavior: A Classification of Influence Based on Intended User Experience», podemos distinguir cuatro formas diferentes de persuadir a un usuario a llevar a cabo una acción o de, por el contrario, animarlo a que no la lleve a cabo. Los autores distinguen entre un mecanismo de persuasión manifiesto —que es percibido por todo el mundo— de uno oculto —del que normalmente no somos conscientes—. Seguidamente, separan entre dos tipos de efectos: fuertes —cuando la persuasión resulta difícil o imposible de neutralizar— o débiles —cuando con un ejercicio de voluntad podemos evitar la persuasión y llevar a cabo una acción diferente a la que el diseño nos quería impulsar.

Esto nos deja con cuatro mecanismos posibles de persuasión:

• Diseño coercitivo: Es a la vez manifiesto y fuerte. Un ejemplo claro son las barreras que impiden el acceso al metro sin pagar billete. Son coercitivas porque no es fácil evitarlas, ya que hay que hacer un complicado ejercicio de saltar que deja bien visible al defraudador, que queda expuesto así a recibir una multa; y desde luego son bien visibles, ya que es imposible no darse cuenta de ellas.
• Diseño persuasivo: Es manifiesto, pero débil. Un ejemplo sería colocar un anuncio en una estación de metro que nos haga reflexionar sobre que nuestro deber cívico es pagar el billete. Es claramente visible, pero no obliga a hacerle caso.
• Diseño seductor: Se trata de un efecto débil con un diseño oculto. Nos encontramos ante un diseño oculto cuando este genera de manera externa un comportamiento que la persona cree que ha sido resultado de su decisión interna sin influencia externa. Un ejemplo es el botón de "me gusta" en Facebook, que genera la necesidad de revisar interacciones sin que el usuario sea consciente de su influencia.
• Diseño decisivo: Es a la vez oculto y fuerte. Un ejemplo es un gimnasio donde los ascensores solo están disponibles para el personal de mantenimiento, obligando a los usuarios a utilizar las escaleras sin ser conscientes de que ha sido una decisión diseñada.

Formas de Aplicación en el Diseño de Interacción

En el diseño de interacción, la persuasión se implementa a través de decisiones en la arquitectura de la información, los tipos de acción permitidos y los mecanismos de respuesta disponibles para los usuarios. Algunas estrategias incluyen:

• Definir qué información es accesible según el tipo de usuario (gratuito vs. pago).
• Establecer jerarquías visuales que guíen la atención del usuario.
• Diseñar interacciones que reduzcan la fricción y faciliten la toma de decisiones.
• Implementar técnicas de nudge (codazo), como cambiar el color de botones para destacar opciones deseadas.

El diseño coercitivo es poco común en UX/UI, ya que es más eficiente utilizar enfoques decisivos, limitando opciones sin que el usuario sea consciente.

Ética y Persuasión en el Diseño

El diseño persuasivo plantea dilemas éticos, especialmente cuando se emplean estrategias que priorizan los intereses comerciales sobre el bienestar del usuario. De aquí surge el concepto de dark patterns (patrones oscuros), que abusan de la confianza del usuario y manipulan su comportamiento de manera poco ética.

Ejemplos de Dark Patterns:

Un diseño UX eficaz debe priorizar la transparencia y la confianza del usuario sobre estrategias manipulativas. La implementación de técnicas persuasivas debe orientarse a mejorar la experiencia del usuario y facilitar su navegación, evitando tácticas que perjudiquen su autonomía.

Cómo evitar los patrones engañosos

✅ Haz pruebas con usuarios: Identifica qué genera frustración o desconfianza.

✅ Revisa tu diseño: Pregunta si los usuarios podrían gastar más dinero o compartir más datos de lo que creen.

✅ Sé transparente y claro: Muestra costos y condiciones de forma sencilla y visible.

💡 Diseñar de forma ética no solo es correcto, sino que también genera confianza y lealtad a largo plazo.

14 Patrones Oscuros de Diseño que Debes Evitar

1. Evita preguntas engañosas

• Usa lenguaje claro y directo.
• No emplees dobles negativos ni frases confusas.
• Asegúrate de que los checkboxes siguen la lógica estándar (marcado = aceptación).

❌

✅

2. No añadas productos ocultos al carrito

• Muestra siempre los productos agregados antes del pago.
• Evita incluir costos extra sin consentimiento.
• En su lugar, sugiere productos relevantes de manera transparente.

❌

3. Ofrece opciones de salida visibles

• Permite cancelar suscripciones de forma sencilla.
• Evita complicar los procesos de cancelación.
• Diseña interfaces que den control al usuario.

4. Respeta la privacidad de los usuarios (Privacy Zuckering)

• No escondas acuerdos en los términos y condiciones.
• No pidas más datos personales de los necesarios.
• Facilita el acceso y la configuración de privacidad.

5. No ocultes información para evitar comparaciones de precios

• Muestra precios de manera clara y transparente.
• Evita dividir costos en múltiples opciones confusas.
• Permite comparaciones justas con productos similares.

❌

6. No distraigas a los usuarios con elementos engañosos

• Evita gráficos llamativos que oculten información importante.
• No uses diseño para resaltar opciones menos beneficiosas.
• Proporciona información clara y honesta.

7. No ocultes costos para atraer usuarios

• Muestra precios finales desde el inicio.
• Evita añadir tarifas sorpresa en el último paso de compra.
• Permite a los usuarios tomar decisiones informadas.

❌

✅

8. No uses la táctica del señuelo (Bait and Switch)

• No prometas un producto o servicio y luego cambies las condiciones.
• Evita redirigir a los usuarios a productos más caros.
• Sé transparente con lo que ofreces desde el principio.

9. No uses la culpa ni el miedo para influenciar decisiones (Confirmshaming)

• Evita mensajes como "No, prefiero seguir siendo poco saludable".
• No hagas que los usuarios se sientan culpables por no aceptar una oferta.
• Motiva con mensajes positivos en lugar de manipular emociones.

❌

✅

10. No disfraces anuncios como contenido genuino

• Distingue claramente los anuncios del contenido real.
• No hagas que los anuncios parezcan publicaciones o botones legítimos.
• Gana la confianza del usuario con transparencia.

11. No envíes spam a contactos de los usuarios

• No uses listas de contactos sin consentimiento.
• Evita enviar correos o mensajes en nombre del usuario.
• Identifica claramente los envíos como comunicación de tu empresa.

❌

12. No hagas difícil darse de baja

• No escondas el botón de "Darse de baja".
• Asegúrate de que la opción de cancelación sea fácil de encontrar.
• Gana clientes con un buen producto, no reteniéndolos a la fuerza.

❌

✅

13. No uses tácticas de miedo (Scaremongering)

• Evita mensajes alarmistas como "Tu dispositivo está en peligro".
• No exageres riesgos para forzar acciones.
• Construye confianza con información real y útil.

❌

14. Usa configuraciones predeterminadas que beneficien al usuario

• No establezcas opciones por defecto que perjudiquen al usuario (ej. la opción más cara).
• Diseña valores predeterminados que mejoren la experiencia.
• Prioriza la facilidad de uso y la satisfacción del usuario.

❌

✅

T

Evita los Dark Patterns

• No uses técnicas de diseño engañosas para manipular a los usuarios.
• Evitar estos métodos es clave para la ética y el éxito a largo plazo.
• No dificultes la cancelación de suscripciones ni ocultes información clave.
• Los usuarios frustrados pueden dejar malas reseñas y abandonar tu producto.
• Las malas prácticas dañan la reputación de la empresa rápidamente.
• Diseña de forma ética para generar confianza y una imagen positiva.

Referencias

• Bovens, L. (2009). "The ethics of nudge". Preference change, Springer: Dordrecht.
• Dark Patterns. https://www.darkpatterns.org/. [Consulta: 25 de enero de 2021].
• Deceptive Patterns - Types of Deceptive Pattern
• https://app.uxcel.com/lessons/dark-patterns-024
• https://app.uxcel.com/courses/design-thinking/sustainability-ethics-in-design-thinking-515/resist-dark-patterns-6990
• https://app.uxcel.com/courses/ux-design-psychology/deceptive-patterns-186
• Design toolkit Diseñar la adicción
• Design toolkit Economía de la atención
• blogs.uoc.edu

🔥 Candidatas para el "Bingo de Patrones Oscuros"

🛒 E-commerce y Marketplaces

1. Temu – Ofertas agresivas con urgencia falsa, pop-ups constantes.
2. Shein – Descuentos "por tiempo limitado" que siempre se renuevan.
3. AliExpress – Precios inflados con descuentos ficticios.
4. Wish – Imágenes engañosas y precios poco claros.
5. Amazon – Suscripción Prime difícil de cancelar.

🎟️ Viajes y Turismo

1. Ryanair – Costos ocultos en la reserva.
2. Booking – "Última habitación disponible" para generar urgencia.
3. Expedia – Precios que cambian en el último momento.
4. Airbnb – Tarifas extra ocultas hasta el último paso.

💳 Suscripciones y Software

1. Adobe – Cancelación complicada con tarifas sorpresa.
2. Spotify – Dificultad para encontrar la opción de cancelar Premium.
3. Microsoft 365 – Renovación automática poco clara.
4. LinkedIn Premium – Cancelación poco intuitiva.

📱 Redes Sociales y Apps

1. TikTok – Algoritmo adictivo y pop-ups invasivos.
2. Facebook – Configuración de privacidad confusa.
3. Instagram – Confirmshaming en intentos de eliminar la cuenta.
4. X (Twitter) – Suscripción a X Premium con botones engañosos.
5. Snapchat – Desactivación de cuenta difícil de encontrar.

🎮 Gaming y Apps Móviles

1. Candy Crush – Monetización agresiva con compras compulsivas.
2. Fortnite – Interfaces que promueven compras impulsivas.
3. Steam – Ventas flash con urgencia artificial.
4. Google Play / App Store – Pruebas gratuitas con renovación automática.

Dificultad para comparar: El usuario tiene problemas para comparar productos porque los precios y las características están presentados de forma complicada o porque la información clave es difícil de encontrar. Manipulación emocional: Se presiona al usuario para que haga algo que en realidad no quería hacer, apelando a sus emociones. Anuncios disfrazados: El usuario cree que está haciendo clic en un elemento normal de la página, pero en realidad es un anuncio camuflado. Falsa escasez: Se hace creer al usuario que un producto está a punto de agotarse o que es muy popular, cuando en realidad no es cierto, para apurarlo a comprar. Falsa prueba social: Se muestran reseñas, testimonios o mensajes falsos para hacer creer al usuario que un producto es más popular o confiable de lo que realmente es. Falsa urgencia: Se presiona al usuario con un límite de tiempo falso para que tome una decisión rápidamente. Acción forzada: Para hacer algo que quiere, el usuario se ve obligado a hacer otra cosa que no desea. Dificultad para cancelar: Es fácil suscribirse o registrarse, pero muy difícil darse de baja. Costos ocultos: Se atrae al usuario con un precio bajo, pero al final del proceso aparecen tarifas inesperadas. Suscripción oculta: El usuario se suscribe sin darse cuenta a pagos recurrentes porque no se le informa claramente o no da su consentimiento explícito. Interrupciones constantes: El usuario intenta hacer algo, pero recibe repetidas interrupciones para hacer otra cosa que no le conviene. Barreras y obstáculos: Se ponen trabas para dificultar que el usuario complete su tarea o acceda a información. Opción preseleccionada: Se le presenta al usuario una opción ya marcada para influir en su decisión sin que él lo elija. Engaño en la compra: Se oculta información clave o se muestra tarde para que el usuario avance en una compra sin saber todos los detalles. Lenguaje engañoso: Se usan palabras confusas o ambiguas para inducir al usuario a hacer algo sin que lo entienda bien. Interferencia visual: La información que el usuario espera ver claramente está oculta, disfrazada o difícil de encontrar.