{"id":46017,"date":"2021-12-09T08:29:34","date_gmt":"2021-12-09T07:29:34","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=46017&preview=true&preview_id=46017"},"modified":"2025-02-07T14:43:32","modified_gmt":"2025-02-07T13:43:32","slug":"dark-patterns","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/dark-patterns\/","title":{"rendered":"Dark Patterns: Desentra\u00f1ando el Lado Turbio de la Web"},"content":{"rendered":"

Nos encanta la web. Todos habr\u00edamos tenido que buscar otras carreras si no fuera por el incre\u00edble invento de Sir Tim Berners<\/span> Lee. Sin embargo, a pesar de nuestra pasi\u00f3n, la web puede ser un lugar<\/span> desagradable.<\/p>\n

Los patrones<\/span> oscuros pueden ser involuntarios. Un comercializador o desarrollador<\/span> puede haber pensado que estaba haciendo lo correcto<\/span>, pero no apreci\u00f3 los problemas y desventajas de una funci\u00f3n que implement\u00f3<\/span>. Los<\/span> peores patrones oscuros son intencionados. Una p\u00e1gina te enga\u00f1a para que hagas algo que no pretend\u00edas porque la interfaz de usuario<\/span> o la redacci\u00f3n manipulan tus acciones. Los usuarios son cada vez m\u00e1s conscientes de las t\u00e9cnicas m\u00e1s dudosas, sin embargo, alguien, en alg\u00fan sitio, no se dar\u00e1 cuenta de que ha<\/span> sido enga\u00f1ado hasta que sea demasiado tarde.<\/p>\n

Cuando se utiliza bien, la web puede ahorrar tiempo, viajes y energ\u00eda<\/a>. Por otro lado, los patrones<\/span> oscuros desperdician millones de horas de trabajo y kilovatios. No avergonzaremos a ning\u00fan sitio en particular (ellos saben qui\u00e9nes son), pero ilustraremos mejoras y opciones alternativas cuando sea posible.<\/p>\n

Estas son nuestras man\u00edas.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Interfaces de Usuario Poco Intuitivas<\/h2>\n

Estos son los patrones<\/span> oscuros m\u00e1s comunes con los que te encontrar\u00e1s. Se necesita tiempo y consideraci\u00f3n para crear una gran experiencia de usuario<\/span>… y puedes echar a perder todo ese esfuerzo muy r\u00e1pidamente con estos patrones<\/span> oscuros molestos.<\/p>\n

\u00ab\u00a1Instala Nuestra Aplicaci\u00f3n!\u00bb<\/h3>\n

Algunos sitios y redes sociales<\/span> te piden<\/span> que instales su aplicaci\u00f3n<\/span>, normalmente al hacer clic en una alerta de correo electr\u00f3nico<\/span> sobre un nuevo mensaje o seguidor. El enlace<\/span> se abre en una p\u00e1gina web con dos botones<\/span>:<\/p>\n

    \n
  1. Un enorme bot\u00f3n \u00abUsa<\/span> nuestra aplicaci\u00f3n<\/span>\u00ab. Al hacer clic en \u00e9l, se accede a la AppStore<\/span>, donde debes aprobar, descargar<\/span>, instalar y lanzar la aplicaci\u00f3n<\/span> nativa del sitio (suponiendo que sea compatible con tu tel\u00e9fono<\/span>). A continuaci\u00f3n, debes iniciar sesi\u00f3n<\/span>, equivocarte con la contrase\u00f1a, solicitar un restablecimiento, abrir el enlace<\/span>, crear una nueva contrase\u00f1a y acceder al sistema. Posiblemente, hayas<\/span> olvidado por qu\u00e9 estabas all\u00ed, as\u00ed que vuelve a la alerta original<\/span> y empieza de nuevo.<\/li>\n
  2. Un enlace<\/span> microsc\u00f3pico de \u00abcontinuar<\/span> en la web m\u00f3vil<\/span>\u00bb para realizar la acci\u00f3n<\/span>.<\/li>\n<\/ol>\n
    \"No,
    No, gracias – \u00a1No necesito tu aplicaci\u00f3n!<\/figcaption><\/figure>\n

    Puede que la aplicaci\u00f3n<\/span> sea gloriosa y que se hayan gastado millones en ella, pero es raro encontrar una con m\u00e1s funcionalidad que el sitio web. Por supuesto<\/span>, una app<\/span> puede recopilar m\u00e1s datos personales<\/span> que un sistema web, por lo que recibe una promoci\u00f3n m\u00e1s intrusiva.<\/p>\n

    Promociona una app<\/span> por todos los medios, no obstante hacerlo al principio de cada interacci\u00f3n molesta a los usuarios<\/span>. Algunos instalar\u00e1n la app<\/span> para acabar con el fastidio, pero otros se<\/span> ir\u00e1n. \u00bfSer\u00eda m\u00e1s eficaz ofrecer la app<\/span> cuando el usuario<\/span> lleve un tiempo utilizando<\/span> el sitio?<\/p>\n

    \u00ab\u00bfTe Gustar\u00eda Recibir Notificaciones?\u00bb<\/h3>\n

    En una palabra: No.<\/p>\n

    \"\u00bfAlguien
    \u00bfAlguien ha pulsado alguna vez \u00abPermitir\u00bb?<\/figcaption><\/figure>\n

    Las inscripciones a boletines informativos, las notificaciones push<\/a> basadas en la web, los widgets \u00abchateemos<\/a>\u00bb y los avisos de encuestas<\/a> podr\u00edan<\/em> ser \u00fatiles<\/span>, pero sus implementaciones son universalmente horribles.<\/p>\n

    Los sitios web suelen pedirte<\/span> que te suscribas en el momento en<\/span> que accedes por primera vez tras una b\u00fasqueda en la web. En ese momento, no tienes ni idea de si el contenido<\/span> es relevante, si es bueno o si el sitio es un lugar que considerar\u00edas visitar con frecuencia. No es sorprendente descubrir que la mayor\u00eda de la gente<\/span> hace clic en<\/span> \u00abNo\u00bb.<\/p>\n

    No hay nada malo en ofrecer notificaciones o boletines informativos<\/span>, pero es mejor asegurarse de que el usuario<\/span> se ha comprometido con el sitio primero. Tal vez mostrar<\/span> un aviso<\/span> al final del art\u00edculo<\/span> o despu\u00e9s de que lo hayan visitado unas cuantas veces. Es menos intrusivo, distrae menos y tiene m\u00e1s posibilidades de \u00e9xito.<\/p>\n

    Por \u00faltimo, \u00a1no pidas<\/span> a los usuarios<\/span> que se inscriban<\/span> en un bolet\u00edn<\/span> informativo<\/span> cuando hagan clic en<\/span> un enlace<\/span> del mismo! Los alejar\u00e1 m\u00e1s r\u00e1pido de lo que<\/span> los atraer\u00e1.<\/p>\n

    Navegaci\u00f3n Extravagante<\/h3>\n

    Las barras de cabecera y los men\u00fas<\/span> desplegables pueden ser aburridos, pero la gente<\/span> los entiende. No queremos<\/span> detener la evoluci\u00f3n de la interfaz de usuario<\/span> y la inventiva del dise\u00f1o, sin embargo, algunos controles de navegaci\u00f3n<\/a> son extra\u00f1os e il\u00f3gicos.<\/p>\n

    Por favor, reconsidera tu dise\u00f1o si necesitas<\/span> indicar a<\/span> los usuarios<\/span> que hagan \u00abclic<\/span> aqu\u00ed\u00bb u otros m\u00e9todos de ayuda. Las buenas interfaces de usuario no necesitan<\/span> explicaciones.<\/p>\n

    Desplazamiento Innecesario<\/h3>\n

    Mostrar animaciones o actualizar los elementos activos del men\u00fa<\/span> cuando la p\u00e1gina se desplaza puede ser una experiencia<\/span> atractiva. Es menos \u00fatil<\/span> cuando:<\/p>\n

      \n
    1. Se abusa de las animaciones. Animar demasiados elementos distrae al espectador: resaltar cada elemento significa que no se llama la atenci\u00f3n del usuario<\/span>. Unos pocos efectos sutiles para centrarse en los mensajes importantes funcionan mejor.<\/li>\n
    2. Rompe el contexto. El desplazamiento no debe provocar<\/span> acciones inesperadas, como la desaparici\u00f3n del contenido<\/span>, di\u00e1logos modales, env\u00edo de formularios, redireccionamientos a otras p\u00e1ginas, etc.<\/li>\n<\/ol>\n

      La animaci\u00f3n tambi\u00e9n puede provocar mareos y v\u00e9rtigo, as\u00ed que considera utilizar<\/span> la consulta de medios CSS<\/span> prefers-reduced-motion<\/code> para desactivar los efectos.<\/p>\n

      Por favor, deja de crear p\u00e1ginas de desplazamiento infinito Los enlaces a contenidos<\/span> relacionados son \u00fatiles<\/span>, pero la autocarga de contenidos<\/span> aleatorios<\/span> sin<\/span> el consentimiento<\/span> del usuario<\/span> desperdicia el ancho de banda. Adem\u00e1s, dificulta<\/span> la marcaci\u00f3n de<\/span> una u otra p\u00e1gina, y hace imposible acceder a los datos de contacto y otra informaci\u00f3n en el pie de p\u00e1gina.<\/p>\n

      Art\u00edculos Innecesarios de Varias P\u00e1ginas<\/h3>\n

      Todos hemos<\/span> visto \u00abart\u00edculos<\/span>\u00bb que contienen un p\u00e1rrafo de texto<\/span> seguido de un enlace<\/span> a la p\u00e1gina siguiente. Estas p\u00e1ginas son, por lo general, un cebo de enlaces<\/span> sin<\/span> contenido<\/span> sustancial, pero no lo descubrir\u00e1s hasta que hayas<\/span> vadeado una multitud de anuncios e impresiones de p\u00e1ginas.<\/p>\n

      Pedir a los vendedores de la web que abandonen esta pr\u00e1ctica es in\u00fatil, pero quiz\u00e1s lo reconsideren si los desarrolladores<\/span> educan a la gente<\/span> para que no sucumba a esta tonter\u00eda.<\/p>\n

      Marketing Manipulador<\/h2>\n

      La web<\/span> es el mayor mercado del mundo, con capacidad para vender una infinita variedad de productos<\/span> f\u00edsicos y digitales<\/span>. Los usuarios volver\u00e1n<\/span> una y otra vez… a menos que decidas recurrir a patrones<\/span> oscuros para impulsar<\/span> las ventas<\/span>.<\/p>\n

      Lucha por la Suscripci\u00f3n<\/h3>\n

      Darse de baja de las notificaciones o boletines<\/span> deber\u00eda ser tan sencillo como suscribirse, si no m\u00e1s. Pedir a los usuarios<\/span> que salten los obst\u00e1culos para darse de baja conduce a la frustraci\u00f3n y a la p\u00e9rdida de fe en el sitio. No hay ninguna raz\u00f3n<\/span> cre\u00edble para pedir a los usuarios<\/span> que env\u00eden por fax su certificado de nacimiento<\/span> original<\/span>, tres pruebas de domicilio y el \u00faltimo historial m\u00e9dico<\/span>.<\/p>\n

      Anuncios Disfrazados<\/h3>\n

      Los anuncios se utilizan en exceso en muchos sitios, pero los peores ejemplos:<\/p>\n

        \n
      1. Parecen un men\u00fa<\/span> o una opci\u00f3n;<\/li>\n
      2. Fingen ser noticias o art\u00edculos<\/span> informativos del sitio de origen; o<\/li>\n
      3. Muestran controles de interfaz de usuario<\/span>, como un gran bot\u00f3n de \u00abDESCARGA\u00bb en una p\u00e1gina sobre un producto<\/span> de software.<\/li>\n<\/ol>\n
        \"Un
        Un anuncio en un sitio de descargas, que te aleja de la descarga real.<\/figcaption><\/figure>\n

        Los sitios no siempre pueden determinar<\/span> el dise\u00f1o de los anuncios, pero s\u00ed controlan su colocaci\u00f3n. Colocar anuncios en lugares destacados para confundir a la gente<\/span> puede aumentar los ingresos por publicidad, pero \u00bfvolver\u00e1n<\/span> esos usuarios<\/span>?<\/p>\n

        A\u00f1adir Autom\u00e1ticamente Productos a los Carritos de la Compra<\/h3>\n

        Ver una lista de productos<\/span> relacionados o recomendados puede ser \u00fatil<\/span>. A\u00f1adirlos al carrito del usuario<\/span> sin<\/span> su consentimiento<\/span> es otra cuesti\u00f3n. \u00bfCu\u00e1ntas personas<\/span> lo encontrar\u00e1n \u00fatil?<\/p>\n