Para qué resolución diseñar?

Esta es una de las primeras preguntas que se hacen a la hora de diseñar un sitio web. Diseñar para 800×600? para 1024×768? Pero no es la única pregunta. Qué navegador hay que priorizar? Se debe utilizar Flash o Javascript? Aún sabiendo cual es la resolución que se debe adoptar, de cuanto espacio real se dispone?

La respuesta a estas preguntas está, entre otros lugares, en las estadísticas.
Antes de realizar un sitio se debe saber a que público está dirigido. Luego, mediante las estadísticas, se intentará que la mayor cantidad de usuarios posible visualicen bien la página.

  1. Resolución de pantalla: La resolucíon de pantalla varía según el lugar y el tiempo. No será lo mismo diseñar una página para EE.UU. que para España que para Argentina:

    Las resoluciones de pantalla más populares en España son:

    Abril 2006
    1. 1024 x 768 53.88%
    2. 800 x 600 21.36%
    3. 1280 x 1024 13.17%
    4. 1152 x 864 3.53%
    5. 1280 x 800 2.86%

    Las resoluciones de pantalla más populares en México son:

    Abril 2006
    1. 1024 x 768 61.62%
    2. 800 x 600 25.61%
    3. 1280 x 1024 4.82%
    4. 1152 x 864 2.54%
    5. 1280 x 800 1.87%

    Las resoluciones de pantalla más populares en Argentina son:

    Abril 2006
    1. 1024 x 768 48.01%
    2. 800 x 600 42.63%
    3. 1280 x 1024 3.56%
    4. 1152 x 864 2.04%
    5. 1280 x 800 1.06%

    Fuente

    Asímismo, las estadísticas varían en el tiempo, ya que antes, la resolución más usada era 800×600, y mucho antes: 640×480

  2. Navegador: A menos que la página se haga para un público muy especial, es sabido que (lamentablemente, a mi modo de ver) Internet Explorer es al día de hoy, el navegador más utilizado, con casi el 60% del mercado y siendo la versión 6 la predominante. También se debe tener en cuenta a Firefox, que ganó terreno y ya tiene una porción importante de usuarios.
    Igual, resulta conveniente consultar las estadísticas más actuales al momento de diseñar la página, ya que pueden cambiar.
  3. Flash y Javascript: Al diseñar con Flash o Javascript se debe tener en cuenta que no son mayoría los usuarios que saben como instalar el plug-in de Flash o como activar Javascript en su navegador, así que es conveniente revisar las estadísticas sobre el tema.
    Aquí, en general, el 95% de los usuarios tienen el plug-in de Flash instalado y javascript activado. Esta cifra crece año a año.
  4. Espacio real de diseño: Una vez que se decide que resolución usar, sería conveniente saber de cuanto espacio se dispone para diseñar la página sin que aparezca scroll (si no se lo desea). Por ejemplo: si se decide usar 1024×768, no se diseñará la página para que ocupe 1024px x 768px, ya que hay que descontar la barra de inicio, la barra de menú, las barras plug-in (como la de google, yahoo, msn, etc) las solapas de los tabs..

    Screen size IE 6 Firefox Opera Mozilla Netscape
    800 × 600 779 × 400 781 × 434 777 × 427 779 × 420 781 × 389
    1024 × 768 1003 × 568 1005 × 602 1001 × 595 1003 × 588 1005 × 557

    Fuente

    También hay que tener en cuenta que no siempre las ventanas se encuentran maximizadas.

Finalmente, hay que agregar que no sólo hay que tener en cuenta las estadísticas actuales, sino también intentar realizar una proyección, para que no haya que rediseñar la página en el corto plazo.

Dejanos tu Comentario

Nombre: (Requerido)

E-Mail: (Requerido)

Sitio WEB:

Comentario: