Saltar al contenido
Cursos/Crea webs profesionales con IA desde cero/Diseña páginas, navegación y llamada a la acción

Diseña páginas, navegación y llamada a la acción

Ordena la información según las preguntas del visitante y crea recorridos sencillos hacia una acción útil.

Lección 6 de 4755 min Fundamentos Codex + GPT-5.6 Sol

Resultado visible

Crearás un mapa de la web y un esquema de cada página antes de diseñar. La navegación reflejará preguntas del visitante, no la estructura interna del negocio.

Método de las preguntas

Ordena el contenido así: qué es, para quién es, qué ofrece, cómo funciona, cuánto cuesta o cómo se solicita, por qué confiar y qué ocurre después. Una web pequeña suele necesitar Inicio, Servicios, Sobre/Equipo, Preguntas y Contacto. Combina páginas cuando el contenido sea breve.

Ejemplo de recorrido

Búsqueda local → página de servicio → preguntas frecuentes → solicitud → confirmación y siguiente paso.

Cada página debe tener un objetivo principal. Un botón «Hablemos» es ambiguo; «Solicitar una llamada de 15 minutos» anticipa el resultado. No uses urgencia falsa.

Prompt para Codex

Usa BRIEF.md y CONTENT.md. No escribas código.
Crea SITEMAP.md con:
- jerarquía de páginas;
- pregunta principal de cada página;
- llamada a la acción y destino;
- contenido necesario y pendientes;
- recorrido principal y dos recorridos alternativos;
- enlaces que deben aparecer en cabecera y pie.
Mantén la versión uno lo más pequeña posible.

Verificación con cinco segundos

Enseña el esquema a alguien durante cinco segundos. Después pregunta: «¿Qué ofrece?», «¿para quién?» y «¿qué harías?». Si no responde, mejora jerarquía y palabras antes de tocar estilos.

Error frecuente

Una cabecera con ocho enlaces y tres botones. Recupera dejando cuatro o cinco destinos y una sola acción prioritaria.

Fuentes oficiales