SlideShare una empresa de Scribd logo
1 de 43
Patrones Oscuros de UX
(con ejemplos)
Mauricio Angulo S.
Consultor Senior en Experiencia de Usuario
email > mauricio@tesseractspace.com
twitter > @mauricioangulo
www.tesseractspace.com
Experiencia del Usuario
función belleza afinidad historia+ + + =
1 2 3 4
“...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
http://bit.ly/1CymVsq
http://bit.ly/1E5E3kB
http://bit.ly/1F4n5J9
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
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.
Patrones oscuros
de UX
Una guía breve sobre cómo se
usa UX para la maldad
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.
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.
● retener usuarios a la fuerza,
● obtener datos personales o
financieros,
● forzar compras,
● maquillar métricas.
Los patrones oscuros
se usan para:
Arquitectura de los patrones oscuros
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.
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.
Anuncios
disimulados
Anuncios que están disfrazados
como otro tipo de contenido o
como controles de navegación para
que los usuarios los seleccionen.
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.
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.
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.
Distracción
La atención del usuario está enfocada
en una cosa para distraerlo de otra,
generalmente en su perjuicio.
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.
¿Deberíamos utilizar patrones oscuros
de UX?
❏ Sí
❏ No
❏ Tal vez
❏ Depende
¿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).
● 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
https://goo.gl/BFqWG8
¡Gracias!
Mauricio Angulo S.
Consultor en Experiencia de Usuario
email > mauricio@tesseractspace.com
twitter > @mauricioangulo
www.tesseractspace.com

Más contenido relacionado

Destacado

Gafas de Realidade Virtual
Gafas de Realidade VirtualGafas de Realidade Virtual
Gafas de Realidade Virtualprieto4
 
Acertijos en entrevistas de trabajo
Acertijos en entrevistas de trabajoAcertijos en entrevistas de trabajo
Acertijos en entrevistas de trabajoHerles Incalla
 
An Approach to Digital Marketing
An Approach to Digital MarketingAn Approach to Digital Marketing
An Approach to Digital MarketingSuresh Parmachand
 
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...Steven McGee
 
The second mile principle
The second mile principleThe second mile principle
The second mile principleVan Nagac
 
Learning Outcome Task One
Learning Outcome Task OneLearning Outcome Task One
Learning Outcome Task Onephele1994
 
Geoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passadoGeoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passadoHelton Uchoa
 
Tutorial Google books
 Tutorial Google books Tutorial Google books
Tutorial Google books1975alex
 
Primera clase configuración del EVA
Primera clase configuración del EVAPrimera clase configuración del EVA
Primera clase configuración del EVAMarisol Aman
 

Destacado (13)

Gafas de Realidade Virtual
Gafas de Realidade VirtualGafas de Realidade Virtual
Gafas de Realidade Virtual
 
Acertijos en entrevistas de trabajo
Acertijos en entrevistas de trabajoAcertijos en entrevistas de trabajo
Acertijos en entrevistas de trabajo
 
An Approach to Digital Marketing
An Approach to Digital MarketingAn Approach to Digital Marketing
An Approach to Digital Marketing
 
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
USPTO patent application 13,573,002 The Heart Beacon Cycle Time Space Meter, ...
 
The second mile principle
The second mile principleThe second mile principle
The second mile principle
 
google aps
google apsgoogle aps
google aps
 
Las nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google AppsLas nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google Apps
 
Learning Outcome Task One
Learning Outcome Task OneLearning Outcome Task One
Learning Outcome Task One
 
Tic´s google +
Tic´s google +Tic´s google +
Tic´s google +
 
GDG DevFest Lighting Talks México
GDG DevFest Lighting Talks MéxicoGDG DevFest Lighting Talks México
GDG DevFest Lighting Talks México
 
Geoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passadoGeoprocessamento: "Coisa" do século passado
Geoprocessamento: "Coisa" do século passado
 
Tutorial Google books
 Tutorial Google books Tutorial Google books
Tutorial Google books
 
Primera clase configuración del EVA
Primera clase configuración del EVAPrimera clase configuración del EVA
Primera clase configuración del EVA
 

Similar a Patrones oscuros UX guía

Patrones oscuros de UX
Patrones oscuros de UXPatrones oscuros de UX
Patrones oscuros de UXUX Nights
 
Cómo conseguir transformar las visitas en la web en contactos comerciales
Cómo conseguir transformar las visitas en la web en contactos comercialesCómo conseguir transformar las visitas en la web en contactos comerciales
Cómo conseguir transformar las visitas en la web en contactos comercialesCETT
 
Confección de modelos de negocio eficientes.
Confección de modelos de negocio eficientes.Confección de modelos de negocio eficientes.
Confección de modelos de negocio eficientes.Carles Nogués Cifre
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutosSol Mesz
 
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...Aprender 3C
 
Design thinking en la gestión de proyectos
Design thinking en la gestión de proyectosDesign thinking en la gestión de proyectos
Design thinking en la gestión de proyectosEnrique Villarroel
 
Usability first, things startup should know about user experience
Usability first, things startup should know about user experienceUsability first, things startup should know about user experience
Usability first, things startup should know about user experienceDiga33!
 
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdfInnovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdfDemetrio Ccesa Rayme
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 MinutosSol Mesz
 
Diseño de productos digitales para emprendedores tecnológicos
Diseño de productos digitales para emprendedores tecnológicosDiseño de productos digitales para emprendedores tecnológicos
Diseño de productos digitales para emprendedores tecnológicosSol Mesz
 

Similar a Patrones oscuros UX guía (20)

Patrones oscuros de UX
Patrones oscuros de UXPatrones oscuros de UX
Patrones oscuros de UX
 
Cómo conseguir transformar las visitas en la web en contactos comerciales
Cómo conseguir transformar las visitas en la web en contactos comercialesCómo conseguir transformar las visitas en la web en contactos comerciales
Cómo conseguir transformar las visitas en la web en contactos comerciales
 
Taller Prototipo y Diferenciación con Tarea
Taller Prototipo y Diferenciación con TareaTaller Prototipo y Diferenciación con Tarea
Taller Prototipo y Diferenciación con Tarea
 
DISENO DE PRODUCTO
DISENO DE PRODUCTODISENO DE PRODUCTO
DISENO DE PRODUCTO
 
mapa empatia - mapa de valor.pptx
mapa empatia - mapa de valor.pptxmapa empatia - mapa de valor.pptx
mapa empatia - mapa de valor.pptx
 
Confección de modelos de negocio eficientes.
Confección de modelos de negocio eficientes.Confección de modelos de negocio eficientes.
Confección de modelos de negocio eficientes.
 
Taller Tarugo de UX para profanos
Taller Tarugo de UX para profanosTaller Tarugo de UX para profanos
Taller Tarugo de UX para profanos
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
 
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
#Aprender3c - Cómo crear productos eficientes, efectivos y mantener a nuestro...
 
Transmedia
TransmediaTransmedia
Transmedia
 
Design thinking en la gestión de proyectos
Design thinking en la gestión de proyectosDesign thinking en la gestión de proyectos
Design thinking en la gestión de proyectos
 
Usability first, things startup should know about user experience
Usability first, things startup should know about user experienceUsability first, things startup should know about user experience
Usability first, things startup should know about user experience
 
Design Thinking (1) (1).pdf
Design Thinking (1) (1).pdfDesign Thinking (1) (1).pdf
Design Thinking (1) (1).pdf
 
Lean Canvas
Lean CanvasLean Canvas
Lean Canvas
 
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdfInnovacion y Design Tinking  S5A  EPG-UTP M.Maltese Ccesa007.pdf
Innovacion y Design Tinking S5A EPG-UTP M.Maltese Ccesa007.pdf
 
UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Diseño de productos digitales para emprendedores tecnológicos
Diseño de productos digitales para emprendedores tecnológicosDiseño de productos digitales para emprendedores tecnológicos
Diseño de productos digitales para emprendedores tecnológicos
 
Taller Agile Inception Deck
Taller Agile Inception DeckTaller Agile Inception Deck
Taller Agile Inception Deck
 

Más de Mauricio Angulo

Guías de diseño para apps en Android 4
Guías de diseño para apps en Android 4Guías de diseño para apps en Android 4
Guías de diseño para apps en Android 4Mauricio Angulo
 
Patrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile DayPatrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile DayMauricio Angulo
 
Patrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplosPatrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplosMauricio Angulo
 
Prototipando apps con Axure
Prototipando apps con AxurePrototipando apps con Axure
Prototipando apps con AxureMauricio Angulo
 
ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.Mauricio Angulo
 
Desarrollo para Google Glass
Desarrollo para Google GlassDesarrollo para Google Glass
Desarrollo para Google GlassMauricio Angulo
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsMauricio Angulo
 
Como liberar el contenido digital
Como liberar el contenido digitalComo liberar el contenido digital
Como liberar el contenido digitalMauricio Angulo
 
Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10Mauricio Angulo
 
Grandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digitalGrandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digitalMauricio Angulo
 
Introduccion al M-Commerce
Introduccion al M-CommerceIntroduccion al M-Commerce
Introduccion al M-CommerceMauricio Angulo
 
20 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 201320 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 2013Mauricio Angulo
 
Distribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract PagesDistribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract PagesMauricio Angulo
 
Introducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing DigitalIntroducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing DigitalMauricio Angulo
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesMauricio Angulo
 

Más de Mauricio Angulo (20)

Guías de diseño para apps en Android 4
Guías de diseño para apps en Android 4Guías de diseño para apps en Android 4
Guías de diseño para apps en Android 4
 
Patrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile DayPatrones de diseño responsivos - Mobile Day
Patrones de diseño responsivos - Mobile Day
 
Patrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplosPatrones para Arquitectura de Información y ejemplos
Patrones para Arquitectura de Información y ejemplos
 
Prototipando apps con Axure
Prototipando apps con AxurePrototipando apps con Axure
Prototipando apps con Axure
 
ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.ComScore: futuro digital Latam 2013, con anotaciones.
ComScore: futuro digital Latam 2013, con anotaciones.
 
Desarrollo para Google Glass
Desarrollo para Google GlassDesarrollo para Google Glass
Desarrollo para Google Glass
 
Dia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para appsDia de la usabillidad 2013 - Clínica de UX para apps
Dia de la usabillidad 2013 - Clínica de UX para apps
 
Checklist para SEO
Checklist para SEOChecklist para SEO
Checklist para SEO
 
Mobile learning
Mobile learningMobile learning
Mobile learning
 
Como liberar el contenido digital
Como liberar el contenido digitalComo liberar el contenido digital
Como liberar el contenido digital
 
Conversion funnel
Conversion funnelConversion funnel
Conversion funnel
 
Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10Principios de diseño para apps en BlackBerry 10
Principios de diseño para apps en BlackBerry 10
 
Grandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digitalGrandes tendencias en social media en la era digital
Grandes tendencias en social media en la era digital
 
Introduccion al M-Commerce
Introduccion al M-CommerceIntroduccion al M-Commerce
Introduccion al M-Commerce
 
Demoing 101
Demoing 101Demoing 101
Demoing 101
 
20 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 201320 tendencias en marketing digital para 2013
20 tendencias en marketing digital para 2013
 
Distribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract PagesDistribución de contenidos digitales - Tesseract Pages
Distribución de contenidos digitales - Tesseract Pages
 
Introducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing DigitalIntroducción a Experiencia de Usuario para marketing Digital
Introducción a Experiencia de Usuario para marketing Digital
 
Geomarketing práctico
Geomarketing prácticoGeomarketing práctico
Geomarketing práctico
 
Clínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móvilesClínica de experiencia de usuario para aplicaciones móviles
Clínica de experiencia de usuario para aplicaciones móviles
 

Último

Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...mariaclaramb
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfANGELEMMANUELALBAAPA
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfMariaGabrielaSandova2
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basicoJOSE645741
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoThaisAymeeTacucheBen
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxErikRamirez67
 

Último (20)

Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdf
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdf
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf triptico
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptx
 

Patrones oscuros UX guía

  • 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
  • 3. función belleza afinidad historia+ + + = 1 2 3 4
  • 4. “...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
  • 6.
  • 7. 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
  • 8.
  • 9. 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.
  • 10. Patrones oscuros de UX Una guía breve sobre cómo se usa UX para la maldad
  • 11. 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.
  • 12.
  • 13.
  • 14. 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.
  • 15. ● retener usuarios a la fuerza, ● obtener datos personales o financieros, ● forzar compras, ● maquillar métricas. Los patrones oscuros se usan para:
  • 16.
  • 17. Arquitectura de los patrones oscuros
  • 18. 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.
  • 19.
  • 20. 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.
  • 21.
  • 22.
  • 23. Anuncios disimulados Anuncios que están disfrazados como otro tipo de contenido o como controles de navegación para que los usuarios los seleccionen.
  • 24.
  • 25. 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.
  • 26.
  • 27.
  • 28. 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.
  • 29.
  • 30. 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.
  • 31.
  • 32.
  • 33. Distracción La atención del usuario está enfocada en una cosa para distraerlo de otra, generalmente en su perjuicio.
  • 34.
  • 35.
  • 36. 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.
  • 37.
  • 38.
  • 39. ¿Deberíamos utilizar patrones oscuros de UX? ❏ Sí ❏ No ❏ Tal vez ❏ Depende
  • 40. ¿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).
  • 41. ● 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
  • 43. ¡Gracias! Mauricio Angulo S. Consultor en Experiencia de Usuario email > mauricio@tesseractspace.com twitter > @mauricioangulo www.tesseractspace.com