El diseño de los blogs famosos II

Smashing Magazine; a small study of big blogs; Further Findings

Hace unos días, resumía un excelente artículo del blog Smashing Magazine en el cual mencionan algunas de las características del diseño de los 50 blogs más importantes (según Technorati).

A manera de recordatorio, he aquí las conclusiones de ese primer artículo:

Los top-blogs usan:

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.

Bueno, pues Smashing Magazine ha publicado la segunda parte de este artículo, y he aquí un resumen del mismo:

Estructura

El diseño de la información es más importante que el diseño visual. La estructura y jerarquía del contenido (la manera en que el contenido es presentado), tiene un tremendo impacto en cómo los visitantes perciben la información que se presenta y qué tan bien pueden escanearla cuando buscan cierta información específica.

1) Navegación: ¿Arriba, a la izquierda o a la derecha?

Hace unos años, antes de que la ola de los blogs inundara la web, era una regla no escrita ubicar el menú de navegación en la parte izquierda del diseño.

58% tiene el menú de navegación a la derecha
52% Usa un menú primario de navegación en la parte de arriba (usualmente en combinación con un menú secundario a la derecha)
12% Tiene un menú de navegación a la izquierda

Muchos de los usuarios prefieren el menú de navegación a la derecha, por la simple y sencilla razón de que el 70 al 95% de las personas son diestras y el puntero del mouse por lo general pasa más tiempo del lado derecho del monitor que en la parte izquierda (lo que podría ser inverso para los zurdos). Además, la barra de scroll se encuentra, habitualmente, del lado derecho, y muchos la usan para subir o bajar por la página, aún cuando el mouse tenga rueda de scroll. De esta forma, muchos de los elementos que “controlan” la página se ubican de forma natural del lado derecho.

2) ¿Cuántas entradas en la página principal?

Desde el punto de vista del usuario, no hay nada peor que la excesiva carga cognitiva que es ocasionada por la abundancia de información de un sitio. Es difícil hallar la óptima cantidad de contenido que debe ser presentado al lector. Esto es crucial para mantener el interés de los lectores. De otra manera (y en el mejor de los casos) el usuario pondrá un bookmark a la página y no volverá a ella. O también puede suceder que simplemente cierre la ventana del navegador y se olvide del blog.

28% tienen entre 14 a 18 posts en la página inicial.
26% Tienen de 10 a 12 posts
14% tienen de 20 a 26 posts
10% tienen de 2 a 6 posts
10% tienen de 27 a 35 posts
8% tienen de 7 a 9 posts
2% tienen 36 o más posts

3) Posts Relacionados y Posts Populares

54% tienen enlaces a posts relacionados
48% tienen enlaces a posts populares
16% muestran los comentarios recientes

4) ¿Qué información se presenta al pie de la página (footer)?

90% contiene copyright, información legal, privacidad, condiciones del servicio (TOS) y condiciones de uso
40% tiene un enlace a “about us”
38% tiene enlaces para los anunciantes
30% tiene enlaces para el contacto
22% tiene enlaces a las fuentes RSS
22% contiene enlaces a Preguntas más comunes (FAQ) y Ayuda
14% tiene un cuadro de búsqueda
10% tiene un enlace a la parte superior de la página
8% tiene un enlace al sitemap

Publicidad

1) ¿Cuántos anuncios por página?

12% tiene links con pop-ups (ventanas emergentes)
En promedio, hay 5.84 bloques de anuncios en la página de inicio
En promedio, hay 5.96 bloques de anuncios en las páginas individuales de los artículos
68% de los blogs usan Google Adsense

2) ¿Hay anuncios en el área de contenido?

76% no tiene anuncios en el contenido (pero pueden tenerlos arriba o abajo del artículo)
44% tiene anuncios debajo del artículo y arriba de los comentarios
18% tiene anuncios dentro del contenido
6% tienen anuncios entre el título y el cuerpo del artículo

3) ¿Dónde se ubican los anuncios en el diseño de la plantilla?

12% tienen anuncios arriba, abajo, a la derecha y a la izquierda de la página
88% muestra anuncios a la derecha de la página
42% muestra anuncios en la parte superior
34% usa anuncios a la izquierda
24% usa anuncios en la parte inferior
8% no usa anuncios

Funcionalidad

1) Botones e íconos a sitios sociales

54% usa íconos sociales debajo del artículo
38% no usa íconos sociales
8% usa íconos sociales por encima del artículo

2) Fuentes RSS

38% usa un botón RSS en la cabecera de la página
28% usa un botón RSS en la parte superior del sidebar
8% usa un botón RSS en la parte media del sidebar
14% usa un botón RSS en la parte inferior del sidebar
8% usa un botón RSS en la parte inferior (footer)
66% usa un ícono RSS (los demás usan un link de texto)
64% usa sólo 1 ícono RSS
56% ofrecen suscripciones por correo
24% despliega públicamente el número de suscritos a las fuentes RSS

3) ¿Usan nubes de etiquetas?

90% de los top blogs no usan nubes de etiquetas (y presentan la tradicional navegación por categorías)

4) Paginación

22% usan paginación
60% usan enlaces para “página siguiente” y “página anterior”
6% usan calendarios
12% usan secciones de “archivos”

5) ¿Dónde se ubica el cuadro de búsqueda?

62% tienen un cuadro de búsqueda en la parte superior derecha
58% tienen un cuadro de búsqueda en la cabecera
16% tienen un cuadro de búsqueda a la mitad del sidebar

6) ¿Dónde se ubica el link a la página de contacto?

52% tiene un link a la página de contacto en el sidebar
40% tiene un link a la página de contacto en la cabecera
30% tiene un link a la página de contacto en el footer
4% de los blogs tienen el link a la página de contacto en la sección de “acerca de (about)”
64% de los blogs ofrece sólo el email como forma de contacto
28% usa un formulario de contacto que debe ser llenado online
8% ofrecen tanto contacto por email como un formulario de contacto

7) ¿Se ajustan a los estándares web?

Sólo el 4% de los top blogs cumplen los estándares
96% no cumplen con los estándares
8% tienen más de 500 errores
28% tienen de 200 a 499 errores
24% tienen de 100 a 199 errores
22% tienen de 50 a 99 errores
10% tienen de 1 a 49 errores
4% tienen 0 errores
Los 3 blogs con más errores son: Ben Smith’s Blog (2286 errores), Neatorama (1428) y Search Engine Land (1116).

Conclusiones:

Los lugares preferidos para colocar los enlaces de navegación son la parte derecha y la parte superior.
La página de inicio tiene entre 10 y 20 artículos
La mitad de los top blogs usan enlaces a artículos relacionados y a artículos populares
El el pie (footer) suele haber información sobre el copyright, enlaces hacia la página de “acerca de” y enlaces hacia la información de contacto
En promedio, los blogs más populares tienen 5.84 bloques de anuncios en la página de inicio y 5.96 bloques de anuncios en la página individual de los artículos
Por lo general, los artículos no tienen anuncios en el cuerpo
Por lo general, los anuncios se ubican a mano derecha
Los íconos RSS se ubican en la parte superior de la plantilla, y es más habitual que se usen íconos que enlaces de texto
La mayor parte ofrecen sólo una fuente RSS en vez de varias
La mayoría (90%) no usan nubes de etiquetas
Sólo el 22% usan paginación de blog
El cuadro de búsqueda suele ubicarse en la esquina superior derecha
96% de los blogs no cumple con los estándares web.