Las dimensiones de una página web
En los últimos años, hubo una moda muy extendida de hacer páginas a la resolución de pantalla que la mayoría de usuarios utilizaban. Por ejemplo, hasta hace bien poco, la resolución típica era 800x600 píxeles porque la mayoría de usuarios tenía un monitor de 14 ó 15 pulgadas.
Gracias al rápido bajón de precios de los monitores TFT, hoy los usuarios disfrutan de una variedad muy extensa de tamaños. Conozco mucha gente que todavía tiene monitores CRT de 14 o 15 pulgadas y otros muchos que tienen TFT de 19 pulgadas. Yo en el trabajo tengo uno de 17 pulgadas.
Y no quiero pensar en otros países. Estoy seguro que en países menos avanzados que el nuestro los monitores serán más pequeños y antiguos; y en países más avanzados serán incluso más grandes, o utilizarán habitualmente tecnologías con pantallas pequeñas, como la PDA.
Es decir, existe tal variedad de monitores, que hacer una página para una resolución específica ya no tiene sentido en absoluto. Realmente, nunca tuvo sentido, porque podemos ver que las páginas escritas hace años para resoluciones de pantalla de 800x600, hoy se ven pequeñas en un monitor de 17 ó 19 pulgadas. Quizás se creyó ahorrar tiempo de maquetación - lo cual, no creo en absoluto - pero se ha conseguido que estén desfasadas antes de lo creían.
Afortunadamente, hoy en día, muchos desarrolladores, comienzan a pensar en desarrollar sus páginas de forma elástica, es decir, que la página se pueda ajustar a las diferentes resoluciones y tamaños de pantalla. Esto es buenísimo para incrementar la accesibilidad de cualquier página, ya que permite a cualquier usuario adaptar la página para leerla de la forma más cómoda posible, independientemente de su capacidad para ver bien (vista cansada, miopía, etc.). Y además, consigue que la página también se ajuste al tamaño del papel cuando se imprime.
No obstante, en el caso de las páginas elásticas, hay que tener en cuenta un par de aspectos:
- Las imágenes no reescalan con el texto. Los navegadores no suelen reescalar las imágenes, lo que normalmente descoloca los elementos de la página; y los que reescalan, lo hacen dejando la imagen apixelada.
- El texto queda demasiado horizontalizado. Al disponer de mucho espacio para el texto en una pantalla grande, las páginas que se maximizan tienen líneas muy largas que cuesta más trabajo leer ya que los ojos tienen que hacer mayor recorrido. Esto realmente no es un problema porque tiene una fácil solución: redimensionar la ventana, o aumentar la letra.
Conclusión: a día de hoy, yo creo que ya hay que cambiar las técnicas de diseño (también para el que dibuja en papel) y maquetación, y pensar en una web con múltiples tipos de dispositivos de salida de diferentes tamaños.
Alfonso dijo
Yo también he diseñado mi web para una resolución 800x600 aunque pretendo hacerla adaptable a cualquier resolución.
Pero creo que muchas páginas utilizan la apariencia 800x600 como un modo elegante de presentar un diseño, como el caso de este blog y otros muchos sitios en el que los contenidos aparecen centrados dejando un amplio margen a cada lado.
De estas últimas paginas, habría que diferenciar las que están diseñadas para una resolución 800x600 y las que utilizan los contenidos en un bloque centrado (generalmente de 800x600).
18 Octubre 2005 | 03:21 PM