{"id":13505,"date":"2019-08-02T09:00:21","date_gmt":"2019-08-02T07:00:21","guid":{"rendered":"https:\/\/trilogi.com\/blog\/?p=13505"},"modified":"2024-11-28T07:24:53","modified_gmt":"2024-11-28T06:24:53","slug":"dark-patterns","status":"publish","type":"post","link":"https:\/\/trilogi.com\/blog\/dark-patterns\/","title":{"rendered":"Dark Patterns: El dise\u00f1o enga\u00f1oso"},"content":{"rendered":"

\u00bfQu\u00e9 os traemos hoy por aqu\u00ed? Pues a pesar del buen tiempo y las ganas de disfrutar de las vacaciones, os traemos un tema del que pocos han o\u00eddo hablar, un tema muy turbio, del cual la mayor\u00eda consumimos d\u00eda a d\u00eda sin darnos cuenta. S\u00ed, hay un lado oscuro en el dise\u00f1o, al igual que lo hay en los supermercados, casinos\u2026 D\u00f3nde el hilo musical, la temperatura y los colores influyen en la toma de decisiones de los consumidores. El dise\u00f1o digital no pod\u00eda quedarse a un lado y para ser conscientes de los mensajes que recibimos, os vamos a hablar de los patrones oscuros<\/strong> o Dark Patterns.<\/em><\/strong><\/p>\n

Si llegas al final de este post, te dejaremos un enlace muy interesante sobre el \u00faltimo challenge <\/em>que se est\u00e1 viralizando en las redes sociales a trav\u00e9s de la aplicaci\u00f3n FaceApp. <\/strong>Adem\u00e1s, os dejaremos un v\u00eddeo donde se resumen los principales Dark patterns<\/em><\/strong>.<\/div>\n

\u00bfPreparad@? \u00a1Vamos all\u00e1!<\/p>\n

\"Dark
Imagen de Pexels<\/a><\/figcaption><\/figure>\n

 <\/p>\n

<\/h2>\n

\u00bfQu\u00e9 son los Patrones Oscuros o Dark Patterns<\/em>?<\/h2>\n

Su nombre nos da una ligera idea de porqu\u00e9 se llaman as\u00ed y es que son trucos enga\u00f1osos que se aplican al dise\u00f1o de una interfaz haciendo que tomes decisiones que no quieres o que no has conseguido ver. Estas acciones no deseadas pueden revelar datos personales, hacerte permanecer m\u00e1s tiempo en una web, comprar un servicio sin necesitarlo o dificultarte la anulaci\u00f3n de otros.<\/p>\n

\"Lado
GIF de Giphy<\/a><\/figcaption><\/figure>\n

 <\/p>\n

\u00bfY por qu\u00e9 se aplican estos patrones si pretenden enga\u00f1ar a los usuarios?<\/h2>\n

Porque como todo negocio, las empresas obtienen un beneficio a cambio, aunque no sea de la manera m\u00e1s honesta. En este caso, no son pr\u00e1cticas que se suelan aplicar a largo plazo, sino a corto plazo. Pero a pesar de ser pr\u00e1cticas poco \u00e9ticas, muchas empresas las siguen utilizando ya que pueden obtener estos frutos sin que los usuarios sepan qu\u00e9 est\u00e1 ocurriendo. Son dise\u00f1os intencionados con un componente \u201cmaligno\u201d.<\/p>\n

Seguro que muchas veces has recibido tanto spam de una web que solo te ha producido ansiedad y ganas de irte. \u00bfQu\u00e9 me dices de las veces que has intentado eliminar tu cuenta de una p\u00e1gina y no ha habido manera de encontrar el bot\u00f3n correcto o te has encontrado con infinidad de pasos? \u00bfO cu\u00e1ndo has querido ponerte en contacto con una tienda y resulta imposible?<\/p>\n

En fin, algunos est\u00e1n hechos con muy malas intenciones, pero otros son m\u00e1s sutiles y juegan con nuestra psicolog\u00eda. No siempre es una pr\u00e1ctica puramente negativa, pueden haber tonos m\u00e1s gris\u00e1ceos, pero s\u00ed es cierto que esto no forma parte del trabajo de un dise\u00f1ador UX que, principalmente, antepone las necesidades de los usuarios.<\/p>\n

\u00a1Vamos a mostrarte los dark patterns<\/em><\/strong> m\u00e1s comunes para que puedas detectarlos a tiempo!<\/p>\n

\"dise\u00f1o
GIF de Giphy<\/a><\/figcaption><\/figure>\n

 <\/p>\n

Tipos de Dark Patterns<\/em><\/h2>\n

#1 Hotel de cucarachas (Roach motel)<\/h3>\n

En pocas palabras, \u00a1sabes cuando entras pero no cuando sales! Te facilitan el acceso a un servicio para que te des de alta c\u00f3moda y r\u00e1pidamente pero luego, te dificultan la salida\/anulaci\u00f3n de este servicio.<\/p>\n

En este ejemplo estuve una media hora literal, intentando buscar la manera de darme de baja de mi cuenta Amazon. No aparece en \u00abMi cuenta\u00bb, ni en el footer… Tienes que contactar con ellos y, a\u00fan as\u00ed, buscar la opci\u00f3n correcta para que te salga \u00abCierre de cuenta y eliminaci\u00f3n de datos\u00bb. \u00a1No pueden pon\u00e9rtelo m\u00e1s dif\u00edcil! (Si quieres darte de baja y no sabes c\u00f3mo, d\u00edmelo y te ayudar\u00e9 encantada ??).<\/p>\n

\"Roach
Patr\u00f3n \u00abRoach Motel\u00bb<\/figcaption><\/figure>\n

#2 Desorientaci\u00f3n (MisDirection)<\/h3>\n

El dise\u00f1o centra tu atenci\u00f3n en una acci\u00f3n para que no te fijes en otra. Este ejemplo no es tan perjudicial como en otros casos, pero lo que quieren es centrar tu atenci\u00f3n en el plan de pago en lugar del plan gratuito.<\/p>\n

\"Patr\u00f3n
Patr\u00f3n \u00abMisDirection\u00bb<\/figcaption><\/figure>\n

#3 Confirmar la verg\u00fcenza (Confirmshaming)<\/h3>\n

Te influyen para que te sientas mal al rechazar la opci\u00f3n que te est\u00e1n ofreciendo. Es una manera de avergonzar al usuario para que cumpla con los requisitos que quieren. En este caso, parece que si no quieres descargarte la \u00faltima versi\u00f3n de Gmail, no est\u00e1s escogiendo la opci\u00f3n \u00abm\u00e1s inteligente\u00bb ? .<\/p>\n

\"Patr\u00f3n
Patr\u00f3n \u00abConfirmshaming\u00bb<\/figcaption><\/figure>\n

#4 Amigo spam (Friend spam)<\/h3>\n

El producto solicita al usuario su correo, a trav\u00e9s por ejemplo de una red social, diciendo que le enviar\u00e1 informaci\u00f3n interesante pero acaba utilizando dicha informaci\u00f3n para enviar correos electr\u00f3nicos bajo su nombre a todos sus contactos, generando spam a todos los amigos. Sincronizar tus contactos con una plataforma suele causar estos automatismos.<\/p>\n

\"Patr\u00f3n
Patr\u00f3n \u00abFriend spam\u00bb<\/figcaption><\/figure>\n

#5 Anuncios disfrazados (Disguised Ads)<\/h3>\n

Son aquellos anuncios que se camuflan entre el contenido o navegaci\u00f3n, compartiendo muchas veces los mismos estilos, y que se disfrazan para que acabes haciendo clic en ellos sin saberlo. Pueden parecer contenido normal, botones, reproductores de v\u00eddeos, post de un blog\u2026<\/p>\n

\"Patr\u00f3n
Patr\u00f3n \u00abDisguised Ads\u00bb<\/figcaption><\/figure>\n

#6 Marcarse un \u201cZuckering\u201d (Privacy Zuckering)<\/h3>\n

Se llama as\u00ed en honor al CEO de Facebook, Mark Zuckerberg y consiste en hacer que compartas m\u00e1s contenido del que te gustar\u00eda, p\u00fablicamente. Esto sobre todo se debe a la letra peque\u00f1a que muchas veces se acepta para que hagan uso libre de tus datos personales y vend\u00e9rselos a otras empresas. Registrarte con tu perfil de una red social, hace que facilites m\u00e1s informaci\u00f3n de la que hubieras dado, completando los campos del formulario normal.<\/p>\n

\"Patr\u00f3n
Patr\u00f3n \u00abPrivacy Zuckering\u00bb<\/figcaption><\/figure>\n

 <\/p>\n

\n

Este caso es una situaci\u00f3n con la que siempre nos hemos encontrado y que estudiosos, como Francis Bacon<\/a>, y Arist\u00f3teles antes que \u00e9l, ya hac\u00edan referencia con la\u00a0m\u00edtica frase \u201cEl conocimiento es poder\u201d.<\/em><\/p>\n

Os dejamos este enlace sobre el \u00faltimo reto viral<\/em><\/strong> que se est\u00e1 viendo \u00faltimamente: Hacerte y subir una foto tuya en redes sociales simulando tu aspecto como si fueras una persona mayor a trav\u00e9s de la aplicaci\u00f3n FaceApp<\/strong> (para Android<\/a> y iOs<\/a>), bajo el hashtag #faceappchallenge: Ver post relacionado<\/a><\/p>\n<\/div>\n

 <\/p>\n

\u00bfEn el dise\u00f1o UX de tu eCommerce, se deber\u00eda utilizar los Dark patterns<\/em>?<\/h2>\n

Evidentemente, no. Hay que ser transparentes. Tenemos claro que:<\/p>\n

    \n
  • El dise\u00f1ador UX siempre antepondr\u00e1 al usuario y sus necesidades<\/li>\n
  • Los intereses del negocio deben estar alineados con los intereses del usuario<\/li>\n
  • Y siempre se facilitar\u00e1n las acciones y la informaci\u00f3n m\u00e1s relevante, sin trampa ni cart\u00f3n<\/li>\n<\/ul>\n

    Teniendo en cuenta que nuestro objetivo principal es dise\u00f1ar tiendas online usables e intuitivas que ayuden al usuario a completar la compra de los productos, es un deber trabajar con consciencia y permitir que nuestros clientes tengan el poder absoluto de decisi\u00f3n y que puedan completar sus objetivos de la forma m\u00e1s f\u00e1cil posible.<\/p>\n

     <\/p>\n

    Para acabar, te dejamos un v\u00eddeo d\u00f3nde ver\u00e1s ejemplos de Dark Patterns, facilitado por Nerdwriter<\/a>\u00a0\/\u00a0darkpatterns.org<\/a>:<\/p>\n