Seguimos en esta ocasión con la penúltima parte de la recopilación de consejos del libro “Diseño de páginas Web con XHTML, JavaScript y CSS” obtenido del concurso organizado por ChicaSEO… Y antes de pasar a las pautas, consejos, o “tips” del libro quiero destacar el comentario de Fer (no se si Fernanda o Fernando) de LinkAlicante, quien nos dejó un consejo realmente útil y a tener en cuenta:

Quería hacer una puntualización sobre el consejo de utilizar fuentes de 10 o 12 puntos: sería mejor utilizar fuentes en medidas relativas (em) en lugar de fuentes fijas (pt o px). Esto hace que la página se adapte a las diferentes resoluciones de pantalla de los usuarios.
Este mismo consejo también se aplica a las medidas de los diferentes elementos de la página, donde lo ideal seria utilizar medidas en porcentajes (%), claro que esto no siempre es posible dependiendo del diseño… Saludos!

Ya con el consejo de Fer paso a los los restantes, los cuales recuerden es recomendable acompañarlos de la primer parte (léase “Consejos para un mejor diseño web (Parte I)“) y la segunda parte (léase “Consejos para un mejor diseño web (Parte II)“)…

• Utilizar sólo las imágenes que sean necesarias, es decir que no hay que llenar de imágenes la página que estemos diseñando o tengamos ya que esto aumenta el tiempo de recarga. En el caso de WordPress he visto diseños excelentes, creados completamente con CSS sin la utilización de imágenes (solo para el logo), y realmente se nota la diferencia de velocidad (un ejemplo de esto es Punto Geek, que tiene pocas imágenes y el diseño queda mucho más limpio).
• Si se utilizan mapas de imágenes hay que complementarlas con un resumen de enlaces en modo de texto, o sea para saber que enlaces se visitaron y cuales no.
• Usar colores pastel o neutros para aumentar la legibilidad de la página web.
• No utilizar fondos gráficos muy recargados ya que ralentizan la carga de la página web, y distraen. Lo mejor es utilizar un fondo de un solo color usando CSS, pero si se quiere incluir una imagen hay que seguir el ejemplo de Kabytes, que una imagen de 10×599 pixels ha sido duplicada a lo largo del fondo de la página web.
• Combinar los colores de fondo con los colores del texto, es decir que no sean ambos claros o ambos muy oscuros, tienen que ser opuestos para poder leerlos sin dificultad (blanco de fondo, negro el texto).
• No todos los usuarios de una página web actualizan su navegador todos los días, por lo que es posible encontrarnos con quienes todavía utilicen Internet Explorer 5.5 (no sería raro). Por esto mismo es que la colocación de advertencias del tipo “Esta pagina se ve mejor con…” no son de utilidad, y los diseños deberían adaptarse a todo tipo de condiciones.
• No caer en la bajeza de colocar enlaces que lleven a páginas web con un mensaje de “En Construcción”. Si todavía se esta diseñando esa página lo mejor es no enlazarla ya que hacemos que el usuario pierda tiempo y dinero (la conexión se paga).

Por el momento llegamos hasta aquí, y en unos días termino de colocar todos los consejos que he encontrado… Recuerden que los comentarios están habilitados, así que si quieren contribuir con algún consejo no tengan ningún drama de hacerlo, de paso lo colocaré en la última parte de esta recopilación… Saludos…

Gracias ChicaSEO…