Saltar al contenido
Cursos/Crea webs profesionales con IA desde cero/Diseña páginas, navegación y llamada a la acción
Revisión pendiente desde 21 ago 20263 fuentes primarias

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.

Qué vas a conseguir ahora

Una decisión o prueba aplicada a «Diseña páginas, navegación y llamada a la acción».

  1. 1Entiende el criterio
  2. 2Haz una práctica pequeña
  3. 3Guarda una evidencia
Evidencia

Una nota breve con qué hiciste, qué salió bien, qué falló y qué revisarías después.

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

Si has guardado la evidencia de esta lección, continúa con «Construye el primer prototipo local». Si no, repite la comprobación antes de avanzar.

Mapa completo de AulafyConsulta cómo encaja esta lección sin salir de tu ruta.

Mapa completo de Aulafy

Cómo se relacionan todos los cursos

No es una lista que debas completar. Empieza por la base, elige un resultado y profundiza solo cuando tu proyecto necesite más control.

  1. 1Comprender
  2. 2Aplicar o construir
  3. 3Operar con confianza
01

Empieza aquí

Crea una base común: qué puede hacer la IA, cómo pedir resultados y cómo comprobarlos antes de especializarte.

Desde esta base puedes aplicar la IA a una tarea o aprender a construir con código.

02

Elige una aplicación

Convierte la base en un resultado visible: una web, una mejora de negocio, contenido o una experiencia interactiva.

Si necesitas mantener código, datos o infraestructura, continúa por la rama técnica.

03

Construye con código

Prepara el entorno, trabaja con agentes de programación y aprende a ejecutar modelos con control sobre tus proyectos.

Esta rama prepara los conocimientos necesarios para diseñar y operar sistemas de IA fiables.

04

Lleva sistemas a producción

Combina recuperación, agentes, evaluación, seguridad, despliegue y adaptación de modelos cuando el problema lo exija.

No es obligatorio completarlo todo: elige solo la pieza que tu sistema necesita y vuelve al mapa cuando crezca.

Ver catálogo completo