Un artículo bastante bueno que me encontré el otro día en TecnoCulto hace un pequeño estudio del diseño de algunos de los blogs más famosos.

Me resultará útil para mi futuro diseño… que a propósito… ¡¡ya estoy muy retrasado con él!!

Les dejo la entrada tal y como viene de la fuente:

El blog Smashing Magazine ha realizado un interesante estudio para determinar cómo es el diseño de los 50 blogs más importantes en la lista de los más enlazados de Technorati.

Desde mi punto de vista, sus resultados no deben ser tomados en cuenta con demasiada seriedad para decidirnos sobre el diseño que más nos favorece a nosotros. Como bien saben los que se dedican a estos menesteres, el diseño web no es una serie de reglas, como una receta de cocina. La coherencia, el significado y la eficiencia se consiguen tomando en cuenta el tema del blog, sus lectores, la tecnología que utiliza y las preferencias de los autores. Yo diría que la palabra clave es “armonía”.

De todas formas, es interesante descubrir qué decisiones de diseño han tomado “los grandes”.

DISEÑO

1) Número de columnas:

• El 58 por ciento usa un diseño con 3 o más columnas
• 42% utiliza un diseño de 2 columnas.

2) Diseño centrado o cargado a la izquierda

• El 94% de los 50 blogs más importantes usan un diseño centrado en la ventana del explorador

3) Diseño Fluido, Elástico o Fijo.

• El 92% de los blogs estudiados usa un diseño con ancho Fijo.

4) Ancho del diseño (en los diseños fijos)

• 56%  con ancho de 951 a 1000 pixeles
• 20% con ancho de 900 a 950 pixeles
• 15% con  ancho de 801 a 900 pixeles
• 9% con ancho de 800 pixeles o menos

5) Proporción entre el ancho total y el ancho destinado al contenido.

• 96% de los blogs dedican la mitad (o más) del ancho total al contenido
• 54% dedican entre el 50 y el 60% del ancho total al contenido
• 46% dedican entre el 60 y el 70% del ancho total al contenido.
• En promedio, los blogs usan el 58% del ancho total para el contenido

6) Diseño con CSS o con tablas

• El 90% usan CSS

TIPOGRAFÍA

1) Fondo Negro vs Fondo Oscuro

• El 98% usan texto negro sobre un fondo blanco.

2) Caracteres por línea

Varios estudios confirman que el número de caracteres por línea debe encontrarse entre los 52 y 68 caracteres (tomando en cuenta signos de puntuación y espacios en blanco. Sin embargo, los resultados de los blogs arrojan resultados algo distintos:

• 10% usa 65 a 74 caracteres por línea
• 18% usan 75 a 84 caracteres por línea
• 34% usan 85 a 94 caracteres por línea
• 18% usan 95 a 104 caracteres por línea
• 16% usan 105 o más caracteres por línea

3) Fuente:

• 34% usan Verdana
• 24% usan Lucida Grande
• 18% usan Arial
• 14% usan Georgia
• 6% Usan Trebuchet

4) Tamaño de la fuente

• 34% Usan 12 pixeles
• 30% Usan 13 Pixeles
• 14% usan 14 pixeles
• 12% usan 11 pixeles
• 4% usan 15 pixeles

5) Fuente para los títulos de las entradas

• 30% usan Arial
• 22% usan Georgia
• 8% usan Lucinda Grande
• 8% usan Helvética
• 6% usan Verdana
• 6% usan Trebuchet
• 4% usan Helvetica Neue

6) Tamaño de las letras del título:

• 24% usan 20 a 22 pixeles
• 22% usan 23 a 25 pixeles
• 22% usan 17 a 19 pixeles
• 16% usan 14 a 16 pixeles
• 6% usan 26 a 29 pixeles

CONCLUSIÓN:

En esta primera parte del estudio, resulta evidente que los blogs más famosos utilizan:

Un diseño hecho con CSS de 3 columnas, centrado, con un ancho fijo que se encuentra entre los 951 y los 100 pixeles, de los cuales por lo menos el 58% se destina al texto, con letras oscuras sobre un fondo claro, con 85 a 94 caracteres por línea. La fuente preferida es Verdana de 12 pixeles y para los títulos de las entradas la fuente preferida es Arial de 20 a 22 pixeles.

Vía @ TecnoCulto