¿Qué resolución utilizar?

Joaco · 9 Jun 2012

Hola a todos!

Recientemente estoy realizando innovaciones en el diseño de uno de mis sitios, y quería saber qué ancho me recomiendan para el contenido del sitio (sidebar + artículos).

Actualmente estoy utilizando un ancho de 980 pixeles, pero he visto que muchos sitios utilizan resoluciones de hasta 1100 pixeles, que visualmente se ve mejor (por lo menos para mi pantalla de 1366px de ancho).

Estuve revisando los datos de Analytics, y me dice que más del 65% de los usuarios tienen resoluciones de pantalla más anchas que 1200 px aproximadamente, y el resto es prácticamente de los de 1024 px. Por lo tanto me parece que me conviene utilizar una resolución de por lo menos 1020 como mínimo, ya que hoy en día las resoluciones de pantalla son cada vez mayores (con toda la implantación de las notebooks y las pantallas planas de buena calidad).

¿Qué opinan ustedes?

Science · 9 Jun 2012

Hace menos de un año que la resolución más usada en el mundo pasó de 1024x768 a 1366x768, que es la proporción 16:9. Eso salía en una noticia, no recuerdo si era en alt1040 o en bitelia, pero lo recuerdo porque también es la que yo uso.

Sin embargo pienso que todavía son muchos los usuarios que usan la resolución de 1024 de ancho, y es un porcentaje nada despreciable. Hay que tenerlo en cuenta. Lo que suelo hacer es contar (resolución)-(ancho de scrollbar)-(un margen variable que puede darse en ciertos navegadores)=menos de 1000. Yo por eso siempre uso 960, porque entonces todavía queda un poco de margen visual que también es importante para los que usan 1024 (sino queda muy pegado a los bordes), aunque sean menos de 20px por lado.

Pero todo es muy relativo. Hay frameworks CSS que te separan el contenido en 12 columnas, con un total de 960px. Hace 2 días salió un videotutorial en desarrolloweb.com sobre eso. Estaba hecho en directo vía cam entre tres ponentes.

Y por otra parte, si quieres que quede proporcional a todas las pantallas puedes hacer un diseño que se adapte desde menos de 800px hasta más de 1200px utilizando los porcentajes. Un ejemplo muy conocido es Forobeta, que usa el 80% del ancho de pantalla, y por eso siempre se verá con la misma proporción. :encouragement:

locomian · 9 Jun 2012

Con el avance de las netbooks y las tablets en mi opinión los 980 que estas utilizando están bien, ya que para los de resoluciones grandes no es tan incomodo ver el sitio en esa resolución, en cambio para los de resoluciones chicas tener que desplazarse para poder ver todo el contenido pude llegar a ser muy incómodo. Es mi humilde opinión.

avsiller · 9 Jun 2012

Yo utilizo 1024px ya que seria como la mínima estándar en los pc actuales ya que la mayoría de los usuarios migro a los pc con pantalla lcd y resolución de 1360x768 (16:9) como el mio, es igual que en el pasado donde la mínima estándar seria de 800px aunque ya prácticamente desaparecieron esos sitios.

Si quieres que optimizar el diseño hazlo enfocado en las pantallas 16:9 pero coloca el ancho al 90% para los monitores de menor resolución, revisa que no afecte el diseño y listo tu problema estará resuelto ya que si se presenta una resolución menor generalmente solo se compacta y el contenido baja automáticamente.

- - - Actualizado - - -

Yo utilizo 1024px ya que seria como la mínima estándar en los pc actuales ya que la mayoría de los usuarios migro a los pc con pantalla lcd y resolución de 1360x768 (16:9) como el mio, es igual que en el pasado donde la mínima estándar seria de 800px aunque ya prácticamente desaparecieron esos sitios.

Si quieres que optimizar el diseño hazlo enfocado en las pantallas 16:9 pero coloca el ancho al 90% para los monitores de menor resolución, revisa que no afecte el diseño y listo tu problema estará resuelto ya que si se presenta una resolución menor generalmente solo se compacta y el contenido baja automáticamente.

Joaco · 9 Jun 2012

Science dijo:
Hace menos de un año que la resolución más usada en el mundo pasó de 1024x768 a 1366x768, que es la proporción 16:9. Eso salía en una noticia, no recuerdo si era en alt1040 o en bitelia, pero lo recuerdo porque también es la que yo uso.

Sin embargo pienso que todavía son muchos los usuarios que usan la resolución de 1024 de ancho, y es un porcentaje nada despreciable. Hay que tenerlo en cuenta. Lo que suelo hacer es contar (resolución)-(ancho de scrollbar)-(un margen variable que puede darse en ciertos navegadores)=menos de 1000. Yo por eso siempre uso 960, porque entonces todavía queda un poco de margen visual que también es importante para los que usan 1024 (sino queda muy pegado a los bordes), aunque sean menos de 20px por lado.

Pero todo es muy relativo. Hay frameworks CSS que te separan el contenido en 12 columnas, con un total de 960px. Hace 2 días salió un videotutorial en desarrolloweb.com sobre eso. Estaba hecho en directo vía cam entre tres ponentes.

Y por otra parte, si quieres que quede proporcional a todas las pantallas puedes hacer un diseño que se adapte desde menos de 800px hasta más de 1200px utilizando los porcentajes. Un ejemplo muy conocido es Forobeta, que usa el 80% del ancho de pantalla, y por eso siempre se verá con la misma proporción. :encouragement:

Excelente respuesta! Me gustó mucho tu opinión.

Creo que voy a dejarlo así, en 980 pixeles. De esta manera queda lo más ancho posible para la mínima resolución (dentro de lo más utilizado).

Saludos!

Fabián Rodríguez · 9 Jun 2012

La resolución que usas está bien. Si buscas algún sistema de estadísticas que indique que tipo de resoluciones de pantallas es más usada ha día de hoy encontrarás tal vez que la de 1280 x 1024 sea una resolución. A parte que los ordenadores de hoy en día ya mínimo tienen 1024 x 768 y los que tienen 800x 600 es porque tienen ordenadores muy antigüos.

¿Qué resolución utilizar?

Joaco

Science

locomian

avsiller

Joaco

Fabián Rodríguez

Temas similares