Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Es hora de Pensar en 1024px?


Ventajas o desventajas de utilizar esta resolución en nuestras páginas web.


29/6/06 - Casi todos los diseñadores web, han estado desarrollando sitios para resoluciones de pantalla 800×600 (esto equivale a un largo máximo entre 760 y 780 Px) .Sin embargo con la llegada de monitores de gran tamaño en pulgadas, surge la cuestión si vale la pena o no aprovechar el espacio sobrante en nuestros diseños. ¿Cuáles son los beneficios? ¿Cuáles son las desventajas? ¿Qué es lo ideal técnicamente hablando? No sugerimos, solo exponemos la información.

Ventajas de usar 1024px en nuestros diseños.

Las ventajas de migrar nuestros diseños o diseñar para esta resolución, parece radicar en el nuevo espacio que se puede aprovechar. En sitios grandes o con demasiada información a veces se hace realmente complejo contener todo lo que brinda un sitio. La necesidad de lograr sitios usables, hace que todo esté en la mano del visitante con un par de clicks. El disponer de mayor espacio de diseño abre un gran campo para resolver estos problemas.

Una ventaja muy apreciable es el hecho de disponer de mayor espacio horizontal, los que hemos estado diseñando solo para 800×600 sabemos lo que eso implica.

Si basamos nuestra maquetación en bloques, podremos notar un mejor aprovechamiento y una forma más fácil de incluir texto y enlaces en cada bloque.

Se puede detectar otra ventaja importante en sitios que utilizan ad-sense de google, u otro sistema publicitario. Es mucho más fácil incluir publicidad “vertical” cuando se posee mayor espacio horizontal. Esto es para mí la principal ventaja de diseñar para 1024px.

Para entender mejor estas ventajas y especialmente ver como se puede implementar en nuestro sitio conviene examinar estos ejemplos:

Tanto el diario clarín como el diario la nación, muy bien diseñados para mi gusto, poseen un acertado uso del espacio para resoluciones 1024Px. C

omo se ven en los ejemplos, se utilizan esos 224px íntegramente como si fuera algo acoplado al diseño original. De esta forma si se ve la página en 800 x 600, el usuario no se pierde nada importante y tiene la posibilidad de pasar con el scroll horizontal para ver información secundaria o menos relevante.


Desventajas de utilizar 1024×768

Lamentablemente no todas nuestras visitas provienen de monitores de gran resolución. En gran medida esto depende de la temática del sitio y de los países de procedencia. Los países con menos posibilidades adquisitivas pueden demorar en migrar todos sus monitores a alta resoluciones. A pesar de esto la mayoría de los portales en inglés ya casi descartan el diseño 800×600. Otra desventaja es lo que padece o sufre un usuario que tiene que moverse horizontalmente para poder ver toda el ancho de una página. Esto es realmente muy molesto. Si no se consideran las resoluciones de pantalla a la hora de diseñar, el diseño puede desvalorizarse visualmente. Cortes de textos, imágenes que quedan truncadas, etc.

Conclusión y opinión del autor:

Particularmente creo que no se deben descartar los usuarios que entran con resoluciones bajas, por una cuestión de accesibilidad y de empatía en nuestro navegante. A mi no me agradaba para nada navegar en sitios con anchos interminables.

¿Que se puede hacer entonces para lograr conformar ambas partes? Creo que lo mejor es utilizar el mismo recurso que usan los diarios digitales, el diseñar con ancho fijos y que las dimensiones se aprecien correctamente en las dos resoluciones.

Otra posibilidad puede ser diseñar para dos resoluciones, por ejemplo, podemos utilizar un script que detecte la resolución del navegante y que se lo redireccione al estilo adecuado. Aquí un código sencillo que puede ser de ayuda.
Si pensamos en nuestros navegantes, ellos pensarán en nosotros.

 Seguir navegando a partir aquí:
+ 1 manual relacionado
+ 1 categoria relacionada
+ 2 comentarios (Añadir)
+ 2 comentarios no revisados

 Autoría, licencia y acciones sobre este artículo

Informe de Leonardo A. Correa*
URL: http://www.webnova.com.ar

Atención: Copyright. Este artículo no se puede reproducir sin la autorización expresa del autor.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Usabilidad en la web

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Usabilidad


 Comentarios de los visitantes
Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.
Se muestran 2 comentarios revisados

 Comentario de Eduard
04/7/06 
Hay un detalle importante que pasas por alto: la resolución de la pantalla no define el área de visualización de la página, es decir, el usuario no tiene por qué maximizar la ventana del navegador y puede preferir mantener visible el escritorio. Personalmente considero preferible un ancho fijo de 760px o un ancho variable a un ancho fijo de 955px.

 Comentario de Mauro
04/7/06 
Investigación de OneStat.com
Cae significativamente el uso de la resolución de pantalla 800x600: http://www.diarioti.com/gate/n.php?id=11787

Añadir un comentario al artículo Añadir un comentario del artículo
 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se han encontrado 2 comentarios sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Usabilidad en la web
Categorías
+Usabilidad

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia