El 90% de los visitantes del sitio web rebotan debido a un diseño deficiente. Las razones clave de esto están relacionadas con la usabilidad y abarcan varios factores, incluida la capacidad de respuesta móvil.
La importancia de una experiencia de usuario fluida y en todos los dispositivos y el diseño con varios dispositivos en mente no se puede enfatizar lo suficiente.
Es por eso que en este artículo lo guiaremos a través de las resoluciones de pantalla más comunes para las que deben diseñarse los sitios web receptivos.
Siga leyendo para averiguar si debe optar por un dispositivo móvil primero o receptivo. diseño.
Por qué las dimensiones del sitio web son importantes en el diseño y desarrollo web
Según StatCounter, la cuota de tráfico en mayo de 2020 se generó a través de:
- Móvil (50,34%)
- Escritorio (46,67%)
- Tableta (2,99%)
El entorno de interacción web es diverso. Y para garantizar una experiencia de usuario sobresaliente en todos los dispositivos, las empresas están obligadas a invertir en diseño de respuesta móvil.
Wireframing es la etapa en la que los diseñadores web crean experiencias de escritorio y móviles, distribuyendo los elementos para ambas vistas.
La mayoría de los diseñadores utilizan una resolución de escritorio estándar y una de móvil estándar para escalar diseños y garantizar una experiencia de usuario fluida en todos los dispositivos.
Las marcas que desean un sitio web y una experiencia de usuario verdaderamente innovadores tomarán incluso más aspectos en mente en la etapa de wireframing, incluidos:
- Vistas de escritorio, tableta, dispositivos móviles
- Vistas verticales y horizontales
- Navegadores
¡Haga clic aquí!
Cómo decidir qué dimensiones del sitio web utilizar, es decir, para qué resolución de pantalla optimizar su sitio web
El primer paso para determinar las mejores dimensiones web en las que centrarse es averiguar en qué Tamaños de pantalla que posee su mercado objetivo.
Comience por observar los datos demográficos de su audiencia.
Los datos demográficos pueden determinar qué dispositivos usan sus clientes potenciales para acceder a su sitio web.
Esto es lo que debe tener en cuenta:
- Edad: investigue la marca / modelo de dispositivo más popular entre el grupo de edad al que se dirige. YouGov es un recurso excelente y actualizado que realiza un seguimiento de estas tendencias y filtros
- Género: recursos como YouGov también pueden permitirle filtrar los dispositivos más populares entre géneros, lo que le permite comparar los dispositivos por grupo de edad y sexo de destino.
- Ubicación: ingresar a una información más detallada y detallada, agregar tendencias locales lo ayuda a enfocar su enfoque.
- Ingresos: si está orientando audiencias de altos ingresos, su sitio web tendrá que ser puntual y funcionar sin problemas en los dispositivos más recientes y de vanguardia.
¡Encuéntrelos aquí!
Diseño web adaptable frente a móvil primero: cuál elegir
Los dispositivos móviles (excepto las tabletas) representan la mitad del tráfico web mundial. De hecho, en mayo de 2020, los teléfonos inteligentes generaron el 50,44% de las visitas a páginas web a nivel mundial.
Estas cifras hacen que las empresas inviertan en sitios web que funcionan bien en teléfonos inteligentes.
Sin embargo, uno Una de las mayores preocupaciones es si deben invertir en diseño web adaptable o en dispositivos móviles.
Los diseñadores crean un diseño web adaptable que se adapta al escritorio, con la resolución máxima requerida, y luego lo ajustan para pantallas más pequeñas .
El proceso de desarrollar un diseño para dispositivos móviles, por otro lado, es muy similar al diseño de una aplicación móvil donde los diseñadores web luego la adaptan para el uso de escritorio o tableta.
En En este caso, el diseño general se adapta perfectamente a los dispositivos móviles y se escala hacia arriba (en lugar de hacia abajo) para completar la vista de escritorio.
Con el creciente uso de dispositivos móviles, podemos ver que los compradores B2B no son realmente diferentes de los B2C.
Por eso, el 65,8% de las empresas B2B planean mejorar las experiencias móviles de sus sitios web.
¿Cuáles son los mejores sitios web? instrucciones para usar en 2021?
Esta es una pregunta complicada que tiene una respuesta simple.
No existe una talla única.
¿Qué funciona mejor para otros sitios web puede no funcionar para usted.
Y en lugar de centrarse en las mejores dimensiones de la página web y crear páginas web para varios dispositivos, primero debe diseñar para su audiencia.
Hoy todo se trata de la experiencia del usuario, y debe asegurarse de obtener un diseño receptivo para mantener satisfechos a sus clientes potenciales.
¿Cómo verificar si su sitio web es compatible con dispositivos móviles?
Google ofrece una prueba gratuita para dispositivos móviles en la que puede descubrir si sus páginas web son fáciles de usar en dispositivos móviles.
Simplemente agregue la URL o el código de su sitio web y descubrirá la puntuación de su página.
En cuestión de segundos, obtendrá sus resultados y sabrá si sus diseñadores le entregaron el diseño que prometieron.
Las 5 resoluciones de pantalla de escritorio más comunes en todo el mundo
Según StatCounter, las resoluciones de pantalla de escritorio más utilizadas entre marzo de 2019 y marzo de 2020 son:
- 1366×768 (22,98%)
- 1920 x 1080 (20,7%)
- 1536 x 864 (7,92%)
- 1440 x 900 (7,23%)
- 1280 x 720 (4,46%)
Las cinco resoluciones de pantalla móvil más comunes en todo el mundo
Cuando se trata de las resoluciones de pantalla más comunes de los teléfonos inteligentes, entre marzo de 2019 y marzo de 2020, los diseñadores de todo el mundo prefirieron utilizar las siguientes tamaños:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5.31%)
- 375×812 (5.01%)
Las 5 resoluciones de pantalla de tabletas más comunes en todo el mundo
Entre marzo de 2019 y marzo de 2020, la Las resoluciones de pantalla de tabletas en todo el mundo fueron:
- 768×1024 (51.43%)
- 1280×800 (7.28%)
- 800×1280 (5.26%)
- 601 x 962 (4,32%)
- 962 x 601 (2,99%)
Las 15 resoluciones de pantalla más comunes en los EE. UU.
Estos son los tamaños de pantalla más comunes por los que debe optar en 2021:
Escritorio más común Resoluciones de pantalla en EE. UU.
Según los datos de StatCounter, entre marzo de 2019 y marzo de 2020, las resoluciones de pantalla más comunes para computadoras de escritorio en EE. UU. Fueron:
- 1920×1080 ( 19,57%)
- 1366 x 768 (14,88%)
- 1440 x 900 (9,18%)
- 1536 x 864 (7,22%)
- 1024 x 768 (4,73%) )
La mayoría de las n Resoluciones de pantalla de dispositivos móviles en EE. UU.
Durante el mismo período de tiempo, las resoluciones de pantalla más comunes para teléfonos móviles en EE. UU. fueron:
- 414×896 (19,44%)
- 375 x 667 (13,67%)
- 375 x 812 (12,3%)
- 414 x 736 (8,91%)
- 360 x 640 (8,21%)
Resoluciones de pantalla de tabletas más comunes en EE. UU.
Los diseñadores de EE. UU. prefieren diferentes resoluciones de pantalla de tabletas y crearon tamaños de página web para las siguientes dimensiones:
- 768×1024 (55.64%)
- 1280×800 (5.74%)
- 800×1280 (5.31%)
- 601×962 (5.14%)
- 962×601 (3,2%)
¡Encuéntrelas aquí!
Conclusiones sobre las dimensiones del sitio web
Las dimensiones del sitio web y el tamaño de las páginas web son importantes porque una sola mala experiencia en el sitio puede repeler a los usuarios de una vez por todas.
Dado que los usuarios acceden a la web desde dispositivos móviles, incluidos teléfonos inteligentes y tabletas, existen dos tipos de diseño web entre los que puede elegir para optimizar su sitio web para diferentes dispositivos:
- Respuesta móvil
- Primero en dispositivos móviles
Independientemente de las dimensiones que elija, asegúrese de diseñar para su audiencia y considere su:
- Edad
- Género
- Ubicación
- Ingresos
Esto lo ayudará a mejorar la experiencia del usuario, aumentar el tiempo de permanencia y mejorar la clasificación en los motores de búsqueda.