Tengo análisis de varias aplicaciones web dirigidas al público en general. Las resoluciones de pantalla más comunes para computadoras de escritorio son 1280 x 800 y 1280 x 768.
Sin embargo, al hacer esta pregunta, puedo decir que entiende que el diseño web es defectuoso.
Debería diseñar para todas las resoluciones de pantalla y todos los tamaños de ventana.
- ¿Cuál es el creador de sitios web más personalizable?
- Para un proyecto de desarrollo web, ¿preferiría usar el IDE de WebStorm o el código de Visual Studio?
- Cómo recuperar datos de una base de datos utilizando un servlet
- ¿Qué es un procedimiento paso a paso para construir una plataforma similar a Kmikeym.com?
- ¿Por qué Java es más seguro que Dot Net?
Con la reciente afluencia en la navegación móvil, las resoluciones de pantalla grande se están convirtiendo rápidamente en algo del pasado. Con el lanzamiento de dispositivos más pequeños tan rápidamente, es probable que las cosas no vuelvan a ser como solían ser en el corto plazo.
Además, aunque es bueno tener en cuenta el diseño para la resolución de pantalla, no es una solución ideal. Muchos usuarios no ven sus navegadores en pantalla completa, por lo que realmente deberíamos diseñar el tamaño de la ventana.
Entonces, con tantas resoluciones de pantalla y tamaños de ventana diferentes en uso, optimizar su sitio web para una resolución de pantalla realmente no tiene sentido. Si por alguna razón, se viera obligado a elegir uno, debido a limitaciones de tiempo o de otra manera, optaría por 1280 x 768. Este es más o menos el estándar de referencia en estos días en lo que respecta a la navegación de escritorio. Sin embargo, debe diseñar su sitio para todos los tamaños de ventana utilizando un diseño receptivo.
El diseño web receptivo es el proceso de usar consultas de medios CSS para identificar en qué tamaño de ventana está configurado el navegador del usuario, y luego adaptar el diseño del sitio para adaptarlo. No es raro tener 4-5 variaciones diferentes de su sitio, una para cada tamaño de ventana.
De esta forma, los iPhones obtienen una versión, los ipads obtienen otra, las computadoras de escritorio pequeñas obtienen otra y las computadoras de escritorio grandes obtienen otra. El proceso es similar a cómo puede verificar la compatibilidad entre navegadores, comenzando con los navegadores modernos y luego arreglándolo en IE7. Excepto con un diseño receptivo, comenzaría diseñando su sitio para móviles, haría que el sitio se viera bien y luego haga un diseño diferente para resoluciones más grandes, ipads y cualquier otra cosa que desee. Este proceso se conoce como ‘móvil primero’.
Puede encontrar muchos recursos en Google para ayudarlo a aprender más sobre el diseño web receptivo.