![\"Evolution](\"https:\/\/blogs.sld.cu\/taiz\/files\/2012\/05\/screen-resolutions-1999-2012.jpg\" "\\"Ampliar")
<\/a><\/p>\nLos monitores grandes se han convertido finalmente en la clase m\u00e1s com\u00fan de pantalla de la computadora personal, destronando a la resoluci\u00f3n de 1024 \u00d7 768 que fue por mucho tiempo el objetivo del dise\u00f1o web. La resoluci\u00f3n de 1024 \u00d7 768 se convirti\u00f3 en el tama\u00f1o principal del monitor en el 2004 y acaba de ser destronado por una resoluci\u00f3n de pantalla m\u00e1s grande (solo un poco) de 1366 \u00d7 768, seg\u00fan StatCounter.<\/p>\n
El cambio de 1024 \u00d7 768 a pantallas m\u00e1s grandes realmente ocurri\u00f3 en 2009, pero hab\u00eda tantos tama\u00f1os de resoluci\u00f3n diferentes y tantos tipos de monitores de pantalla ancha, que la medida de 1024 \u00d7 768 celebr\u00f3 su popularidad solo hasta este a\u00f1o.<\/p>\n
El siguiente cuadro muestra la evoluci\u00f3n promediada de los tama\u00f1os de pantalla de la computadora desde 1999 hasta 2012 en todas las fuentes que pude encontrar para cada a\u00f1o. (Promediado reduce la influencia de datos los malos en una estad\u00edstica). Esto es para computadoras personales \u00a0y port\u00e1tiles, no los dispositivos m\u00f3viles.<\/p>\n
Implicaciones de pantallas m\u00e1s grandes<\/h2>\n
El cuadro esclarece varios puntos: La recomendaci\u00f3n antigua fue a hacer que su sitio web se viera mejor en la resoluci\u00f3n 1024 x 768. La nueva gu\u00eda es optimizarlo para los monitores con pantallas de alrededor de 1440 p\u00edxeles de ancho.<\/p>\n Ambas gu\u00edas, vieja y nueva, vienen con una advertencia importante: aseg\u00farese de que el dise\u00f1o funciona casi por igual en varios tama\u00f1os por arriba y por debajo de la meta principal. As\u00ed, el t\u00e9rmino “optimizar para tal resoluci\u00f3n” definitivamente no debe ser interpretado como “s\u00f3lo trabajando en tal resoluci\u00f3n.”<\/p>\n Durante la pr\u00f3xima d\u00e9cada, es seguro asumir que las tendencias de 1999-2012 continuar\u00e1n: Existe una tendencia m\u00e1s que no se muestra en el gr\u00e1fico: el cambio de forma de las pantallas casi cuadradas (4:3) para pantallas panor\u00e1micas, que a menudo tienen la relaci\u00f3n de aspecto 16:9 propia del televisor de alta definici\u00f3n<\/strong>.<\/p>\n Las pantallas que son muy anchas, pero no particularmente altas, se corresponden con el sistema visual humano. Sin embargo, no se ajustan a la forma en que actualmente se realiza el dise\u00f1o de p\u00e1ginas web: hoy la mayor\u00eda de los dise\u00f1os web son bastante estrechos y muy largos<\/strong>.<\/p>\n Los dise\u00f1adores deben empezar a experimentar con formas de utilizar el espacio horizontal de la pantalla<\/strong> y crear p\u00e1ginas web que mejoran la facilidad de uso para las personas con grandes monitores y monitores de pantalla ancha. (Tambi\u00e9n se deben utilizar m\u00e9todos de dise\u00f1o que respondan a \u00a0las peque\u00f1as pantallas (m\u00f3viles, ipods, etc.), que estar\u00e1n con nosotros hasta el final de la d\u00e9cada.)<\/p>\n Traducido de:<\/p>\n
\n\u2022 Los cambios en los tama\u00f1os de pantalla ocurren lentamente<\/strong>. Una vez que las personas adquieren un monitor, no lo actualizan en a\u00f1os, incluso si se compran una nueva PC. En particular en los entornos corporativos, a pesar de los beneficios de productividad que implica otorgar a todo el personal de alta remuneraci\u00f3n, un monitor de 30 pulgadas (o m\u00e1s grande, si est\u00e1 disponible).
\n\u2022 Las pantallas peque\u00f1as para computadoras personales son finalmente tan raras que no hay que dise\u00f1ar para ellas<\/strong>. Pero por otro lado, las pantallas de los m\u00f3viles, que son incluso m\u00e1s peque\u00f1as, se han vuelto tremendamente \u00a0populares. Yal final, de todos modos, debemos tener en cuenta las peque\u00f1as pantallas\u00a0 \u00a0:-(
\n\u2022 Las pantallas grandes son ahora la clase de monitor de escritorio m\u00e1s com\u00fan<\/strong> (1280-1600 p\u00edxeles de ancho). Yo llamo a estas pantallas “grandes” s\u00f3lo en comparaci\u00f3n con los que le precedieron. En realidad, incluso el tama\u00f1o de la etiqueta “enorme” en el cuadro \u00a0es demasiado peque\u00f1o para la productividad m\u00e1xima del trabajador.
\n\u2022 En los estudios de usabilidad<\/strong>, la regla de oro es siempre hacer las pruebas en el equipo utilizado por la mayor\u00eda de los clientes. Ahora se debe ejecutar la mayor parte de los estudios con los monitores \u00a0“grandes”. Pero tambi\u00e9n se deben ejecutar unas cuantas sesiones en monitores “medios” y “muy grandes” para asegurar que el dise\u00f1o sigue siendo \u00fatil para las personas con diferentes tama\u00f1os de pantalla.
\n\u2022 Para el dise\u00f1o web<\/strong>, siempre he recomendado evitar dise\u00f1os “congelados” y en su lugar, asegurar que su dise\u00f1o pueda ser escalado a varias resoluciones de pantalla (sobre todo porque el n\u00famero realmente importante es la resoluci\u00f3n de la pantalla del navegador, que normalmente es m\u00e1s peque\u00f1a que la pantalla completa, sobre todo en monitores grandes).
\n\u2022 Sin embargo, usted siempre debe proponerse como la mejor de las opciones<\/strong>, aquella donde el dise\u00f1o funcione mejor (lo mismo para pantallas m\u00e1s grandes y como para las m\u00e1s peque\u00f1as). Desde 2010, el objetivo central del dise\u00f1o han sido las pantallas grandes. Durante unos pocos a\u00f1os m\u00e1s, va a ser m\u00e1s seguro enfocarse en las pantallas que est\u00e9n en el rango inferior de la categor\u00eda “grande”.<\/p>\nA favor de los grandes monitores de pantalla ancha<\/h2>\n
\n\u2022 La preferencia por los diferentes tama\u00f1os de monitores m\u00e1s peque\u00f1os se reducir\u00e1 gradualmente. Esto ocurrir\u00e1 lentamente, pero va a suceder.
\n\u2022 Las pantallas con la etiqueta “grande” en mi cuadro pronto comenzar\u00e1n a quedar fuera.
\n\u2022 Las pantallas que yo llamo “enormes” comenzar\u00e1n a tomar m\u00e1s protagonismo.
\n\u2022 Y tama\u00f1os a\u00fan mayores van a surgir (\u00bf”s\u00faper grandes”?)<\/p>\n