¿En que resolución de pantalla diseñar?
Resúmen: ¿Para qué resolución de pantalla diseñar la web? ¿utilizar un diseño flexible o líquido? algunas ideas para resolver esta cuestión.
Esta interrogante se planteo y dio mucho que hablar durante los últimos años, buscando estadísticas sobre las resoluciones adoptadas por los usuarios me encuentro con que la resolución mas utilizada es 1024×768 que se lleva un 54% seguido de las resoluciones mas altas con un 26%, algo completamente comprensible teniendo en cuenta la aparición de las pantallas widescreen que hoy tan comúnmente vemos.
Las estadísticas de las resoluciones de los navegadores según W3 Schools:
Teniendo en cuenta estos numeros.
¿Para que resolución de pantalla diseñar?
Todo indica que la resolución ganadora debería ser 1024×768 pero todavía existe un porcentaje que a mi entender es bastante importante de personas con una resolución de 800×600 (14%) y otro porcentaje importante de personas con resoluciones mayores a los 1024.
Los diseños Líquidos o flexibles
Un diseño flexible es aquel que se amolda a todas las resoluciones de pantalla, es la solución aparentemente ideal ya que con un diseño así no dejamos a nadie afuera. Lo malo de estos diseños es que tienen que estar muy pero muy bien armados sino queda toda la información “desparramada” y posiblemente termine dificultando la lectura al visitante. Puedes ver más información en el artículo sobre diseños líquidos y fijos.
Y entonces ¿en que quedamos?
Es muy difícil cumplir con todos, pero algo que me di cuenta es que no todos los mercados son iguales, es decir, probablemente si tu proyecto en cuestión esta dirigido a geeks las resoluciones sean iguales o mayores a los 1024×768, en cambio si tu proyecto esta orientado a una temática que poco o nada tiene que ver con lo tech las resoluciones sea de 1024 para abajo. Una buena manera de descubrir esto es buscar foros o sitios donde sabemos que nuestro publico target frecuenta y mirar si tiene las estadísticas disponibles. De ahi ya podemos crear un perfil de nuestros futuros visitantes.
Otra cosa importante es evaluar realmente que área útil realmente necesitamos, de nada sirve un diseño adaptado a widescreen si solamente mostraremos un botón. Esto es muy contraproducente, cuando la pantalla nos queda “grande” lo mas probable es que el visitante se pierda.
Para ir cerrando creo que lo mejor es conocer a nuestros visitantes, los diseños líquidos son una solución muy buena pero siempre que esten bien diseñados, en lo personal prefiero los diseños compactos y claros a un diseño que ocupe toda la pantalla y termine confundiéndome.
Publicado el 06/02/2008, última actualización 06/02/2008.
Seguir @laweberaAutor: Pablo
URL: Kabytes
Añadir Comentario
Manuales y Artículos Web
- Artículos para páginas web
- Buscador para páginas web: Google Site Search
- Cómo Aumentar el Ratio de Conversión del Tráfico en Adsense
- La seguridad también es un tema de los diseñadores de páginas web (primera parte)
- La importancia del diseño en los blogs
- CSS avanzado: la propiedad “white-space”
- Análisis de palabras clave para un buen posicionamiento en buscadores
- La Web 2.0: nuevos retos para el posicionamiento en Internet
- Utilizar un loading o imagen de carga con CSS
- Utilizar las redes sociales para la promoción de páginas web
- Opciones de software para colocar un buscador en una página web. Scripts para buscador interno
- 5 consejos para llegar a ser un programador
- Insertar videos de YouTube con XHTML válido
- 11 pequeños secretos de Adsense que debes conocer
- ¿Qué aporta jQuery al desarrollo web?
- Crea tu página web con Joomla. 2ª parte
- La anatomía de un RSS
- 5 errores de diseño que arruinarán fácilmente tu blog
- Mejorar el rendimiento de los anuncios de Adsense
- Pasar de HTML a XHTML
- Rastrear a los robots de buscadores
6 Cometarios
Gracias porque existan Web como lawebera, a mi me ha ayudado bastante en un problema que no entendia, espero ser un asiduo, saludos de Gran Canaria
Lunes, 25 de febrero 2008
Siempre disfruto cuando me envian trabajos publicados en la pagina , viendo las cosas maravillosas que hacen .
Agradezco que por casualidad encontre un dia la Webera , ahi encontre mucho material de packging … hoy agradezco infinitamente el boletin N° 17 , por toda la informacion sobre paginas web , espero seguir recibiendo el boletin asiduamente….
Mis felicitaciones y un abrazo para quienes realizan esta pagina maravillosa :))
Domingo, 2 de marzo 2008
Chomanuel y Carola muchas gracias por vuestras palabras. Los ánimos y felicitaciones siempre son bien recibidos y ayudan a seguir trabajando con más ganas.
Un saludo y me alegro de que la página os ayude. Para cualquier cosa no dudéis en contactarnos.
Lunes, 3 de marzo 2008
Hola Verónica un saludo desde Gran Canaria,espero que te encuentres bien, lo dicho si vienes por aqui estas invitada, este verano tengo casas libres en la Finca asi que una semana o un fin de semana no hay problemas, este invierno la pase bastante mal con una neumonia, por eso estaba desaparecido, voy ha empezar con un proyecto bastante grande sobre viajes y vacaciones pues Turismo es la especialidad en la que mejor me muevo, seguro que necesitare alguna colaboracion, en este caso ya lo comentaré y si alguien esta dispuesto hablamos, tengo que estudiar el planteamiento primero. Un saludo para todos, Chomanuel
Martes, 26 de mayo 2009
[...] el layout o estructura de tu diseño web, procura que tu web también se vea bien en ella aunque diseñes para resoluciones de 1024×768 o mayores. Si no tienes en cuenta resoluciones de navegador inferiores puedes estar dejando de lado [...]
Viernes, 18 de diciembre 2009
[...] las dificultades más importantes a la que se enfrentarán los diseñadores web es la cantidad de resoluciones de pantalla diferentes que emplean los usuarios de Internet. El diseñador empleará un monitor y un navegador [...]
Miércoles, 27 de enero 2010