¿Qué resolución de pantalla utilizo para diseñar?

En KABYTES tenemos un artículo muy interesante escrito por Pablo, en donde plantea la interrogante… ¿Qué resolución empleo para diseñar? Comenta que actualmente la resolución mas utilizada es 1024×768 que se lleva un 54% seguido de las resoluciones mas altas con un 26%, algo completamente comprensible teniendo en cuenta la aparición de las pantallas widescreen que hoy tan comúnmente vemos.

Las estadísticas de las resoluciones de los navegadores según W3 Schools:

Teniendo en cuenta estos números, todo indica que la resolución ganadora debería ser 1024×768 pero todavía existe un porcentaje que a mi entender es bastante importante de personas con una resolución de 800×600 (14%) y otro porcentaje importante de personas con resoluciones mayores a los 1024.

Se puede emplear un diseño flexible es aquel que se amolda a todas las resoluciones de pantalla, es la solución aparentemente ideal ya que con un diseño así no dejamos a nadie afuera. Lo malo de estos diseños es que tienen que estar muy pero muy bien armados sino queda toda la información “desparramada” y posiblemente termine dificultando la lectura al visitante.

Es muy difícil cumplir con todos, pero no todos los mercados son iguales, si tu proyecto esta dirigido a geeks las resoluciones ideales son iguales o mayores a los 1024×768, en cambio si tu proyecto esta orientado a una temática que poco o nada tiene que ver con lo tecnología, las resoluciones serán de 1024 para abajo. Una buena manera de descubrir esto es buscar foros o sitios donde sabemos que nuestro publico target frecuenta y mirar si tiene las estadísticas disponibles. De ahi ya podemos crear un perfil de nuestros futuros visitantes.

Lo mejor es conocer a nuestros visitantes, los diseños líquidos son una solución muy buena pero siempre que estén bien diseñados, en lo personal prefiero los diseños compactos y claros a un diseño que ocupe toda la pantalla y termine confundiéndome.

Los datos son parecidos a las estadísticas de las resoluciones empleadas según TheCounter.com (septiembre/2007). Puedes compararlos con otros datos globales.

1024×768		9818204	(50%)
1280×1024		5276319	(27%)
800×600		1995673	(10%)
Unknown		1618991	(8%)
1152×864		654352	(3%)
1600×1200		127888	(0%)
640×480		30059	(0%)

El ancho perfecto 960px

En XYBERMETICOS, Nikko comenta que al comenzar a diseñar un sitio web, tenemos muchas cosas en cuenta en el proceso que nos llevara al resultado final. Pero de entre ellos el más importante puede ser el tamaño, pues será el espacio por donde empezamos a planificar nuestro diseño.

Las estadísticas dicen que la resolución 800×600 es cada vez menos utilizada. Pero aun así tampoco es bueno diseñar con resoluciones muy altas.

¿Entonces como descubrir el tamaño perfecto para nuestra web?

Nikko considera que el número ideal a la hora de diseñar es 960px. Matemáticamente es muy simple 960 es divisible por 1, 2, 3, 4, 5, y 6, eso permite que tengamos columnas en cualquier número de configuraciones. Pulsa en la imagen del post para descubrirlo por ti solo.

Fuente del dibujo: Xyberneticos

Resolución de Pantallas

En un buen artículo escrito por Nelson Rodríguez-Peña y publicado en FACTOR HUMANO , comenta el hecho de que  comunmente no se suele diseñar para resoluciones de pantallas específicas. Recomienda utilizar un rango de entre las más usados y procurar que el despliegue del contenido se adapte lo mejor posible a esas condiciones.

Por los datos que aporta, es la clara tendencia en cuanto a los monitores o al menos en cuanto a la resolución de los monitores, aumente. Según las estadísticas de thecounter.com, la resolución más común es 1024×768 píxeles, con un 58%. Le sigue una resolución mayor, 1280×1024 con un 22% y en tercer lugar 800×600 con 13%.

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.

Por lo que ha llegado 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)).

Visto en: FACTOR HUMANO