Como diseñador web uno de los puntos iniciales a definir antes de empezar la composicion del diseño es, el ancho base de la plantilla, pues de ello depende en gran medida la composición tanto del diseño grafico como del diseño de la información (distribución de contenidos). Ahora bien, bajo que criterios tomamos la decisión? definitivamente no podemos dejar esta decisión al azar o predefinirla igual para todos nuestros proyectos, es por ello que debemos dedicar un par de minutos al análisis del mismo.

El final de los 800×600
“Con solo mirar las estadísticas es fácil descubrir que hay resoluciones de pantalla que cada vez son menos usadas, por ejemplo la resolución 800×600. Pero aun así, tampoco es bueno diseñar solo pensando en resoluciones mayores.”

Identificando el perfil de nuestros visitantes
Antes de basarnos en criterios de diseño y/o programación para definir el ancho de nuestro layout, es vital conocer cual es el perfil de nuestros futuros visitantes, es decir cual estimamos que sera la resolución de pantalla más utilizada por los mismos, este conocimiento nos ubica en una linea de decisión con un enfoque más efectivo para el éxito de nuestro proyecto.

Como ya lo mencionamos la resolución de 800×600 prácticamente esta desaparecida, es por ello que la resolución mínima a considerar sera la de 1024×768 para la cual nuestro layout tendrá que tener un máximo de 960px de ancho para verse perfectamente en ella.

Liquidos o 960px
“Los purista de la usabilidad, es decir los gurus, cuando analizan el ancho de un sitio web suelen recomendar los diseños líquidos es decir width: 100%. ¿Por qué? porque son precavidos, porque intuían que las resoluciones de los monitores tenderían a aumentar cada vez más dejando obsoleto al clásico 800 x 600.

Los monitores probablemente seguirán creciendo de tamaño, pero este crecimiento se detendrá por temas de espacio físico pero la batalla se librará en los dispositivos móviles, con lo cual, lo suyo sería ir al diseño liquido que se adapte a todas las resoluciones.”

width 100% pero cuidando la estética
Si hemos decidido que nuestro diseño se ajustara a las medidas de ancho, debemos de tener el cuidado de no sacrificar demasiado la estética de presentación de nuestro diseño, pues contenedores demasiados olgados (amplios) o contenidos demasiado separados entre columnas podria afectar grandemente la vistosidad del diseño, es por ello que debemos ir previsualizando a cada momento la forma en que se van desplegando cada una de las páginas del sitio.

Por experiencia puedo decir que esta etapa es donde los diseñadores nos enemistamos con los programadores pues, no nos resignamos a ver que nuestros diseños vayan perdiendo la exactitud visual y estetica metrica con la que lo dibujamos. Pero también debo decir que es responsabilidad del diseñador contemplar y asumir la versatilidad y flexibilidad que debe mostrar su diseño y mostrarse a prueba de resoluciones de monitor.

¿Entonces como descubrir el tamaño perfecto para nuestra web?
Aunque todos tenemos diferentes preferencias y todos buscamos resultados diferentes al finalizar un proyecto, considero que el número mágico a la hora de diseñar es 960px, no solo por representar la resolución mínima sugerida sino porque desarrollar nuestro layout con medidas exactas nos permite tener mayor control sobre la forma en se vera el proyecto final en las diversas resoluciones de pantalla, caso contrario ocurre al utilizar un layout liquido, dado que nos exique mayores consideraciones si queremos que se muestre bien en todas las resoluciones.