Tendencia en resoluciones de pantalla

Desde el año pasado comenzó a aparecer la duda que ya se instaló: cuando plantamos un diseño web ¿Qué resolución debemos contemplar?

Para los que no saben mucho de web, cada monitor puede mostrarnos las cosas con diferentes resoluciones de pantalla:
640 x 480 pixels, 800 x 600 px, 1024 x 768 px y hay muchas más. Incluso las hay mucho más pequeñas, como las de los celulares, que pueden tener 220 x 176 px, por ejemplo.

Hace ya mucho tiempo se hizo el pasaje de 640 x 480 px y desde el año pasado hemos visto como Clarín y La Nación se pasaron a 1024 de ancho, agregando columnas.

La pregunta ya está instalada. Si bien hay que tener en cuenta la mayor cantidad de usuarios, la tendencia claramente indica 1024 px como medida dominante.

Les paso un gráfico (* datos extraídos…) donde, simplificando, podemos decir que el año que viene las resoluciones de 800 x 600 px o menos van a ser solo una pequeña minoría.

Tendencia en resoluciones de pantalla

El año pasado estaban casi mitad y mitad, este año los usuarios con 800… o menos son poco más de un cuarto del total.

Seguramente me dirán que existe el diseño líquido, lo sé, pero esa es otra discusión…

¿Qué datos tienen uds.? ¿Están de acuerdo? ¿Mañana lloverá?


(*) Los datos los tomé de Diario de Gestión. porque obviamente este sitio debe tener demasiados diseñadores y no somos una muestra de usuarios normales.

16 comentarios

  • Flaneur says:

    Al menos por lo que me dice mi Google Analytics de mis tres sitios (1 portfolio, 1 photoblog y 1 blog), en el caso de mos páginas la desproporción es mayor: 90% 1024 o más, 10% 800 o menos. Hace rato que no diseño nada para 800×600.

  • Jose Luis Texidor says:

    Comparto, me toco situacion parecida en mi trabajo, que al principio cuando entre hace años, tube que diseñar para 800×600, y hace poco menos de 5 meses ya me dijeron que cambie todo a 1024×768.

    Ya esta desapareciendo 800×600

  • Alejandro says:

    Creo que el nuevo estandar argentino es 1024×768,pero todo el mundo compró monitores planos de grandes resoluciones asi que hay que hacer diseño que se ajusten a las resolucion de pantalla. Otra cuestion a tener en cuenta son los distintos tipo de navegadores. Hay que diseñar para Explorer y Mozilla.
    Me encanta tu web es una referencia siempre.
    Cookieface
    http://www.cookieface.com.ar

  • JHMorales says:

    Hola:
    mirar esta dirección en la que aparecen las estadísticas (creo que mundiales), entre otras cosas, de la resoluciones.

    Web-Barometer

    Suerte. Jorge H.

  • chinaski says:

    Katarsis arroja estas cifras (aún teniendo un público bastante «populacho»). Y la mayoría de los sitios que administro arrojan resultados similares.

    38% 1024×768
    30% 1280×1024
    19% Unknown
    9% 800×600
    4% 1152×864

    O sea que el 800×600 ya es minoría notoria.Igual que los que siguen usando IE5 en máquinas viejas y cibers muy truchos.

    Offtopic: quizas te interese esto, recuerdo haber leído un post tuyo sobre esa problemática y viendo ahora el content-type actual veo que seguis con iso-8859-1.

  • Irene says:

    Las estadísticas mundiales no aplican si el target del sitio es en gran medida local.
    Incluso, en algunos casos sabemos que los lectores no s on de clase medio alta, que son los que se compraron monitores LCD, y hay quienes en el trabajo tienen LCD y quienes tienen una computadora vieja (porque por ejemplo trabajan en el estado).

    Pero me alegro saber que no estoy errada en considerar para una buena parte de los casos la resolución de 1024 🙂

    Gracias chinaski, me guardo el link. ¿Viste? en casa de herrero cuchillo de palo :S… como decía el otro día tengo que rediseñar, entre otras cosas…

  • Fabio says:

    Irene, te dejo mis cifras para que tengas una referencia:

    1. 1024×768 – 50.31%
    2. 800×600 – 13.78%
    3. 1280×1024 – 12.52%
    4. 1280×800 – 8.73%
    5. 1440×900 – 4.38%
    6. 1152×864 – 3.89%
    7. 1680×1050 – 1.71%
    8. 1280×768 – 1.11%
    9. 1280×960 – 1.08%
    10. 1280×720 – 0.63%

    La muestra es grande y una gran mayoría entra por buscadores (70.74%) así que la referencia de público general me parece que sirve, 800×600 ha muerto.

    Estas cifras son de Enero de este año, pero comparando con las del año pasado, se movió poco, 19,83% para 800×600 y 1024×768 bajó inclusive dejando lugar a las resoluciones más altas.

    Creo que para 1024×768 está bien 😀 800×600 quedó atrás, el 87% usa resoluciones mayores, ya es demasiada la diferencia.

  • Fabio says:

    corrección, hace un año tenía 24.42% de 800×600, no 19% 😛

  • Irene says:

    Al menos estamos de acuerdo en dejarlo atrás 🙂
    Pero qué hacés a esta hora juntando estadísticas???

  • Sergio says:

    No nos tenemos que olvidar de los formatos wide.
    Cada vez que abro una revista de promociones de las grandes casas de electrodomesticos, los monitores más baratos y que se ofrecen con grandes luces son los «widescreen» que tiene una resolución bastante distina (no son cuadrados) y los sitios se ven con mucho más scroll. Encima en algunos casos las mismas pcs que vienen con estos monitores no soportan esos formatos y teminan expandiendo las imagenes lo que genera una notable distorsión.
    Ademas algunos sistemas de estadísticas no los tienen como dato, sino que figuran como 1024 o más.

  • chinaski says:

    Sergio: tengo entendido que monitores wide hay solamente a partir de las 17″, y que su resolución mínima en vertical (nativa) es de 720px, que no es mucho menos que los 768px. Asimismo, un monitor LCD a una resolución no nativa (que es lo que genera esa distorción que mencionás) implica un mal uso de él. O sea, mal para los de Garbarino o Fravega o Wallmart que venden PC’s mal configuradas… eso no es algo que deba preocupar a los diseñadores.

    De todas formas creo que la disyuntiva de diseñar para 1024×768 viene a raíz de la falta de espacio (a menudo horizontal) en los monitores a resolución menor. En los wide nunca faltará espacio en ese sentido, y lo que sobra no daña.

    Así y todo es interesante tener en cuenta ese factor, ya que ahora más que nunca es donde entran en juego una cantidad y variedad de resoluciones de pantalla que en años anteriores no se contemplaba (pantallas mas grandes, wide / no wide, etc.) y eso hace que el diseño elástico o líquido vaya tomando cada vez más relevancia, para un mejor aprovechamiento del espacio. aunque Irene aclare que «eso es otra discusión» 😉

  • Oscar says:

    Te paso las resoluciones de mis visitantes. Tené en cuenta que mi público es familiar.

    01 – 1024×768 – 54,84%
    02 – 800×600 – 13,10%
    03 – 1280×800 – 12,16%
    04 – 1280×1024 – 7,41%
    05 – 1440×900 – 5,28%
    06 – 1152×864 – 2,55%
    07 – 1280×768 – 1,79%
    08 – 1680×1050 – 0,99%
    09 – 1280×960 – 0,84%
    10 – 1280×720 – 0,68%
    11 – 1920×1200 – 0,16%
    12 – 1400×1050 – 0,10%
    13 – 1600×1200 – 0,08%
    14 – 640×480 – 0,02%

  • Thanks a bunch for sharing this with all of us you actually recognise what you’re speaking approximately! Bookmarked. Kindly additionally visit my website =). We could have a hyperlink trade arrangement between us