Dimensiones

He mencionado en diferentes ocasiones la importancia que tiene el hacer un sitio accesible para todo tipo de personas, una cosa muy importante también son las dimensiones de nuestras páginas de nuestro sitio (horizontal y verticalmente).

Dimensiones recomendadas

Las dimensiones que yo recomiendo son 800 o menos horizontalmente por 10000 como máximo verticalmente (hacia abajo).

Esto es por una sencilla razón:

Como todos sabemos, las dimensiones de una pantalla de computadora pueden ser de 640x480px, 800x600, 1024x768, 1600x1200, etc (mas las pantallas en formato de cine, como 1600x1024, etc).

Horizontalmente

Ok, la medida mas pequeña horizontalmente es de 640px (hay ya pocas personas que usan pantallas con esta resolución), pero aquí lo importante es la medida de 800px hay aún muchas computadoras que tienen pantallas con esta resolución, si hacemos un sitio con dimensiones de 1000px horizontalmente los usuarios que tienen pantallas de 800x600 no podrán ver bien ese sitio, pues habrá 200 pixeles fuera de la pantalla (mas los pixeles que ocupe la barra de edsplazamiento vertical) entonces para poder ver toda la pagina tendrán que estar deslizando el scrol hacia la izquiedra y hacia la derecha a cada momento, lo que es muy tedioso y muy molesto.

Es por eso que la medida horizontalmente recomendada (por mi) es de 800px o menos.

(En este caso yo use 800, aunque salga un poco la página de la pantalla eso no afecta, pues no hay información hasta los lados, y hice pruebas configurando mi pantalla a 800x600px y se ve bien el sitio, y también hice una prueba cambiando la resolución a 640x480px y es completamente legible, pues el texto importante esta aún dentro de esas medidas) (Si quieres puedes hacer una prueba cambiando la resolución de tu monitor a 640x480px al desarrollar tu web, para asegurarte que el contenido esta dentro del margen).

Verticalmente

La medida máxima verticalmente que yo recomiendo es 8000px, esto por que cuando tenemos una página con estas dimensiones, el scrol de la barra de desplazamiento vertical se hará muy pequeño, pero no en exceso, así que aún podremos desplazarnos con facilidad, pero si abusamos de las medidas verticales poniendo un valor como 20 000 px entonces el scrol será muy pequeño, y será difícil navegar en esa página, además que no es recomendable poner todo el contenido de un sitio en una sola página.

Es necesario tener equilibradas las dimensiones, dependiendo de lo que vayamos a poner en determinada página, y también tomando en cuenta que tan grande será nuestro sitio y saber distribuir la información para evitar que se pierdan los visitantes en nuestro sitio.

640x480

Tal vez se preguntarán por que tome como base la medida 800x600 y no la de 640x480. Ok, ahí va la explicación:

Así como hemos pensado en las personas que tienen resoluciones pequeñas debemos pensar también en aquellos que tienen resoluciones grandes como 1600x1200, si hacemos un sitio de 600 px como medida horizontal, en una pantalla de 1600 se verá muy mal, muy delgada y por consiguiente muy alargada hacia abajo (pues el espacio que ahorramos horizontalmente lo tenemos que recompensar verticalmente para tener la misma cantidad de información en las páginas).

Si hacemos cuentas, sabremos que hoy en día hay muchísimas mas personas que usan resoluciones altas a las personas que usan resoluciones bajas (640x480) entonces nos daremos cuenta que nos conviene hacer sitios con medidas medias (como 800px horizontalmente) y verticalmente usar medidas no mayores a los 8 000 px.