Óscar Peña de San Antonio
Anaya Multimedia
384 páginas

Portada Manual Imprescindible CSSEs una sorpresa agradable encontrarse con un libro en que la informática está tan bien explicada. Además, contiene
ejemplos gráficos de cada paso y el estilo de escritura es claro y preciso. Es un manual para principiantes en CSS , pero no sólo se encuentran los principios de este sistema de diseño de páginas. El autor también desvela muchos de los trucos y efectos que permite este lenguaje de marcado. Además de exponer los fundamentos, Oscar Peña elabora la inforamación y aporta experiencia. Se escarmienta en la cabeza de de Oscar Peña.
Es especialmente valiosa la información sobre los errores más frecuentes. También cuenta con las diferencias que provocan los distintos navegadores. No se ciñe a ser un manual de instrucciones. También hay ejemplos de cómo están realizadas webs reales. Yo lo guardaría como libro de referencia.

Es bueno entender HTML si se va a leer este volumen. También facilita la lectura el saber inglés o al menos estar familiarizado con terminología de diseño. Las primeras 34 páginas son prescindibles. Son entrevistas a unos señores que no aportan demasiado. Pueden desanimarle a uno a leer el resto del libro. Pero sería un error dejar de leerlo si se juzga por el principio.

Principales Capitulos
Introduccion – Cómo Usar este libro -Los Primeros pasos -Diferentes estilosCSS -Uso de selectores para aplicar estilos -Medidas y colores – El Modelo de caja – Posicionamiento y visualización con CSS – Tomando el control con la tipografía -Dar estilos a las listas -Las tablas, esas viejas olvidadas -Diseñando la página -Construir una web real con la ayuda de CSS – Construir la web de un organismo público conCSS y Server Side Includes

, , , ,

Jakob Nielsen y Kara Pernice
New Riders, 2010
424 Páginas

eyetrack-banner-blindness4El libro es producto de una investigación de eyetraking, es decir, medir cómo los usuarios fijan sus ojos en una pantalla de ordenador. Al contrario de lo que los diseñadores creen, los internautas no miran los webs del modo en que ellos piensan sino que tienen comportamientos muy distintos: observan unos elementos y otros no. A través de una tecnología bastante avanzada, Jakob Nielsen y Kara Pernice explican sus principales hayazgos. Hay algunas novedades con respecto a los estudios del Poynter Institute. El instituto de estudios de periodismo se ha dedicado a indagar sobre webs de prensa y sus estudios no se realizan con lectores que tratan de finalizar una tarea, por ejemplo, comprar un billete de avión o escribir un correo al director. Jakob Nielsen afirma que el libro es resultado del mayor análisis de eyetracking que se haya realizado hasta el momento y que sus usuarios sí trataban de realizar una tarea. Hay que recordar que Jakob Nielsen no tiene abuela ni materna ni paterna.

Nielsen y Pernice contradicen muchas otros estudios existentes sobre los comportamientos de lectura. No se molesta en mencionarlos. Es difícil juzgar quien lleva razón porque no citan a nadie salvo a sí mismos

Principales Conclusiones

1. Frente lo que siempre han creído los principales diseñadores de prensa, por ejemplo, Reinard Gäde , los lectores entran a la página por ue determinada y necesaria. Es decir, Nielsen afirma que no necesariamente empiezan a leer por encima a la izquierda se trasladan a la derecha bajan hacia abajo y trazan una zeta. Según el libro, la primera mirada a un web puede ser a cualquier punto de la página. Es bastante novedoso y no coincide con ningún otro autor. También es un problema porque supone que no hay recetas para diseñar webs.

2. Además, en Eyetracking Web Usability, Nielsen, ahonda en lo rompedor de la teoría, los usuarios no sólo no empiezan a mirar por arriba a la izquierda, el lugar donde se suele situar el logotipo, sino que no siguen un patrón determinado. Es decir, no hay dos usuarios iguales. Con lo cual, es difícil hacer diseños. Los internautas miran las páginas dependiendo de lo que espera nde un determinado web. En general, sí reconoce que los usuarios buscan la información prioritaria en la parte superior izquierda de la pantalla.

3. Los internautas no miran a las imágenes. Otra vez. No se fijan en las fotos. Sólo miran las fotos o ilustraciones cuando tienen relación a lo que están buscando . Por si no fuera poco, en una tienda de comercio electrónico, sólo miran a las imágenes cuando llegan al producto que están buscando (pag. 292).

4. Los usuarios no ven los banners. Los usuarios ignoran casi completamente los banners. Algunos anuncios de vídeo o especialmente grandes logran captar la atención de los lectores. La teoría fue enunciada por primera vez en 1997. En febrero de 2010, hay unos 324 artículos académicos sobre el ceguera ante banners. También existe un artículo en la Wikipedia. En este libro se refuerza la teoría, se detalla cuáles son los banners más ignorados y además se afirma que los elementos de una página que se parecen a un banner corren el riesgo de ser completamente ignorados por los usuarios. Algo que parece un anuncio es invisible para las personas que visitan un web. Si se hace una promoción interna en un web, es mejor que no tenga la apariencia de banner.

5. Eyetracking Web Usability también desmonta otro de los principios del diseño: el rojo atrae miradas. El rojo, según los estudios de Jakob Nielsen, puede hacer que los usuarios rechacen un texto (pag. 93) . El naranja no corre una suerte mejor (pag. 101).

6. Los internautas sí miran a los links patrocinados en los resultados de búsqueda de los motores. Google también proporciona datos que corroboran este hecho. Es cierto que el ratio de clics bajó en 2010. También miran a los links patrocinados en otras páginas porque tienen la experiencia de que son relevantes (página 342)

7. Los primero que hacen los lectores en una página es comprobar que el link ha funcionado. Es decir, cuando está cargando una página, institivamente comprueba que el vínculo de la página anterior era correcto. Jakob Nielsen y Kara Pernice llaman “mirada residual” a este fénomeno. ( pág. 415 ). Muchas veces se fijan en la página de direcciones, los botones del browser, los elementos de la página.

8. Los internautas no miran las navegaciones. Tampoco suelen fijarse en los rastros de migas o breadcrumbs. Eso era sabido. Pero lo hacen cuando están en una página en la que buscan algo distinto. Hay que tener en cuenta, que Jakob Nielsen y Kara Pernice consideran que es bueno porque eso supone que el visitante está situado en el web y sólo está centrado en acabar su acción.

Jakob Nielsen no ha estudiado la situación real en Internet. El 80% de los usuarios entra en una determinada página del sitio desde un buscador. Ese hecho determina mucho cómo miran una página. En una situación fuera de laboratorio los usuarios no han entrado por la home o página principal.

9. Los titulares sumarios y ladillos pueden ayudar a hacer más legible la página, pero no siempre lo logran

10 Los iconos (teléfonos, ordenadores, personas…) no suelen llamar la atención

No he leído ningún libro de Kara Pernice. Le he dedicado mucho tiempo a Jakob Nielsen. Suele presentar bastante mal la información. En el libro es imposible ver qué ruta siguen los usuarios en las páginas. Intenta mostrarlo con unos números negros sobre un círculo azul muy oscuro. Se lo pregunté. Me contestó en un minuto. Me dijo que lo hacía para resaltar la idea de que no era importante el orden que seguían los usuarios. La verdad es que en el libro se usan distintas combinaciones de colores para mostrar el orden que siguen las fijaciones de la mirada de los usuarios en una web. Es imposible distinguirlas.

En el libro físico se afirma que es posible conseguir gratis un libro on line. No es cierto.

Capítulos Principales

Eyectracking the eye- Nuestro informe de eyectracking -El diseño de la página- La Navegación – Los diseños fundamentales del diseño web – Las imágenes – Los Anuncios – La visión de los usuarios en el web

Informes suplementarios

·How People Read on The Web: The Eyetrack Evidence http://www.nngroup.com/reports/reading

·Eyectracking Methodology: How to conduct and Evaluate Usability Studies Using Eyectracking http://www.useit.com/eyetracking/methodology/

· Aquí hay un ejemplo de cómo resultaría un estudio de eyectracking sobre una página de resultados en Google. ( Vídeo de You Tube )

, , , , , ,

Reinard Gäde
Editorial Gustavo Gili, 2002
143 páginas

Puede parecer sorprendente que aparezca este libro en un blog para webmasters. Es una técnica distinta con distintos problemas. Yo lo recomiendo totalmente a la gente que elabore webs. Es también un buen libro para periodistas. El minimalismo y la sencillez del diseño de periódicos es trasladable a la web. Reinard Gäde puede hablar de un tema en el que ha triunfado. Gäde fue el creador del diseño de El País y no parece tan malo que alabe sus propias creaciones. Lo cierto es que el no cita ni a Mario García, ni a Milton Glaser ni a ningún otro de los grandes maestros norteamericanos.

Es un libro que no define conceptos, pero que transmite muy bien el lenguaje. Hay que saber algo de diseño para entender este manual. La función que otorga al diseño me parece muy acertada. El autor subordina el diseño al contenido. Yo creo que es un autor con bastante sentido común.

Está muy bien ilustrado y trae ejemplos muy claros.

Capítulos principales

Prólogo- El prototipo -Componentes preliminares -Reflexiones sobre la estructura-Orientaciones estéticas- La elaboración de un prototipo-El sistema modular- El sistema tipográfico- Legibilidad y carácter tipográfico -La foto -Infografía- Soft News -Elementos – Consideraciones Generales – El blanco – El negro -El gris- El color- Epílogo: el diseño, factor de confianza

, , , , ,

Introducción al alfabeto visual
D.A. Dondis
Editorial Gustavo Gili, 1985
208 páginas

Es un libro muy poco visual. Está muy pobremente ilustrado y mal diseñado. Las imágenes son en blanco y negro. Es difícil de leer. Tiene la letra muy pequeña. Los textos son bastante sensatos y ponderados. No trata sobre encuestas ni sobre conocimiento estadístico. Tampoco cita a un sólo autor que haya hablado sobre el tema.

El tono es bastante filosófico y trata de transmitir cómo se expresa por imágenes. Yo creo que no profundiza en cada tema lo suficientemente como para hacerlo útil. Es una colección de definiciones. En torno a la página 140, habla de técnicas concretas. Al final, hay una historia del arte.

Capítulos Principales
1. Carácter y contenido del alfabetidad visual -2. Composición: los fundamentos sintácticos de la alfabetidad visual -3. Elementos básicos de la comunicación visual -4. La anatomia del lenguaje visual -5. Dinámica del contraste- 6 Técnicas visuales: estrategias de comunicación -7. Síntesis del estilo visual -8. Las artes visuales: función y mensaje -9. Alfabeticidad visual: cómo y por qué

, , , ,

Christopher Schmitt; Mark Trammel, Ethan Marcotte, Dunstan Orchard, Todd Sominey
Anaya Multimedia, 2006
464 páginas

Este libro no es un manual de CSS; no es un libro sistemático; no es estrictamente un libro de programación. Pero es una obra que merece la pena para quien ya sepa utilizar CSS y quiera conocer trucos para mejorar el estilo y diseño. Se analizan varios sitios.
Al contrario que en otros libros , son webs significativos en innovadores. Algunos lectores que hayan invertido 30 euros en este libro se enfadarán cuando página tras páginas los autores le remitan a la Wikipedia para que comprobuebe las nociones sobre CSS.

Para comprender el libro, hay que tener conocimientos de HTML. A lo largo de las páginas, se habla mucho de código. Es díficil entenderlo si no se practica. Para ser un libro práctico, el estilo a veces es un poco barroco.

El primer capítulo trata sobre planificación, roles, proyectos… Realiza afirmaciones que se podrían contener en cualquier manual.

Desde luego, los autores hablan como si todos los diseñadores de sitios trabajaran en una agencia. El libro también incluye entrevistas de bombos mutuos con los diseñadores de los sitios. Cabe preguntarse si no son de relleno. Cada capítulo repite las ventajas de las CSS. Es reiterativo.

Capítulos principales

Planificar y desarrollar un sitio – Prácticas óptimas para XHTML y CSS -Blogger: rollover y mejoras de diseño – El campeonato de golf PGA – La Universidad de Florida – ESPN.com: potentes cambios de diseño – Fastcompany.com: cómo crear un diseño flexible de tres columnas – Stuff and Nonsense: estrategias para intercambiar CSS – Combinar todas las piezas -A. Elementos HMTL 4.01 – B. Reglas para convertir HTML a XHTML – C. Propiedades de CSS 2.1 – D. Solucionar problemas de CSS

, , ,