
Head First Web Design
Ethan Watrall, Jeff Siarto
- Editorial
- O'Reilly
- Año
- 2008
- Páginas
- ~498
- Nivel
- Básico
De qué trata
Libro de la serie Head First de O'Reilly, escrito por Ethan Watrall y Jeff Siarto, que enseña a diseñar sitios web atractivos, claros, fáciles de recorrer y que cumplan los estándares de accesibilidad y usabilidad. Se publicó a finales de 2008 y principios de 2009, en la época de XHTML 1.0 y CSS 2.1. Está pensado para quienes ya saben escribir páginas con (X)HTML y CSS, por ejemplo después de leer Head First HTML with CSS & XHTML, y quieren pasar de páginas que funcionan a páginas bien diseñadas y pensadas para el usuario.
El libro sigue un proceso de diseño completo, desde los requisitos del cliente hasta los storyboards dibujados a mano y el sitio terminado en HTML y CSS. Empieza con los fundamentos de un buen diseño, centrado en el usuario y no en los gustos del diseñador, y sigue con la preproducción: lluvia de ideas, metáforas visuales y storyboards en papel para tomar decisiones antes de escribir código. Después trata la maquetación y la composición con CSS, la teoría y la elección del color, la navegación, la arquitectura de la información, la accesibilidad (texto alternativo, contraste, lectores de pantalla), la usabilidad, la redacción de textos fáciles de escanear y, al final, la parte de negocio del diseño web: el trato con clientes y los presupuestos.
Como en toda la serie, el formato es muy visual, con humor, rompecabezas, ejercicios y preguntas de repaso. El hilo conductor es el sitio personal de Mark, que documenta un viaje de mochilero por Japón y se va rediseñando paso a paso. Su valor está en el criterio de diseño y en el método de trabajo, más que en la técnica: no cubre diseño responsive, HTML5 ni CSS3, y el código de maquetación (con floats y XHTML) ya está desfasado. Funciona bien como introducción conceptual al diseño centrado en el usuario para programadores que nunca lo estudiaron, pero hay que complementarlo con un libro actual de CSS.
- Diseño web
- Diseño centrado en el usuario
- Storyboards
- Maquetación con CSS
- Teoría del color
- Navegación
- Arquitectura de la información
- Accesibilidad
- Usabilidad
- Redacción web
- XHTML
¿Cómo enseña?
Teoría + práctica
- ✓ Incluye ejercicios
- ✓ Incluye proyectos
Proyectos
Sitio de viaje de Mark
Sitio personal que documenta un viaje por Japón y que sirve de ejemplo a lo largo del libro: se planifica con storyboards en papel y después se construye y mejora con XHTML y CSS, aplicando color, navegación, accesibilidad y usabilidad.

