Resolución de Pantallas: Marzo de 2007

Thursday 15 de March, 2007, 17:40

Hay bastante consenso en que la buena práctica es, comúnmente, no diseñar para resoluciones de pantallas específicas. Lo ideal es considerar un rango de entre las más usadas en un momento determinado y procurar que el despliegue del contenido se adapte lo mejor posible a esas condiciones.

La tendencia a la fecha, es que los monitores, o más precisamente, la resolución de los monitores, aumente. Según las estadísticas de thecounter.com, en febrero de este año la resolución más común es 1024×768 píxeles, con un 58%. Le sigue otra resolución mayor, 1280×1024 con un 22% y en tercer lugar 800×600 con 13%. La tendencia ha ido en aumento hacia el uso de resoluciones mayores. Veamos los siguientes datos comparando el mes de febrero desde 2005 al 2007:

Febrero de 2007

Resolución Uso (%)
1024×768 53%
1280×1024 22%
800×600 13%

Febrero de 2006

Resolución Uso (%)
1024×768 59%
800×600 20%
1280×1024 12%

Febrero de 2005

Resolución Uso (%)
1024×768 53%
800×600 31%
1280×1024 8%

Claramente la resolución dominante es 1024×768, aunque está cediendo ante la aún mayor 1280×1024. La vieja resolución de 800×600, añorada en los tiempos de 640×480, va en retirada.

Por otro lado, los móviles y dispositivos pequeños como handhelds tienden a utilizar pantallas muy pequeñas, lo que claramente habla en contra de la convergencia entre dispositivos.

De momento, veo que esto me lleva a las siguientes conclusiones:

  • No podemos diseñar un solo sitio para condiciones tan radicalmente diferentes como los dispositivos móviles y las pantallas de notebooks y computadoras de escritorio.
  • No podemos diseñar sitios que se ajusten a sólo una resolución, debemos optimizar para un rango entre los tamaños más comunes y asegurar que los menos usados tengan acceso apropiado a la información.
  • Un sitio debe ser monitoreado permanente para observar las tendencias de uso de resoluciones particulares. No todos los sitios son iguales. El ciclo de evaluación de esta condición no puede pasar de más allá de dos años.
  • Si la tendencia se mantiene, en dos años más, en 2009, la resolución más común debería ser 1280×1024 o algo equivalente.
  • No hay que olvidar los formatos alargados como los de muchos notebooks (escribo esto en un monitor de 1280×800) y tampoco la aparición de monitores de más alta resolución (más puntos por pulgada, dpi), además del tamaño (más sobre esto en High DPI Web Sites y High DPI (Part 2)).

Comentarios para 'Resolución de Pantallas: Marzo de 2007'

  1. 1URIzara hormazábal, Thursday 15 de March, 2007, 21:26

    nelson, qu tal
    Que bueno saber que ya no nos tenemos que apretar tanto al momento de diseñar en las web. y que el 800 x 600 va en retirada, esa resolución me suena siempre web en flash.

    suerte en tus proyectos 2007.

  2. 2URIResolución de Pantallas « Cosas sencillas, Friday 16 de March, 2007, 10:05

    […] Visto en: FACTOR HUMANO […]

  3. 3URIClaudio Olivares, Friday 16 de March, 2007, 11:27

    A medida que se hace mas probable el uso de laptops diseñados especificamente para el uso en colegios, siento que diseñar para una resolución específica o “promedio” puede llegar a ser un error.

    No meimagino haciendo los sitios “especiales” para colegios ya que para sacarle partido al laptop y que realmente sea una ayuda en investigación, deberia pasearse por toda la internet (buno,no toda xxx)

  4. 4URImeneame.net, Friday 16 de March, 2007, 17:16

    Resolución de pantallas…

    "Hay bastante consenso en que la buena práctica es, comúnmente, no diseñar para resoluciones de pantallas específicas. Lo ideal es considerar un rango de entre las más usadas en un momento determinado y procurar que el despliegue del contenid…

  5. 5URIRoberto R., Saturday 17 de March, 2007, 21:26

    Concuerdo contigo, en un par de años, 1024 x 768 va a ser lo usual, por raro que parezca hoy (es cosa de darse una vuelta por algunas oficinas y ver la cantidad de equipos antiguos que ocupan).
    Todavía me acuerdo de la época del 640 x 480. Eso igual fue hace harto, y todavía sigue fuerte 800 x 600. En fin, a mantener la flexibilidad.

  6. 6URIRG, Wednesday 21 de March, 2007, 12:27

    Hay un tema en el que no conozco los detalles pero que también se podría discutir. hace un tiempo poníamos un script en La Tercera que detectaba si la resolución era mayor a 800×600 agregaba una columna que extendía a 1024. He visto que Google y Amazon reconocen el browser con que los visito, por ejemplo Opera Mini, y me dicen que existe una versión especial para dispositivos móviles. Y si la solución viniera por el lado de programar la detección de las condiciones con que el usuario vista la página? y de ese modo ofrecerle la mejor experiencia posible. Te lo digo porque cuando un CSS “degrada” o sea hace accesible el contenido, pero el diseño se modifica, no parece ser una opción para el depto de marketing de una empres que vela por su imagen de marca. Por eso que siempre se decide por tamaños fijos, para que el diseño se vea “como se debe”. En muchas empresas siempre van a querer verse bien en cualquier pantalla y tal vez el tema sea más un asunto de mostrar el mejor template posible para el dispositivo que estés usando. Parece eso si no ser muy sencillo.

  7. 7URInelson, Wednesday 21 de March, 2007, 12:44

    Yo creo que diseñar teniendo en consideración un rango de tamaños no significa necesariamente un layout elástico. Por ejemplo, recuerdo el diseño del que hablas en la Tercera y eso representa una de las opciones posibles: el contenido principal se encuentra visible en el denominador común (por ejemplo, el área correspondiente a 800×600), y el contenido secundario en el área mayor. De ese modo se puede preservar el diseño y servir apropiadamente a diferentes condiciones de visualización. Definitivamente esto da para otro post más extenso, porque el tema móviles es un asunto aparte. Pero gracias por darme la excusa.

  8. 8URIRG, Wednesday 21 de March, 2007, 18:44

    estaremos esperando entonces ese post… (salu2 a la are…)

  9. 9URImantruc, Monday 2 de April, 2007, 17:17

    También es necesario considerar que el tamaño de la pantalla no siempre equivale al tamaño de la ventana en el browser, lo que se hace más freciente al crecer las pantallas: por ejemplo ahora estoy en 21″ con 1600 de ancho, pero el browser usa aproximadamente la mitad. Simplemente no me imagino a alguien leyendo a través de 2000 pixeles de ancho, terminaría con una tortícolis de otro mundo.

  10. 10URIpixtorm blog » Blog Archive » ronda de links # 123, Thursday 5 de July, 2007, 10:09

    […] Resolución de Pantallas: Marzo de 2007 cada dìa la resolucion de 1024×768 gana terreno, requiem al 800×600 (tags: webdesign) […]