Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey
-
Upload
mauricio-angulo -
Category
Design
-
view
530 -
download
1
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/1.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/2.jpg)
Experiencia del Usuario
![Page 3: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/3.jpg)
función
belleza afinidad historia
+ + + =1 2 3 4
![Page 4: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/4.jpg)
“...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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/6.jpg)
![Page 7: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/7.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/8.jpg)
![Page 9: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/9.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/10.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/11.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/12.jpg)
![Page 13: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/13.jpg)
![Page 14: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/14.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/15.jpg)
● 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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/16.jpg)
![Page 17: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/17.jpg)
Arquitectura de los patrones oscuros
![Page 18: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/18.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/19.jpg)
![Page 20: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/20.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/21.jpg)
![Page 22: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/22.jpg)
![Page 23: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/23.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/24.jpg)
![Page 25: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/25.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/26.jpg)
![Page 27: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/27.jpg)
![Page 28: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/28.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/29.jpg)
![Page 30: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/30.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/31.jpg)
![Page 32: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/32.jpg)
![Page 33: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/33.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/34.jpg)
![Page 35: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/35.jpg)
![Page 36: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/36.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/37.jpg)
![Page 38: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/38.jpg)
![Page 39: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/39.jpg)
¿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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/40.jpg)
¿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](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/41.jpg)
● 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://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/42.jpg)
https://goo.gl/BFqWG8
![Page 43: Patrones oscuros de UX - UX Nights Vol 1.03 en Monterrey](https://reader036.fdocuments.net/reader036/viewer/2022062310/58ed39551a28ab4e4f8b4653/html5/thumbnails/43.jpg)
¡Gracias!Mauricio Angulo S.
Consultor en Experiencia de Usuario
email > [email protected] > @mauricioangulo
www.tesseractspace.com