Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

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

Transcript of Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Page 1: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Patrones Oscuros de UX(con ejemplos)

Mauricio Angulo S.Consultor Senior en Experiencia de Usuario

email > [email protected] > @mauricioangulo

www.tesseractspace.com

Page 2: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Experiencia del Usuario

Page 3: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

función

belleza afinidad historia

+ + + =1 2 3 4

Page 4: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

“...métodos estructurados para describir buenas prácticas de diseño en un campo de conocimiento”

- Wikipedia

Patrones:

”...formas para derivar y describir soluciones de diseño”

- Prof. Michael Hughes

Page 5: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

http://bit.ly/1CymVsq

http://bit.ly/1E5E3kB

http://bit.ly/1F4n5J9

Page 6: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 7: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Patrones: “Un patrón describe un problema que ocurre una y otra vez en nuestro entorno y contiene la solución mínima para ese problema, de manera que esa solución se puede utilizar un millón de veces sin realizarla de la misma manera dos veces.”

- Christopher Alexander

Page 8: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 9: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Patrones de diseño centrados en el usuario

Un proyecto está centrado en el usuario cuando se diseña con la meta específica de satisfacer sus deseos y necesidades de manera valiosa, simple y disfrutable.

Page 10: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

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

Page 11: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

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.

Page 12: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 13: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 14: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

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.

Page 15: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

● retener usuarios a la fuerza, ● obtener datos personales o

financieros,● forzar compras,● maquillar métricas.

Los patrones oscuros se usan para:

Page 16: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 17: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Arquitectura de los patrones oscuros

Page 18: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Salida de embudoEs 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.

Page 19: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 20: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

SeñuelosEl 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.

Page 21: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 22: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 23: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

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

Page 24: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 25: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Continuidad forzadaEl 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.

Page 26: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 27: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 28: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Spam de amigosUn 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.

Page 29: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 30: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

Costos ocultosEstos 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.

Page 31: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 32: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 33: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

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

Page 34: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 35: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 36: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

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

Page 37: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 38: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
Page 39: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

¿Deberíamos utilizar patrones oscuros de UX?

❏ Sí❏ No❏ Tal vez❏ Depende

Page 40: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

¿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).

Page 41: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

● 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

Page 42: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

https://goo.gl/BFqWG8

Page 43: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey

¡Gracias!Mauricio Angulo S.

Consultor en Experiencia de Usuario

email > [email protected] > @mauricioangulo

www.tesseractspace.com