¿Cuán importante es hacer que el diseño de su sitio web se ajuste a las pantallas de baja resolución?

Question

¿Qué tan importante es hacer que el diseño de un sitio web se ajuste a las pantallas de 640 x 480 y 800 x 600? Durante algún tiempo he estado diseñando con la suposición de al menos 1024 x 768, pero no lo he estado haciendo profesionalmente (solo en mi sitio, que es solo un blog que solo 10-15 amigos leen). ¿Alguien tiene estadísticas no anecdóticas sobre la distribución de resoluciones de pantalla de usuarios reales de la web?

Nota 1: "no anecdótica" significa que por favor no dar respuestas como "Conozco a mucha gente que usa 640x480" o "mi madre se ejecuta en 800x600 por lo que debe ser muy común." Prefiero tener datos reales (o enlaces a datos reales), especialmente si se trata de datos sobre usuarios generales (en lugar de frikis).

Nota 2: No estoy preocupado con extremadamente pequeñas pantallas como las de los teléfonos celulares y PDAs (al menos no por el momento). Solo estoy hablando de monitores de escritorio/laptop.

Answer 1

Creo que la suposición general en estos días es que 1024x768 es aceptable, esa es ciertamente la ruta que tomo. Un buen punto de referencia es buscar en grandes sitios como el BBC, que recientemente cambiaron a un diseño de 1024x768. Eso no quiere decir que cada sitio tiene que ser eso, para sitios más pequeños a menudo me quedo con 800x600 solo para que el contenido no parezca patético: o)

Aquí está la fuente que suelo usar para las estadísticas web con su august 2008 stats mostrando 800x600 a las 7%.

Answer 2

Aquí hay un interesting blog post que proporciona estadísticas específicas basadas en 6 millones de visitas durante febrero de este año a los sitios de esta red en particular.

dos principales: 47% 1024x768, y 30% 1280x1024

Answer 3

W3Schools pistas de una variedad de estadísticas del examinador, incluida la resolución de pantalla. Puede encontrar la resolución de la pantalla aquí: http://www.w3schools.com/browsers/browsers_display.asp

Por supuesto, debe usar las estadísticas lo más cerca posible de su público objetivo. Estas estadísticas provienen de los navegadores de personas que navegan por el sitio de W3School (principalmente desarrolladores). Es probable que otras audiencias meta tengan un perfil diferente.

Answer 4

Válvula de recoger datos a través de vapor de agua sobre las capacidades de las máquinas que se conectan a ellas, se puede ver los resultados aquí:

http://steampowered.com/status/survey.html

tener en cuenta que estos son los sistemas del jugador y así tienden a ser más poderoso que el promedio de PC en la calle, como se puede ver, no hay muchos sistemas por debajo de 1024 * 768

Answer 5

Acabo de comprobar los datos Google Analytics para todos los dominios que superviso. La resolución de pantalla para menos de 800x600 es cero y para 800x600 es 3-6%

Quizás pueda obtener la configuración de Google Analytics en el dominio con anticipación y recopilar información sobre los visitantes.

Answer 6

que se está ejecutando en mi navegador web. ¿Cuán seguro está de que mi navegador sea de pantalla completa, incluso si estoy usando 1024x768?

Answer 7

Si puede hacer que su sitio web admita resoluciones ligeramente menores que probablemente valgan la pena. De esa forma, las personas pueden ejecutar su sitio web en una ventana de pantalla no completa y aún se verá bien y no tendrá feas barras de desplazamiento.

Además, "netbooks", tales como la Asus EEE están ganando popularidad y por lo general tienen pequeñas pantallas (9-10") con resoluciones muy modestos (por ejemplo, 800x480 o 1024x600).

Answer 8

Aunque estoy de acuerdo que es generalmente 1024x768 una buena resolución de escritorio mínima, parece que pasé una mayor cantidad de tiempo mirando sitios web a través de paneles más pequeños, particularmente dispositivos Windows Mobile, el iPhone y ocasionalmente un eeepc a 800 x 480.

Mientras que el eeepc podría ser inusual (y sin duda será reemplazado por 1024x768 en la clase de máquina) el acceso por dispositivos móviles es probable que aumente y sería sabio - especialmente si está ejecutando el tipo de sitio al que la gente querría conectarse desde el escritorio para saber cómo funciona su sitio en los dispositivos portátiles.

Answer 9

Mira, los monitores son cada vez más grandes y la gente quiere cada vez más. A la gente le gustan los monitores más grandes. Las únicas personas que tienen monitores pequeños serían un centro de computadoras compartido o algunas personas mayores.

@todos, tenemos que unirnos como desarrolladores y exigir que solo se creen aplicaciones en el 1024x768. Si todos nos unimos, lo convertiremos en el estándar.

No pregunte qué puede hacer su monitor por usted, pregunte qué puede hacer con el monitor.

Answer 10

De acuerdo con Jakob Nielsen's Alertbox, a partir de julio de 2006, el 60% de los monitores se establecieron en 1024x768, por lo que su recomendación es optimizar su sitio para esa resolución.

¿Cuán importante es darle estilo a su sitio para resoluciones más bajas? Supongo que la respuesta depende de cómo se vea su sitio en 800x600 (y abajo) ... si es ilegible, entonces se trata de la importancia de esa audiencia para su sitio. Si necesita todos los visores, sin importar su resolución, entonces debe trabajar en estilos que produzcan una experiencia tolerable para la persona ocasional de 640x480. De lo contrario, puede tratar de diseñarlo como lo hizo y trabajar en estilos alternativos solo cuando tenga un caso comercial para hacerlo.

Answer 11

añadir Google Analytics a su sitio, es gratis, los datos sólo serán acerca de su audiencia

Answer 12

Creo que la respuesta real es el diseño de su sitio de tal manera que se degrada con gracia en una resolución más baja. No es una buena idea tener barras a la derecha e izquierda de la columna principal de contenido que no cambie de tamaño y que haga que el contenido principal de su sitio se aplaque.

Y como se ha señalado, el hecho de que una persona corra a 1280x1024 no significa que su navegador web se maximice; algunas personas insisten en ejecutarlo todo en una ventana no maximizada (creo que la Mac solía hacer cumplir esta). Y esto es sin mencionar a las personas que tienen diez barras de herramientas y solo corren a 800x600 porque el sistema operativo ya no les permite ir a 640x480 (y luego se preguntan por qué todo se ve "borroso" en una pantalla LCD y por qué tienen ojos yendo a la mierda)

Por supuesto, el diseño de su sitio de esta manera no siempre es un lujo que usted tiene; a veces el cliente lo quiere píxel perfecto para lo que el Photoshop diseñó con un enorme monitor.Haga lo mejor posible con lo que pueda y prepárese para tener un argumento de "esto es lo que dijo que quería" más adelante (suponiendo que no pueda explicárselo con éxito de antemano)

Answer 13

¿Podría sugerirle que use un auto- diseño de tamaño que se ajusta a la ventana del navegador, por amplia que sea? Si bien puede diseñarlo para que se vea mejor en 1024x768, las personas con resoluciones más bajas (debido, por ejemplo, a problemas de visión o una computadora barata) simplemente no pueden usar una resolución más alta, y no deberían tener que desplazarse hacia la izquierda y hacia la derecha para leer cada línea de texto

Answer 14

Esto en una respuesta anecdótica, pero algo a tener en cuenta ...

Hemos diseñado una aplicación web para un cliente que iba a ser utilizado internamente (en realidad una aplicación de intranet de cliente ligero). Nos dijeron que se prefería diseñar para 1024x768 ya que casi todos sus usuarios tenían esa resolución o más. De hecho, se nos dijo que ignoremos cualquier problema que los usuarios que ejecuten a resoluciones más bajas informadas desde su respuesta interna de la mesa de ayuda fue "Establezca su resolución en 1024x768 o mejor y ejecute con el navegador maximizado".

Inmediatamente después de implementar la aplicación, había tickets del servicio de asistencia técnica en las páginas que requieren demasiado desplazamiento horizontal y algunas cosas que no se ubicaron correctamente, pero se informó que la resolución era de 1024x768. Lo que no explicamos fue a los usuarios que usan barras laterales del navegador (historial, marcadores, fuentes RSS, etc.). Ninguno de nuestros desarrolladores los utilizó, por lo que nunca se les pasó por la mente. Las partes no colocadas correctamente fueron verdaderos errores de nuestra parte. El desplazamiento horizontal se debe a que configuramos todo para cambiar el tamaño automáticamente, pero para detener el cambio de tamaño horizontal en 768 (en realidad, el ancho del área del cliente es de 1024x768).

Además, no olvide que los usuarios pueden cambiar su configuración de tamaño de texto a configuraciones extrañas. En realidad, no es extraño cuando el usuario tiene problemas de visión, pero es importante recordar probarlo y acomodarlo. Firefox 3 hace un buen trabajo de ajuste proporcional de texto e imágenes, pero los usuarios que ejecutan otros navegadores antiguos tienen menos control.

Answer 15

Una buena práctica es diseñar el núcleo del sitio dentro de unos 750 píxeles, de modo que el 5% -15% de nuestra audiencia que todavía tiene monitores de 800px pueda leerlo sin desplazarse. Luego puede colocar información menos crucial (publicidad, funciones que no son de misión crítica) en una columna adicional de 250 píxeles a la derecha que será visible para los visitantes con 1024 píxeles o más.

También como sugiere jimharries99, las estadísticas en Internet para pantallas (o navegadores, o lo que sea) pueden no coincidir con su perfil de audiencia, por lo que debe usar análisis para obtener un control sobre su público específico. Por ejemplo, algunos de los sitios que construimos obtienen la mayor parte de su tráfico dentro de una determinada agencia gubernamental que se estandariza en IE6 (otros navegadores prohibidos) y tiene muchas pantallas de 800x600. La audiencia de Wired Magazine, por otro lado, probablemente tenga pantallas más grandes y navegadores más modernos que el promedio.

Answer 16

Tengo un tamaño de pantalla de 1920 X 1200, así que puedo tener varias ventanas abiertas todas a la vez y verlas todas. Si un sitio intentosamente utilizara todo ese espacio por sí mismo, dejaría de ir a ese sitio.

Answer 17

Personalmente, diseño sitios web para que aparezcan como los visualizo en un monitor de 1024 x 768. Soy consciente de que hay personas que escanearán sus navegadores, y personas que también tendrán monitores más grandes y ejecutarán la pantalla completa.

Creo que 1024 x 768 es el nivel adecuado de compromiso en este momento. Al mismo tiempo, trato de asegurarme de que mi sitio se degrada a resoluciones más bajas aceptables para mantener felices a las personas que tienen su navegador ejecutándose en modo ventana. Sin embargo, si las cosas se ponen difíciles y no tengo otra opción, preferiría excluir las resoluciones más bajas y tener mi visión intacta para que el impacto no se pierda.

Sin embargo, con los navegadores modernos, el usuario puede alejarse, por lo que dependiendo del contenido del sitio, el problema de la degradabilidad puede ser discutible: si el diseño es demasiado grande para las res, el usuario simplemente puede alejar la imagen.

Answer 18

Aquí hay dos razones para diseñar sitios a 700-800 píxeles de ancho.

1. El texto es más fácil de leer cuando las columnas no son demasiado anchas. Si usa texto de 400-500 píxeles de ancho, tiene espacio para una columna lateral de 250-400 píxeles que funciona bien para pantallas de todos los tamaños.

2. Sus páginas se imprimen mucho mejor. Ejecuto un sitio con información que muchos usuarios pueden imprimir y con la barra lateral tomada desactivada en el css de impresión, las páginas se ajustan muy bien en una hoja de papel.