¿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.

Deja un comentario

TAMBIÉN TE INTERESA

veentajas-del-marketplace

Ventajas de los marketplaces en plena escalada de precios

Si vendes productos por la web, deberías apostar por los marketplaces, aún en un momento de inflación alta, en plena escalada de precios. La economía se encuentra en un momento difícil: agosto cerró con una tasa de inflación superior a los dos dígitos (10,4%) por tercer mes consecutivo. La incertidumbre ante el invierno impulsa a

OPPO-Reno8-5G

Ya a la venta los nuevos teléfonos OPPO Reno8

OPPO Reno8 es una realidad ya en Europa. La marca hizo una presentación en París para dar a conocer los nuevos productos que llegan directamente al mercado para sumar una feroz competencia. Y es que en pocos años en el mercado del viejo continente, OPPO se ha hecho un hueco importante en el consumidor.  

batería-portátil-DELTA-2

Esta batería portátil es top y acaba de salir a la venta

Tener una batería portátil puede darnos mucha versatilidad para nuestras actividades tanto dentro como fuera de casa. Usamos muchos dispositivos a diario y todos ellos requiere de energía eléctrica para trabajar, por lo que una herramienta que nos aporte dicha energía puede venirnos muy bien en caso de apagones o proyectos en el exterior. EcoFlow,

GoPro-HERO11

GoPro HERO11 Black: las nuevas cámaras para los creadores de contenido

La conocida marca de videocámaras GoPro ha lanzando tres nuevas especialmente concebidas para creadores. GoPro HERO11 llega en tres modelos para satisfacer las necesidades de todo tipo de perfiles y creadores de contenidos.   Índice de contenidos1 El sensor de mayor resolución hasta la fecha2 Las tres cámaras GoPro HERO112.1 Principales tecnologías en las tres

camara-motorola-edge-30-ultra

¿200 megapíxeles? Sí, es lo que tiene el nuevo motorola edge 30 ultra

El furor por los megapíxeles parece estar de vuelta en la fotografía de los smartphones, si bien hay expertos que mantienen que más MP no quiere decir que resulte en mejores fotografías. El nuevo motorola edge Ultra llega al mercado con una barbaridad inédita en el mundo de la telefonía. Cabe destacar también que otras