¿Cómo el tamaño de la pantalla y la resolución influyen en el diseño web?

¿Cómo el tamaño de la pantalla y la resolución influyen en el diseño web?

¿Cómo el tamaño de la pantalla y la resolución influyen en el diseño web?

VALORACIÓN DEL ARTÍCULO:
5/5


La resolución de la página web es un gran problema. Muchos sitios que enseñan diseño web han escrito sobre ello y dependiendo de quién usted crea, usted debe diseñar páginas para el mínimo común denominador (640×480), la resolución más común (800×600), o la más vanguardista (1280×1024 o 1024×768). Pero la verdad es que usted debe diseñar su sitio para los clientes que vienen a él.

Datos sobre las resoluciones de pantalla

  • 640×480 no está muerto
  • Mientras que 640×480 no es tan común como solía ser, esta resolución sigue existiendo. Los equipos más antiguos, los portátiles con pantallas más pequeñas, los netbooks y las personas que necesitan fuentes más grandes utilizan esta resolución. Incluso si decide no diseñar su página con esta resolución, debería probar su sitio con esta resolución.
  • 800×600 es muy común
  • Muchas guías de diseño de sitios web recomiendan diseñar sitios web con una resolución de 800×600. Aunque esta resolución es más común en la web en general, puede que no sea el caso de sus clientes. Si está planeando rediseñar su sitio web, tómese unas semanas para analizar las estadísticas de su navegador y determinar las resoluciones más comunes utilizadas por sus clientes.
  • 1024×768 es mucho más común
  • Las pantallas son cada vez más grandes y 1024×768 es el otro tamaño popular para el diseño porque muchos diseñadores tienen monitores que lo soportan de forma nativa. Pero esta resolución puede ser bastante difícil de leer para muchas personas. Un monitor de ordenador portátil de 14 pulgadas puede soportar 1024×768, pero el texto es prácticamente ilegible. Y los portátiles son muy populares.
  • 1280×1024 y mayores son menos comunes
  • En la mayoría de los casos, verá estas resoluciones más grandes en los equipos de escritorio o en los portátiles de gama alta. Pero a menudo en estos tamaños más grandes, los clientes no están navegando a pantalla completa. Por lo tanto, el diseño de un sitio que es más ancho de 1000 píxeles va a causar barras de desplazamiento horizontales en la mayoría de las pantallas.

Tenga en cuenta estos consejos de resolución

  • No todos maximizan su navegador
  • Si determina que sus clientes navegan a 1024×768, es posible que esté construyendo páginas que requieran desplazamiento horizontal. Por qué? Porque mientras están navegando con esa resolución, no maximizan la ventana de su navegador, por lo que 800×600 podría encajar mejor en la ventana de su navegador.
  • No olvide el navegador chrome (no el navegador Google Chrome)
  • Los navegadores restan hasta 50 píxeles a la derecha y a la izquierda, y 200 píxeles en la parte superior e inferior para su propio uso en cosas como barras de desplazamiento, barras de herramientas y el contenedor de la ventana. Esto se llama browser chrome. Así que si crea una tabla de 800 píxeles de ancho, los clientes con navegadores maximizados en pantallas con una resolución de 800×600 tendrán que desplazarse horizontalmente.

Cómo manejar el tamaño de la pantalla en función de la resolución

  1. Determine quién visita su sitio: Revise sus archivos de registro web, o ponga una encuesta o un script para determinar qué resolución utilizan realmente sus lectores. Utilice el script del tamaño de un navegador real para hacer un seguimiento de sus lectores.

  2. Basa tus rediseños en tus clientes: Cuando rediseñe su sitio, constrúyalo basándose en los hechos de su sitio web. No lo base en estadísticas de «la web» ni en lo que dicen otros sitios. Si construye un sitio que se ajuste a la resolución que utilizan sus clientes, los mantendrá mucho más contentos.

  3. Pruebe su sitio en varias resoluciones: Cambie su propio tamaño de pantalla (cambie la resolución de pantalla de Windows o de Macintosh) o utilice una herramienta de prueba.

  4. No espere que sus clientes cambien: No lo harán. Y ponerles restricciones sólo les anima a marcharse.

TAMBIÉN TE INTERESA

pagos por WhatsApp con Silbo

Silbo ensaya con un proyecto que es el deseo de muchos: pagos por WhatsApp

Aunque el dinero en efectivo tenga aún muchas resistencias en España, es evidente que ha entrado en una condición de peligro en extinción. Bizum triunfa y próximamente los pagos por WahstApp serán una realidad. Esta función de la plataforma de mensajería instantánea más popular en España es uno de los grandes deseos de la comunidad.

GeForce RTX Serie 50

GeForce RTX Serie 50: el futuro de las gráficas y de la IA ya está aquí

NVIDIA ha presentado sus GPUs GeForce RTX Serie 50 para ordenadores de sobremesa y portátiles. Con este lanzamiento, se abre una nueva era para el futuro de los dispositivos, los cuales estarán impulsados por la inteligencia artificial en todas sus variantes. Impulsadas por la arquitectura NVIDIA Blackwell, los núcleos Tensor de quinta generación y los núcleos

OnePlus 13

El móvil del año 2025 llega muy pronto: ya a la venta el OnePlus 13

Justo después de Reyes, OnePlus 13 salía el mercado europeo tras debutar en el asiático semanas atrás. Smartphone bestial donde los haya, muy equilibrado, potente y muy duradero. Eso sí, el precio supera los 1.000 euros. Pero es que puede ser el móvil del año. Seguramente la competencia mire con detalle todo lo que puede