En resumen: Una página web no se lee de arriba abajo: se explora. El diseño —menú, jerarquía visual, botones— decide qué ve primero el usuario y hacia dónde lo empuja.
Abres el sitio de una ONG y, sin darte cuenta, ya has decidido en dos segundos si te quedas.
🖱️ Un titular grande, una foto que te mira a los ojos, un botón de color llamativo que dice ‘Dona ahora’. No has leído casi nada y el sitio ya te ha llevado justo donde quería. Eso es una página web: un texto multimodal (palabra + imagen + enlace) que se explora, no se lee en línea recta. Fíjate en las dos cosas que la definen:
Dos rasgos que definen a la página web
Navegación y jerarquía visual
Un menú (‘Inicio · Sobre nosotros · Contacto’) y una jerarquía de tamaños y colores organizan el sitio. El titular más grande y la imagen principal captan la vista primero; lo secundario queda debajo o en un submenú. El diseño te dice qué mirar y en qué orden.
Multimodalidad e interactividad
Combina texto, imagen y enlaces, y el usuario actúa: hace clic, se desplaza, elige su recorrido. Los enlaces y las llamadas a la acción (‘Únete’, ‘Descubre más’) convierten la lectura en un camino no lineal que cada visitante recorre a su manera.
El paso clave: No digas solo que ‘la web informa’. Precisa hacia qué acción te empuja el diseño (llamada a la acción) y cómo la jerarquía visual —tamaño, color, posición— dirige tu mirada para conseguirlo.
Free preview
This is the free notes preview
You're reading the free notes. Aimnova Pro unlocks the full study experience — and you can try it free for 7 days:
- FlashcardsLock in vocabulary and key terms with spaced repetition.
- Practice questionsAnswer exam-style questions and get instant AI marking.
- Mock exams & past-paper vaultSit full mocks and see exactly how examiners award marks.
- Personalised study planA daily plan built around your exam date and weak areas.
Por qué importa en el examen: En la Prueba 1 muchos describen la web (‘tiene un menú, tiene fotos’) pero no interpretan cómo el diseño guía al usuario hacia un propósito. Ahí suele estar la diferencia entre un 4 y un 7.
Analiza cómo esta página de inicio guía al usuario:
[Página de inicio de una ONG inventada, ‘Raíces Vivas’. Ocupa toda la pantalla la foto de un niño plantando un árbol; sobre ella, en letras blancas grandes: ‘Un árbol hoy, un bosque mañana’. Justo debajo, un botón naranja: ‘Dona 5 €’. Arriba, un menú pequeño: ‘Inicio · Sobre nosotros · Proyectos · Contacto’.]
Model answer plan
See the mark-by-mark plan — for / against / judgement, with marking guidance — in study mode.
Ojo con esto: No te limites a inventariar partes (‘hay un menú, hay una foto, hay un botón’). Interpreta cómo la jerarquía visual y las llamadas a la acción guían al usuario hacia el propósito del sitio: informar, vender o dar imagen de institución.