user-interface - que - medidas web responsive 2018

¿Qué tan importante es hacer que el diseño de su sitio web se ajuste a las pantallas de baja resolución? (18)

¿Puedo sugerirle que use un diseño de tamaño automático que se ajuste 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

¿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ótico" significa que no brinde respuestas como "Conozco a mucha gente que usa 640x480" o "mi madre corre en 800x600, así 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 me preocupan las pantallas extremadamente pequeñas como las de los PDA y los teléfonos celulares (al menos no por el momento). Solo estoy hablando de monitores de escritorio / laptop.

Acabo de consultar los datos de 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%

Tal vez pueda obtener la configuración de Google Analytics en el dominio con anticipación y recopilar cierta información sobre los visitantes.

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

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

Aquí hay una publicación de blog interesante que brinda estadísticas específicas basadas en 6 millones de visitas durante febrero de este año a los sitios de esta red en particular.

Los dos primeros: 47% 1024x768 y 30% 1280x1024

Aunque estoy de acuerdo en que 1024x768 es generalmente una buena resolución de escritorio mínima, parece que he pasado mucho 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 que las personas querrían conectar. para alejarse del escritorio y saber cómo funciona su sitio en dispositivos portátiles.

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 mirar grandes sitios como la 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 se vea patético: o)

Aquí está la fuente que suelo usar para las estadísticas web con sus estadísticas de agosto de 2008 que muestran 800x600 al 7%.

Creo que la verdadera respuesta es diseñar su sitio de manera que se degrade graciosamente 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 se ejecute a 1280x1024 no significa que su navegador web se maximizará: algunas personas insisten en ejecutar todo en una ventana no maximizada (creo que Mac usó para hacer cumplir esto). 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 tenga, a veces el cliente lo quiere píxel perfecto para lo que el Photoshop diseñó con un enorme monitor. Solo 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)

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

Diseñamos una aplicación web para un cliente que debía usarse internamente (realmente 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 que se implementó la aplicación, había tickets 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.

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.

@Todo, 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.

Personalmente, diseño sitios web para que aparezcan tal 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.

Siento que 1024 x 768 es el nivel correcto 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, un usuario puede alejarse, por lo que dependiendo del contenido del sitio, la cuestión de la degradabilidad puede ser discutible: si el diseño es demasiado grande para las res, el usuario simplemente puede alejarse.

Según Alertbox de Jakob Nielsen , 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.

¿Qué tan 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.

Si puede hacer que su sitio web soporte resoluciones ligeramente más bajas que probablemente valgan la pena. De esta manera, las personas pueden ejecutar su sitio web en una ventana de pantalla no completa y se verá bien y no tendrá feas barras de desplazamiento.

Además, los "netbooks" como el Asus EEE están ganando popularidad y generalmente tienen pantallas pequeñas (9-10 ") con resoluciones muy modestas (por ejemplo, 800x480 o 1024x600).

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

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 el perfil de su 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.

Valve recolecta datos a través de steam sobre las capacidades de las máquinas que se conectan a ellos, puedes ver los resultados aquí:

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

Tenga en cuenta que estos son sistemas de videojugador y tienden a ser más poderosos que la PC promedio en la calle, como puede ver, no hay muchos sistemas por debajo de 1024 * 768.

W3Schools rastrea una variedad de estadísticas del navegador, incluida la resolución de la 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.

agregue Google Analytics a su sitio, es gratis, los datos solo serán sobre su audiencia

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