¿A qué resolución mínima de navegador o pantalla debo dirigir mis aplicaciones web?

Al tomar la decisión sobre los requisitos mínimos para una aplicación web en máquinas cliente:

1. Navegadores : a qué navegadores se debe apuntar como mínimo
2. Resolución de pantalla : qué resolución de pantalla debe un objetivo como mínimo

Para asegurar que la usabilidad de la aplicación no se vea comprometida

W3Schools (por ejemplo) tiene algunas estadísticas en las pantallas del navegador. A partir de enero de 2010:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

La figura Superior se vincula a una nueva tabla . Según las cifras, parece que 1024x768 es la resolución de pantalla mínima efectiva. Sin embargo, debe recordar que no todos ejecutan su navegador en modo de pantalla completa.

También hay una página de estadísticas del navegador . Los navegadores están desglosados ​​por versión (por ejemplo, Firefox ). Con navegadores como Firefox y Chrome, parece que la mayoría está utilizando las últimas versiones (no beta). Sospecho que esto se debe a que se actualizan automáticamente.

Hay otros sitios de estadísticas más generales disponibles y probablemente debería consultar un rango para obtener una mejor idea del uso del navegador y las resoluciones de pantalla en todo el Internet.

En lugar de apuntar a un navegador y una resolución específicos, comenzaría asumiendo que desea que su sitio sea utilizable por la mayor variedad de usuarios posible. Trate de hacer que las cosas se adapten a diferentes tamaños de pantalla y funcionen en todos los navegadores. Dicho esto, creo que es seguro asumir 1024x768 para la navegación de escritorio.

Un conjunto de estadísticas más global indica que esa 1024x768es la resolución más popular, sin embargo, la distribución de los usuarios es muy diferente. También tenga en cuenta que las netbooks, suponen, están ayudando a 800x600aguantar.

En los navegadores modernos puede orientar rangos con consultas de medios . Son increíbles. Asumiendo que no te importa IE, aunque IE9 promete soporte para ellos. Los comentarios condicionales se pueden usar para enviar una resolución de mínimo común denominador a IE, o JavaScript se puede usar para cargar dinámicamente hojas de estilo. Cargar CSS a través de JavaScript dinámicamente es, en mi opinión, una idea horrible .

Un diseñador web llamado Jon Hicks recientemente rediseñó su sitio web usándolos, vaya allí y cambie el tamaño de la ventana de su navegador para ver un ejemplo de cómo funcionan. Hay diseños de 1 a 4 columnas, dependiendo del ancho máximo de la ventana gráfica actual.

Las consultas de medios le permiten no tener que preocuparse por cosas como "¿Mi sitio admitirá el iPhone y el iPad?" o "¿Cómo puedo apuntar al tamaño de pantalla del dispositivo X para mantener la usabilidad?". Simplemente construye diseños para todos los tamaños de pantalla que desee admitir y las consultas de medios se encargarán del resto, dependiendo del navegador del usuario cuando lleguen allí.

Puede basar su decisión en la estadística reciente sobre el uso de la resolución. Si desea un número genérico, puede encontrar algunos en Net Applications y si desea datos precisos, puede usar Google Analytic en su sitio web para eso.

Lo primero que debe hacer es determinar el grupo demográfico objetivo que utilizará su aplicación web. Por ejemplo, si se dirige a un público predominantemente rico de EE. UU. / Europa (como la venta de productos de alta gama o un sitio de revista de alta tecnología), entonces tendrá requisitos bastante diferentes que si, por ejemplo, estuviera haciendo un sitio web. aplicación dirigida a personas mayores, personas en países menos desarrollados, etc., donde aún predominan las computadoras antiguas y las bajas resoluciones. Sé por experiencia, por ejemplo, que muchos clientes del gobierno local en el Reino Unido todavía (vergonzosamente) usan IE6 como su único navegador, lo que podría ser un factor importante si son su cliente.

Luego debe tener en cuenta que muchas personas acceden a sitios web en dispositivos móviles: teléfonos inteligentes, netbooks, tabletas y similares. Estos pueden tener resoluciones 'extrañas' o tener un mayor porcentaje de usuarios de navegadores como Safari, Chrome y Opera Mobile. También pueden tener diferentes requisitos de accesibilidad o pueden requerir diferentes hojas de estilo.

Una de las mejores formas es utilizar Google Analytics (tal vez desde un sitio existente) para determinar su audiencia real. Luego puede obtener cifras reales para ver los desgloses del navegador y los desgloses de resolución que lo ayudarán a decidir qué es lo mejor para usted .

Consulte las estadísticas de cuota de mercado del navegador mundial

Esta pregunta proporciona una lista completa de fuentes para buscar la cuota de mercado del navegador mundial.

Estos son los 3 mejores promedios de 2010 para StatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

Aquí están los 3 mejores promedios de 2010 para aplicaciones netas :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

Según los datos, su resolución mínima debe ser 1024x768 pero también depende de su demografía.

Si su sitio está dirigido a una audiencia más corporativa, quédese con 800x600. Muchas redes corporativas aún ejecutan hardware realmente antiguo con Windows 2000. Si esa es la base de usuarios a la que se dirige, el uso de la 'norma actual' de resoluciones de pantalla puede alienar a su audiencia.

http://isie6dead.com/ aunque este enlace fue más dinámico hace una semana más o menos, el punto que subyace a su existencia sigue siendo válido: hay demasiados navegadores IE6 y probablemente continuarán durante la próxima década .

Para mis propios proyectos personales, si está usando IE6, no me importa si mi sitio hace que los monos salgan volando de su parte posterior. Para un trabajo, los requisitos pueden ser diferentes y, en general, cuanto más público y mayor sea su público objetivo, es más probable que su sitio vea IE6 en 640x480x4.

Esta pregunta no se puede responder con precisión sin una audiencia específica e ignora por completo las hordas de dispositivos iPhony.

Como se mencionó en una publicación anterior , el artículo de Wikipedia sobre la cuota de mercado del navegador consolida la información de 6 fuentes principales y que las estadísticas son probablemente más efectivas para decidir cuáles son los navegadores importantes a los que apuntar.

También vale la pena tener en cuenta el contenido de su sitio. Si está proporcionando un foro de soporte técnico para personas que tienen problemas con las tarjetas de video o monitores, por ejemplo, probablemente quiera usarlo en 640x480.

Si muchos de sus usuarios son mayores o tienen una visión más débil, es posible que tengan pantallas de alta resolución, pero con fuentes muy grandes, por lo que debe permitir eso.