548 | El fin de los botones: el futuro es el diseño web por intención

Escúchalo en: En el episodio 548 de WordPress Semanal (https://gonzalonavarro.es/podcast)  hablo del diseño por intención: dices qué quieres y el sistema te da el resultado, sin menús ni formularios de por medio. Te cuento cómo aplicarlo a tu WordPress, sin ser diseñador. Tabla de contenidos 1. Qué es el diseño por intención, en una frase (#qué-es-el-diseño-por-intención-en-una-frase) 2. Dónde encaja en una web WordPress (#dónde-encaja-en-una-web-wordpress) 3. Tres niveles según cuánto quieras meterte (#tres-niveles-según-cuánto-quieras-meterte) 4. Lo que hay que vigilar antes de automatizarlo todo (#lo-que-hay-que-vigilar-antes-de-automatizarlo-todo) 5. Cuándo no compensa el esfuerzo (#cuándo-no-compensa-el-esfuerzo) 6. Plugin de la semana (#plugin-de-la-semana) 7. Contenidos recomendados (#contenidos-recomendados) Qué es el diseño por intención, en una frase Este artículo lo explica perfectamente: The Death Of The Button (Smashing Magazine) (https://www.smashingmagazine.com/2026...) El usuario dice qué quiere, el sistema resuelve el trabajo detrás y devuelve un único resultado. Sin menús, sin filtros, sin pasos intermedios. Ejemplo de reservar un vuelo: 1. elegir «ida y vuelta», 2. escribir origen y destino, 3. abrir un calendario, 4. elegir pasajeros, 5. buscar, 6. filtrar por precio, 7. ordenar, 8. comparar 9. y pasar por un checkout de varias páginas. Diez o más pasos. Con diseño por intención, escribes «vuelo sin escalas a Málaga el próximo fin de semana, menos de 300 dólares, que llegue antes de las 5 de la tarde» y el sistema te da directamente la mejor opción. ¿Cómo puedes aplicar este principio a WordPress? Dónde encaja en una web WordPress Lo mejor es ver algunos ejemplos: • Un buscador de productos en WooCommerce que entiende «un regalo para mi madre por menos de 50 euros», en vez de obligar a marcar cinco filtros a mano. • Un formulario de presupuesto o de reserva reducido a un único campo de texto, donde una IA extrae los datos y rellena el resto por el usuario. • Un chat que resuelve la duda directamente con la respuesta, en vez de mandar al usuario a bucear en una página de preguntas frecuentes. Tres niveles según cuánto quieras meterte • Sin tocar código: revisa lo que ya tienes y quita pasos y campos que no son imprescindibles. Muchas veces el problema no es falta de IA, es un formulario de doce campos que podría ser de cuatro. • Con plugins ya hechos: herramientas de búsqueda semántica para WooCommerce, o un chat conectado a tu propio contenido (lo que se conoce como RAG) que responde con lo que ya tienes escrito en tu web. • A medida: conectas un campo de texto a la API de un modelo de IA, que interpreta lo que pide el usuario y rellena automáticamente los campos de un formulario o de una búsqueda. Lo que hay que vigilar antes de automatizarlo todo • El problema de la caja negra: si una IA interpreta lo que pide el usuario, tienes que mostrarle lo que ha entendido («Buscando vuelos sin escalas a Chicago por menos de 300 dólares…»), para que pueda corregirlo si se ha equivocado. Sin eso, un resultado raro es imposible de depurar. • No automatices lo que necesita confirmación: un pago, publicar contenido públicamente o borrar algo deben seguir pidiendo una confirmación explícita. Automatiza la ejecución rutinaria, no las decisiones que tienen consecuencias. Cuándo no compensa el esfuerzo Una web escaparate pequeña, con poco contenido y sin buscadores ni formularios largos, no necesita «eliminar la interfaz». Esto compensa donde ya existe fricción real: un catálogo grande, un proceso de reserva con muchos pasos, un checkout complicado. Si tu web o un cliente no tienen ese problema de fricción, no se lo vendas como capa de marketing encima de algo que ya funciona bien. Plugin de la semana Esta semana, en vez de uno, comparo cuatro plugins de enlaces rotos. Mi recomendación es Broken Link Notifier (https://wordpress.org/plugins/broken-...) : en vez de rastrear todo tu sitio de golpe, revisa los enlaces de cada página según la van visitando tus propios usuarios reales y te avisa por panel, email, Discord, Slack o Teams. Menos carga...