it-swarm-es.com

¿Cuál es el tamaño de pantalla más pequeño para el que diseña?

Estoy buscando hacer que mi sitio web responda, sin embargo, esta es mi primera incursión en el diseño receptivo, y no tengo ni idea en este momento.

No tengo idea de cuál es el estado actual del juego con respecto a los tamaños de pantalla para teléfonos, máquinas de juego portátiles, etc., por lo que agradecería algunos consejos sobre cuáles son los dispositivos más pequeños para los que diseña actualmente (en píxeles). Sé que hay más variables que esto, pero sería un comienzo.

69
John

¿Cuál es el tamaño de pantalla más pequeño para el que diseña?

320px

Pero, como lo han respondido otros, para obtener los mejores resultados, realmente necesita medir su audiencia y considerar cuántos recursos desea invertir para que su sitio/aplicación funcione para ese <0.1% de usuarios por debajo de su umbral de ancho de pantalla determinado.

Sin embargo, dicho esto, a menos que esté ejecutando un sitio/aplicación oscura para pantallas monocromáticas integradas de 60 píxeles, esencialmente cada uno de sus usuarios tendrá un soporte de ancho de pantalla de al menos 320 píxeles de ancho. Hemos estado usando este número como nuestro umbral y no ha habido ningún comentario negativo al respecto.

(fuente)

33
John Weisz

En primer lugar, ya que es tu sitio, no lo adivines; saber !

Es muy simple. Si aún no lo ha hecho, agregue Google Analytics a su sitio (¡es GRATIS!) =.

A partir de ahí, puede ver qué Dispositivo móvil , Navegador , [~ # ~] os [~ # ~] , Resolución de pantalla , etc. que usan sus visitantes.

Por último, después de tener lo que considera suficientes datos, tome la decisión sobre qué resoluciones desea traducir en consultas de medios CSS para su nuevo sitio ¡receptivo.

31
Code Maverick

Existen límites prácticos en cualquier extremo del espectro IRT max y min dimensiones de la pantalla.

Lo que son puede variar de un proyecto a otro. Sin embargo, en el extremo inferior, 320px es bastante común en estos días (principalmente debido a iPhone y Android en modo vertical).

Sin embargo, siempre hay excepciones, y si su audiencia se ajusta a una de esas excepciones, entonces eso es lo que debe tener en cuenta más que nada.

12
DA01

En este sitio web ofrece información sobre las resoluciones de pantalla http://www.websitedimensions.com/

Según esas estadísticas, la resolución móvil más pequeña es 320px - sin embargo, como se menciona en la tercera tabla, el ancho real (excluyendo la interfaz del navegador) en ese caso puede ser 310px

en caso de que el enlace caduque en el futuro, aquí está el enlace del archivo web: http://web.archive.org/web/20160330034016/http://www.websitedimensions.com/

4
dav

Estoy con @ DA01: los datos del usuario son un punto importante, pero a veces la decisión de responder es sobre los visitantes que desea obtener, no necesariamente sobre los que tiene actualmente. Sé que la web está abierta a todos, pero es posible que desee dirigirse a un público específico que podría no estar accediendo a su sitio porque aún no es apto para dispositivos móviles.

Pero para responder a su pregunta, como regla general apuntaría a un ancho de pantalla de 320 px y más.

3
Marcello

El comentario de Rumi arriba resume bastante bien la realidad del desafío.

Sin embargo, reconociendo que no puede hacer una experiencia ideal para cada dispositivo, al igual que no puede hacer una experiencia ideal para cada persona de cada fondo con cada necesidad, querrá priorizar qué hacer experiencia ideal para Luego, haga que la experiencia sea aceptable y lo mejor posible para todos los demás.

Mire el propósito de su sitio web y los posibles usos. ¿Por qué alguien querría ver su sitio en un dispositivo móvil? ¿Qué estarían esperando hacer? ¿Cómo podría ser diferente de lo que harían/​​esperarían de la experiencia de escritorio? Hay varios campos en cuanto a si y cómo debe dar una experiencia degradada para dispositivos móviles, y no voy a entrar en esos aquí.

Además, mire el análisis de su sitio web. ¿Las personas realmente intentan ver su sitio web en dispositivos pequeños? ¿A qué páginas van a ir? ¿Cuán pequeño? ¿Qué porcentaje del tráfico proviene de dispositivos pequeños?

En mi caso, estoy trabajando en un conjunto de aplicaciones que se integran entre sí. El móvil es una parte muy importante de esto, por lo que aunque solo alrededor del 4% del tráfico al componente de la aplicación web proviene de dispositivos de 320 px (100 ppp), hacemos que funcione bien para ellos. Sin embargo, mi plan a largo plazo es optimizar para dispositivos de hasta 480px-ish mientras hago que las cosas sigan funcionando (con zoom) en las pequeñas resoluciones. Sé que algunas personas no estarán de acuerdo con esto, pero creo que es mejor dar una gran experiencia para la mayor cantidad de personas en lugar de hacer sacrificios que afecten a todos.

Eso probablemente no le dé la respuesta que está buscando, pero con suerte es suficiente para que apunte en la dirección correcta para su situación.

1
conan