IA aplicada al diseño web
Una web empieza a tomar forma antes de que aparezca la primera pantalla. Empieza cuando decides qué debe entender alguien y qué necesita poder hacer.
Un brief para diseñar una web con IA recoge esas decisiones. Puede ser breve. Lo importante es que permita distinguir una propuesta adecuada de otra que solo resulta vistosa.
El problema que quieres resolver
«Quiero una web moderna» describe una preferencia. «Quiero que una persona encuentre mis piezas de cerámica, entienda sus características y consulte por una» describe una tarea.
Usaremos ese archivo de cerámica como ejemplo ficticio. No dispone de compra online. Por tanto, mostrar un carrito o un botón de pago introduciría una promesa que el proyecto no puede cumplir.
Escribe primero una frase: quién llega, qué busca y qué resultado debería conseguir. Si contiene varias tareas distintas, ordénalas. La portada no puede dar la misma importancia a todo.
El contenido pone límites al diseño
Para consultar por una pieza hacen falta imágenes, nombre, medidas, material y una forma de identificarla en el mensaje. También conviene aclarar si se trabaja por encargo.
Una imagen sugerente puede despertar interés. Las medidas ayudan a decidir si esa pieza cabe en una estantería. Ambas tienen una función, pero distinta.
Separa la información confirmada de lo que falta. La IA debe señalar los vacíos. Inventar disponibilidad, testimonios o plazos para rellenar una composición produce una web engañosa.
Ejemplo didáctico de Bocau. Proyecto ficticio. Toca la imagen para ampliar.
Traducir una intención visual
«Elegante» admite demasiadas interpretaciones. Es más útil definir qué decisiones expresarán esa elegancia: pocas familias tipográficas, contraste entre títulos y texto, fotografías próximas al material y una retícula con alineaciones reconocibles.
Añade también lo que no corresponde al proyecto. En nuestro ejemplo: nada de degradados tecnológicos ni iconos decorativos en cada párrafo. Cada restricción debe tener una razón vinculada a la identidad.
Puedes apoyarte en un sistema de diseño para mantener esas decisiones entre páginas.
Una petición que se puede evaluar
Prueba esta formulación:
Propón la estructura de un archivo de cerámica de autor. La tarea principal es encontrar una pieza y consultar por ella. Disponemos de fotografía, nombre, medidas y material. No hay venta online. Plantea dos composiciones diferentes que mantengan esos contenidos. Explica qué prioriza cada una y enumera la información que falta. No inventes datos.
No es una fórmula universal. Es un ejemplo de cómo aportar contexto, límites y criterios. La respuesta todavía necesita revisión.
Pequeña prueba antes de construir
Pide a otra persona que encuentre una pieza y explique cómo consultaría por ella. Observa dónde busca y qué información echa en falta. Evita indicarle el recorrido durante la prueba.
Si no puedes probarlo aún, registra tu propuesta como hipótesis. Una explicación convincente de la IA no demuestra que alguien vaya a entenderla.
El siguiente paso puede ser explorar wireframes. Su nivel de detalle dependerá de la incertidumbre del proyecto. Tener un brief no obliga a seguir una secuencia rígida; te da una referencia para saber si cada nueva versión mejora algo.
Una petición precisa no garantiza un buen diseño. Sí permite discutirlo, comprobarlo y corregirlo con más intención.
