Soy un desarrollador y arquitecto practicante que ha pasado los últimos años viviendo en la intersección de los modernos marcos web, SEO y herramientas de IA. Cada día, se hace más difícil fingir que la forma en que diseñamos las interfaces puede permanecer la misma mientras el comportamiento del usuario, la búsqueda y la IA están cambiando bajo nuestros pies. Se trata de lo que sucede en la intersección entre el chat de IA y los sitios web tradicionales, y qué significa eso para los diseñadores, desarrolladores y empresas que construyen productos en los próximos 5 a 10 años. Cómo aprender a usar la web Durante los últimos veinte años, la web ha sido sorprendentemente predecible. Hay una página. En esa página, hay un encabezado, un rodillo, navegación, un par de enlaces a páginas vecinas, y a veces una caja de búsqueda. En algún lugar más profundos filtros en vivo, categorías, etiquetas, y páginas infinitas. El modelo mental es simple: la web es una biblioteca, y cada sitio es una pequeña colección privada con su propio catálogo y estantes. Hemos aprendido que para llegar a la “taquilla” correcta, primero tienes que entender cómo piensa el bibliotecario. En la web, ese bibliotecario es la arquitectura de la información. No sólo buscas “algo sobre auth”; aprendes que en este producto, los documentos viven en “Documentación → API → Autenticación”, mientras que las guías viven en otro lugar. Después de unos clics y unos minutos de desplazarte, empiezas a sentir que estás “conocido” con el producto. motores de búsqueda como Y Bing amplificó este modelo en lugar de reemplazarlo. Se convirtieron en un catálogo global encima de todas esas bibliotecas. Pero el resultado de cada búsqueda era todavía el mismo: una lista de páginas. Nos acostumbramos a googlar, abriendo 5–10 pestañas, y ajustando manualmente una respuesta de fragmentos dispersos en diferentes sitios. Google How AI chatbots broke the old mental model Cómo los chatbots de IA rompieron el viejo modelo mental Luego, llegó el acceso a gran escala a las aplicaciones de chat de IA. Al principio, se parecían a juguetes: divertidos, capaces de bromas, a veces alucinando cosas confiadamente equivocadas.Pero muy rápidamente, algo sutil pero importante cambió -no en la tecnología, sino en la forma en que la gente piensa en hacer preguntas. Las personas dejaron de comprimir sus pensamientos en “2–3 palabras clave”. En lugar de escribir “compra sneakers nyc”, comenzaron a escribir: “Necesito sneakers cómodos para caminar todos los días, no para correr, presupuesto por debajo de $100, bien con el pickup de NYC o el envío rápido”. En un motor de búsqueda tradicional, este tipo de consulta se siente extraño. En un chat, se siente natural. Y la parte peligrosa para la “vella web” es que en este momento, el usuario ya no se importa de dónde viene la respuesta. El modelo cognitivo está cambiando. Antes, el usuario tuvo que pensar: “¿Cómo puedo expresar esto para que el motor de búsqueda entienda y me dé enlaces semirelevantes?” Ahora la pregunta es: “¿Cómo puedo explicar esto de la manera que le gustaría a un humano?” Esa es la diferencia entre “adaptarse a la máquina” y “hablar como una persona”. Chat elimina una capa de disciplina técnica: los usuarios no necesitan recordar los nombres exactos de las páginas, el término correcto del producto o la estructura de sus documentos. Si la IA es tan inteligente, ¿por qué todavía necesitamos sitios web? y Si empujas esta línea de pensamiento al extremo, obtienes una pregunta radical: si la IA puede responder a la mayoría de las preguntas, ¿por qué necesitamos sitios web? Es posible imaginar un mundo donde casi todo sucede dentro de una interfaz de chat: desde encontrar productos y comprobar, hasta firmar contratos y gestionar suscripciones.En muchos dominios, ya estamos a mitad de camino: bots de soporte interno, servicio al cliente guiado, asistentes de voz que pretenden ser humanos en el teléfono. Pero en el nivel de la experiencia humana y el negocio, la imagen se ve muy diferente. Un sitio web no es sólo funcionalidad. También es un escenario, con luces y sonido y paisaje. Es un espacio donde una marca llega a hablar en su propio idioma - a través de color, composición, animación, metáfora visual. Un chat es una sala de reuniones. Es genial para aclarar, negociar, hacer preguntas rápidas. Es terrible construir atmósfera e identidad. En el chat, cada marca parece casi la misma: burbujas de texto, tal vez un avatar, un tono de voz ligeramente diferente. Para las empresas, esto no es sólo una tragedia estética. Es un riesgo de confianza, diferenciación y relaciones a largo plazo. El lenguaje visual es una manera de mostrar que hay un producto real, un equipo real y una historia real detrás de la interfaz. Si todo se desmorona en un panel de chat gris, todo lo que queda es una “voz” descarnada – y es mucho más fácil para esa voz pretender ser alguien que no es. Así que no, el chat puro no “matará” los sitios web. Puede absorber una gran cantidad de tareas que anteriormente requerían navegar por las páginas. Pero no reemplazará todo, porque a la gente todavía le gusta “ver” un producto, no sólo “hablar” con él. Por qué la vieja web basada en páginas se rompe en un mundo de IA Dicho esto, el viejo enfoque “todo es una página” también no sobrevive al contacto con la realidad en 2025.Piensa en un producto SaaS maduro: años de desarrollo, decenas de secciones, cientos de páginas de documentos, publicaciones de blog, páginas de destino y guías de embarque. Pero desde la perspectiva del usuario, la complejidad se acumula. No saben qué página tiene la respuesta. No saben cuál de los diez artículos similares es el más actualizado. No saben cómo conectar las piezas dispersas a través de su blog, documentos y changelog. Están obligados a hacer manual “test de integración” de su contenido, haciendo clic a través de pantallas y fusionando mentalmente respuestas parciales en algo útil. AI, en este contexto, actúa como un sintetizador. Puede extraer significados de varias páginas y convertirlos en una respuesta fresca y coherente. El UX web clásico no puede hacer esto por diseño; se construyó en torno a “mostrar esta página”, no “asamblar esta respuesta”. Pero el chat AI también tiene una debilidad: rara vez muestra el camino completo. Si se extiende la metáfora del teatro, un sitio web tradicional es el escenario donde se ve toda la obra. Un chat de IA es el crítico que retoma la historia en sus propias palabras. A veces eso es exactamente lo que usted quiere; a veces no es. De alguna manera, es un plano diferente de la experiencia. Esa tensión crea la necesidad de una interfaz híbrida: algo que puede mostrar y responder. La nueva interfaz: flujos de experiencia paralela La nueva interfaz no es “un sitio web con un widget de chat en la esquina”, ni “un chat que ocasionalmente abre vistas web en una pestaña del navegador”.La nueva interfaz es un sistema diseñado conscientemente de varios flujos de experiencia paralelos que viven juntos en una pantalla. Una corriente es conversacional. Esta es la IA con la que puedes hablar, que entiende tareas, no sólo URLs. Puede proponer caminos, hacer preguntas aclaradoras y advertirte antes de entrar en un punto muerto. Otra corriente es visual y estructural: páginas, dashboards, tablas, mapas, formularios - todo lo que requiere foco, jerarquía, accesibilidad y expresión de marca. Una tercera corriente es la lógica empresarial y los datos: roles, permisos, restricciones, flujos de trabajo y el estado real del sistema. El cambio importante es que estos flujos ya no se ejecutan “uno tras otro” – primer chat, luego UI, luego de nuevo al chat. Pueden y deben ejecutarse al mismo tiempo. El usuario habla con la IA y al mismo tiempo observa la interfaz evolucionar. La interfaz sugiere algo, y el usuario aclara en el chat lo que realmente significaban. El diálogo y la capa visual dejan de competir por la atención y comienzan a jugar en el mismo equipo. Técnicamente, esto nos atrae hacia diseños basados en ranuras y rutas paralelas: la interfaz se divide en regiones independientes, cada una con su propio ciclo de vida, todo coordinado por un escenario compartido. Por qué las ranuras y las rutas paralelas tenían sentido En algún momento, esto dejó de ser una discusión de diseño abstracto y se convirtió en un problema arquitectónico concreto en uno de mis propios proyectos. Los requisitos parecían así: Mantenga un chat de IA consciente del producto a la izquierda, con acceso a documentos internos y conocimiento externo a través de la búsqueda vectorial. Mostrar páginas a la derecha: desde contenido de marketing estático hasta interfaces de usuario autenticadas complejas. Asegúrese de que cualquier error en la derecha nunca mata el chat o resete la conversación. Preserve SEO: el contenido público todavía debe ser entregado como HTML estático, no como un shell dependiente de JS. Evite un desorden de iframes y microfrontends frágiles que son dolorosos para probar y mantener. A nivel arquitectónico, esto se convirtió en una ecuación con varios desconocidos: independencia, resiliencia, SEO y experiencia del desarrollador. En esa ecuación, el diseño basado en ranuras (ladrones independientes o ranuras en la pantalla) y el enrutamiento paralelo (rutas que pueden actualizar de forma independiente) resultaron ser una respuesta natural. En lugar de pensar en "páginas", se hizo más útil pensar en "flujos": la ranura izquierda es el flujo de conversación (chat, auth, asistentes), la ranura estática derecha es el contenido público que funciona incluso con JS discapacitado, la ranura dinámica derecha es personalizada, funcionalidad autenticada. De ahí surgió una nueva arquitectura donde el chat de IA y el sitio clásico dejaron de luchar por el control sobre la pantalla.Tuvieron sus propios "edificios del campus", conectados por un campus compartido de navegación, diseño y marca. Practicamente, esto es lo que se encuentra detrás de los planteles de inicio de AIFA: una configuración de código abierto basada en Next.js diseñada para mantener el chat de IA, las páginas de SEO estáticas y las superficies dinámicas de las aplicaciones en una experiencia coherente. Cambios en los productos reales Las ideas de alto nivel son buenas, pero las interfaces viven o mueren en escenarios reales. Docs y productos de aprendizaje La documentación tradicional es un bosque de secciones.Los usuarios saben que la respuesta es “en algún lugar aquí”, pero no dónde exactamente.Escargan la tabla de contenidos, tratan de adivinar por encabezados, abren múltiples pestañas y esperan que la combinación correcta de páginas finalmente haga clic.Cuanto más crezca su producto, más invisible se vuelve su mejor contenido. En una nueva interfaz, el usuario comienza de manera diferente: “¿Cómo roto un token auth en una aplicación multi-tenante sin romper las sesiones existentes?” La capa de IA conoce la forma de sus documentos. Puede reunir una respuesta coherente de varias páginas y, si es necesario, abrir la sección relevante a la derecha con el párrafo exacto destacado. El comercio electrónico La mayoría de las tiendas en línea se basan fuertemente en los filtros. Filtro por marca, tamaño, precio, color y material, a veces todo a la vez en una densa barra lateral. Muy pocos usuarios disfrutan de llenar todo esto. Aproximan, hacen clic equivocado y luego rebotan cuando los resultados se sienten ligeramente desactivados. La interfaz está optimizada para la base de datos, no para la conversación en la cabeza del comprador. En una configuración de flujo paralelo, el usuario habla primero: “Estoy buscando zapatos negros sin logotipos gigantes, para caminar por la ciudad, tamaño 10, bajo $100.” El chat entiende que este mapea a una categoría específica, aplica filtros bajo el capó, tal vez clarifica las preferencias de la marca, y luego llena la ranura visual con tarjetas de producto grandes y claras. Paneles B2B y admin y Tienen docenas de pantallas, cada una con docenas de campos, y el embarque a menudo suena como: “Mira estos diez vídeos y lee los documentos; te acostumbrarás a ello.” Con una nueva interfaz, el primer paso puede ser diferente.Un usuario podría decir: “Mostrarme a los clientes cuyo número ha aumentado en los últimos tres meses, pero cuyo valor medio de contrato sigue siendo alto.”La capa de conversación convierte esto en una consulta sobre sus datos, abre el informe correcto en el lado visual, y explica en lenguaje simple cómo interpretó los criterios. Qué significa para los diseñadores Para los diseñadores, esta nueva interfaz es tanto un desafío como un regalo. El desafío es que los mapas de pantalla estáticos ya no son suficientes. Ahora la pregunta es: ¿qué parece la conversación? ¿Cómo conectas visualmente un mensaje de chat específico a un cambio en la pantalla? ¿Cómo muestras que esta vista particular es la "respuesta" a una pregunta particular? El regalo es que finalmente puedes dejar de pretender que la interfaz es sólo un conjunto de marcos estáticos.Puedes dirigir la experiencia como un juego: hay una voz líder (la AI), hay un escenario (monitores y ranuras), y hay luz y sonido (animaciones, destaques, marcadores contextuales).Puedes inventar maneras de visualizar el diálogo - sin destruir la estructura y la accesibilidad en el proceso. También hay un desafío de marca: no dejar que su producto se disolva en las mismas burbujas de chat genéricas que todos los demás utilizan. Tu producto todavía necesita una personalidad - incluyendo la forma en que habla tu IA. Tono de voz, microcopia, enmarcamiento visual alrededor del chat, cómo la interfaz reacciona a la incertidumbre o errores - todo esto se convierte en parte de la UX. En un mundo donde la capa de contenido se genera cada vez más, el personaje se convierte en un diferenciador clave. Qué significa esto para los desarrolladores Para los desarrolladores, la nueva interfaz significa que la tarea ya no es simplemente “construir rutas y componentes”.Tienes que pensar en términos de flujos y ranuras.¿Qué partes de la interfaz deben ser independientes de la navegación?¿Qué ranuras deben sobrevivir cuando otras colisionan?¿Qué se renderiza estáticamente, qué dinámicamente, y qué puede generarse a demanda por la IA? También significa diseñar la comunicación entre las ranuras. ¿Cuándo se permite que el chat abra páginas? ¿Cuándo puede una página desencadenar una pregunta al chat? ¿Cómo evitar dependencias circulares y condiciones de carreras al tiempo que mantiene la experiencia suave? Dejar caer un widget de chat en cada página ya no es suficiente. Tienes que arquitectar la experiencia misma - cómo los usuarios se mueven entre el diálogo y el contexto visual sin notar las costuras técnicas internas. En el lado de la tecnología, esto te impulsa hacia herramientas que manejan bien las ranuras y las rutas paralelas, y lejos de “un SPA gigante que se colapsa todo a la vez”. En la práctica, esto a menudo significa inclinarse a frameworks como Next.js App Router, donde puedes definir diseños independientes, segmentos paralelos, rutas de intercepción y renderización estática/dinámica mixta. Arquitecturas como AIFA se basan en eso: chat en una ranura, contenido estático público en otra, superficies de aplicaciones personalizadas en un tercero - cada una con sus propios límites de error y ciclo de vida. ¿Qué significa esto para el negocio Para una empresa, la nueva interfaz no es “una fantástica burbuja de chat en el sitio”. Es una forma de mantener el control sobre cómo la IA habla con sus usuarios. Si deja todo a los sistemas externos, la conversación con su cliente ocurre en la carcasa de otra persona: los tipos de usuario en una aplicación de IA de terceros, y esa aplicación decide qué pequeño fragmento de su contenido mostrar o parafrasear. Si incorpora AI en su propia arquitectura, obtiene varias ventajas. Mantén el tráfico de SEO al servir contenido estático rico en su propio diseño. Aumenta la conversión porque el camino es guiado por un asistente que entiende sus procesos específicos, no las mejores prácticas generales.Y puede construir nuevos viajes de usuario más rápido enseñando a los nuevos conceptos y idiomas de la AI, en lugar de rediseñar docenas de pantallas para cada nuevo caso de uso. Por supuesto, esto no es gratis.Una nueva interfaz requiere inversión en arquitectura, calidad de datos y diseño de conversación.Pero a cambio, tu producto deja de ser “un vínculo más en el resultado de búsqueda de otra persona” y se convierte en un entorno donde la IA y los usuarios hablan en el idioma de tu producto – en tus términos, en tu espacio visual. Riesgos e ilusiones Es importante no convertir esto en otra ola de hype de IA no crítico. La nueva interfaz tiene sus propias trampas. La primera ilusión es creer que el chat resolverá todo. No lo hará. Algunos usuarios simplemente no les gusta escribir. Algunos escenarios requieren formas previsibles, altamente estructuradas en lugar de conversaciones abiertas. Hay restricciones de accesibilidad y requisitos legales que hacen que el chat puro UX sea arriesgado o incluso inaceptable. El segundo riesgo es olvidar la transparencia.Si la IA comienza a cambiar la interfaz sin explicar por qué, los usuarios sienten que están perdiendo el control.Una buena nueva interfaz debe revelar los vínculos entre la intención y el resultado: “Estás viendo esta pantalla porque lo pediste”. La tercera ilusión es económica: tratar la integración de la IA como una “economía mágica de costes”.La reconstrucción de la arquitectura en torno a la IA es una inversión, no un recorrido. Hacido mal, puede dejarte con código complejo, frágil, UX confuso y dependencia de un único proveedor externo. Hacido de forma pensada, puede reducir la fricción para los usuarios y habilitar nuevos modelos de negocio - pero el “impuesto de la IA” es real, tanto técnicamente como organizativamente. ¿Ha llegado el momento de las ranuras y las rutas paralelas? No hay una respuesta limpia “sí” o “no” a si el tiempo para esta nueva interfaz ha llegado “oficialmente”.Pero ya se siente imposible diseñar productos serios como si la IA no existiera.No se puede planificar de forma responsable un itinerario de producto de 5 a 10 años y actuar como si los usuarios no hayan aprendido a esperar el diálogo, no sólo la navegación.Ignorar ese cambio no lo hará desaparecer; sólo hará que su producto se sienta extrañamente viejo, incluso si la pila de tecnología es nueva. Personalmente, este momento se siente mucho como la transición de sitios estáticos a SPAs. En aquel entonces, parecía “sólo otro truco técnico”. Se demostró que es un cambio de paradigma. Arquitecturas basadas en ranuras, rutas paralelas, una capa de IA que vive junto al contenido en lugar de sentarse como un widget delgado en la parte superior – todo esto todavía se siente nicho hoy en día. Pero una vez que construyes algunos proyectos reales de esta manera, se vuelve difícil volver atrás. El paso práctico más sencillo ahora es dejar de pensar en términos de “páginas versus chats” y empezar a pensar en términos de “flujos que necesitan vivir juntos en la misma pantalla”.
