¿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

SMS-fraudulento-Renta-2024

Ojo con tu declaración de la Renta 2024: SMS y webs falsas podrían saquearte

La campaña de la Renta 2024 se encuentra activa desde hace semanas. Hacienda llama, como cada año, a millones de contribuyentes para presentar su declaración. Desde hace años, este trámite se puede realizar cómodamente en los canales online habilitados por la Administración. Además de Renta Web, cabe la posibilidad de hacer la operación o simulación

grabar-un-despido-en-TikTok

La (peligrosa) tendencia de grabar un despido en TikTok

TikTok es una red social en la que cabe absolutamente de todo. Y cuando decimos todo, es todo. Una de las últimas tendencias en auge es grabar un despido en TikTok. Si uno hace una búsqueda de contenido desde hashtags como #layoffs y #techleyoffs, encontrará un gran número de vídeos de personas que son echadas

impacto-a-la-IA-Generativa-en-el-cloud-privado

El impacto de la IA Generativa en el Cloud Privado

En este artículo indagamos sobre un término que está muy de moda en estos días: la IA Generativa. Además de describir qué y cuál es su potencial, lo vamos a relacionar con el Cloud Privado, ya que estos entornos pueden dar un gran paso adelante gracias a la capacidad de procesamiento y generación de datos

recetas-de-postres

Conviértete en todo un chef con las recetas de cocina de Alexa

El famoso asistente de voz de Amazon puede hacer casi de todo lo que le pidas, incluidas las recetas de cocina de Alexa. Tras cinco años de vida en España, algo más en Estados Unidos, los datos que maneja la compañía indican que muchas personas recurren a Alexa como su ayudante en la cocina, ya