UX Nights Vol. XLIX Diseñar para el bien o para el mal Dentro del marco del Día Mundial de la Usabilidad 2018 Ciudad de México “Patrones oscuros de UX" Mauricio Angulo

1. Patrones Oscuros de UX
(con ejemplos)
Mauricio Angulo S.
Consultor Senior en Experiencia de Usuario
email > mauricio@tesseractspace.com
twitter > @mauricioangulo
www.tesseractspace.com

2. Patrones oscuros
de UX
Una guía breve sobre cómo se
usa UX para la maldad

3. Un patrón oscuro de UX es un tipo de
interfaz o interacción diseñado con el
propósito de engañar al usuario para
que realicen acciones que normalmente
no harían, o que tienen un costo oculto.

6. Insight psicológico
Aplicación honesta
(beneficia al usuario)
Aplicación deshonesta
(beneficia al negocio)
“No leemos páginas web,
las escaneamos” —Steve
Krug
Ayudar a una
comprensión rápida
usando una jerarquía
visual clara.
Esconder información
clave para que el usuario
continue sin entender por
completo lo que hace.
“La gente tiende a utilizar
los valores predefinidos”
—Jakob Nielsen
Prevenir errores
ajustando los valores
predefinidos que sean
más seguros para el
usuario.
Beneficiarse de los
errores y asegurarse que
las opciones predefinidas
beneficien al negocio.
“Las personas harán lo
que vean que hacen otras
personas” —Robert
Cialdini
Mostrar
retroalimentación sin
editar y permitir a clientes
reales compartir sus
experiencias
Ocultar
retroalimentación
negativa escogiendo los
comentarios positivos y
mostrándolos de forma
prominente.

7. ● retener usuarios a la fuerza,
● obtener datos personales o
financieros,
● forzar compras,
● maquillar métricas.
Los patrones oscuros
se usan para:

9. Arquitectura de los patrones oscuros

10. Salida de embudo
Es una categoría amplia de
patrones oscuros en los que,
básicamente, es fácil entrar y
extremadamente difícil salir.
Los servicios de suscripción caen
fácilmente en este tipo de
patrón.

12. Señuelos
El usuario desea hacer una cosa pero en su
lugar otra, por lo general sorpresiva y
desagradable, sucede.
Este es uno de los trucos más viejos y es muy
utilizado. Muchos patrones oscuros usan algún
tipo de señuelo.

15. Anuncios
disimulados
Anuncios que están disfrazados
como otro tipo de contenido o
como controles de navegación para
que los usuarios los seleccionen.

17. Continuidad forzada
El usuario se registra para un periodo de
prueba de un servicio y al hacerlo es obligado
a agregar algún instrumento de pago. Cuando
el periodo de prueba termina, el servicio
comienza a hacer cargos automáticos sin el
consentimiento del usuario.

20. Spam de amigos
Un sitio o juego le pide al usuario sus credenciales de
Twitter o de su cuenta de email, ya sea como forma de
autenticación o para un propósito benigno como
encontrar amigos en el servicio, pero usa ese acceso
para publicar o enviar contenido desde la cuenta.

22. Costos ocultos
Estos costos ocurren cuando un usuario
está en el último paso de un proceso de
compra, y descubre que han aparecido
cargos inesperados, como gastos de
entrega, impuestos, etc.

25. Distracción
La atención del usuario está enfocada
en una cosa para distraerlo de otra,
generalmente en su perjuicio.

28. Prevención de comparación
de precios
La atención del usuario está enfocada
en un precio alto para distraerlo de un
precio más bajo o una oferta.

31. ¿Deberíamos utilizar patrones oscuros
de UX?
❏ Sí
❏ No
❏ Tal vez
❏ Depende

32. ¿Deberíamos utilizar patrones oscuros
de UX?
● Un Diseñador de UX debería poner al
usuario primero (en un mundo ideal).
● Influenciar al usuario no siempre es malo,
ni es una situación blanco/negro.
● Los usuarios molestos no regresarán.
● Las necesidades del negocio deberían estar
alineadas con las del usuario (en un mundo
ideal).

33. ● Se consciente por qué
influencias al usuario a
que haga algo.
● Desarrolla tu empatía.
● Promueve los beneficios
del Diseño Centrado en el
Usuario.
● No juegues con el usuario.
● No confundas al usuario.
● No seas malvado.
En resumen

34. ¡Gracias!
Mauricio Angulo S.
Consultor en Experiencia de Usuario
email > mauricio@tesseractspace.com
twitter > @mauricioangulo
www.tesseractspace.com