Finalmente después de semanas de estrés. agobios, discusiones pruebas y correcciones ya podemos hacer pública para pruebas la tercera iteración del Menéame: beta.meneame.net.

El diseño lo hicieron y maquetaron Damián Vila y Benjamí, este pringao se ocupó de código y dar el coñazo a los dos. Pusimos tambień mucho esfuerzo en mantener la velocidad de carga y visualización de las páginas.

Pasamos los últimos días corrigiendo errores graves de visualización y usabilidad para IE, especialmente IE6 (incluso tuvimos que poner un fichero especial de hacks para el IE6) que representa más o menos un 16% de la audiencia del Menéame.

Aunque podríamos estar semanas perfeccionándolo, es hora de parar y que nos aviséis en los comentarios si veis problemas graves de usabilidad o visualización.

Si todo va razonablemente bien, lo pasaremos a «producción» a principios de la semana qe viene.

Qué hay de nuevo

En principio no queríamos cambiar la estructura básica. Pero con el tiempo nos dimos cuenta que la barra de la izquierda, con sus casi infinitas opciones, era prácticamente invisible a pesar que ocupaba la mejor parte de la pantalla. El objetivo era poner las noticias a la izquierda así darles más notoriedad y que sean más fáciles de leer en monitores pequeños o dispositivos móviles.

En la barra de la izquierda sí había unos enlaces importantes (enviar noticias, fisgona…) que debían seguir siendo relevantes, así que tomamos la decisión de ponerlas al lado del logo pero el mismo tiempo dar una imagen no tan tradicional y que al mismo tiempo «envolviese» mejor al megabanner superior. De allí la posición actual en diagonal. Además trabajamos en la cabecera para reducir al mínimo el espacio ocupado y que además diese más funcionalidad.

Las demás opciones de la barra de la izquierda las pusimos en el pié de página de las «página largas», fundamentalmente los índices.

El otro objetivo importante era mostrar con más relevancia los comentarios más votados  y además mostrar en la misma portada las noticias más «populares» de las últimas horas. Así es que se hizo la barra lateral más ancha que además sirve para colocar el «robapáginas» de publicidad, que es lo más solicitado por los publicistas.

Aunque desde hace tiempo existe la pestaña de populares, esta no era muy visitada, y de hecho nos preguntaban muchas veces cómo hacer para ver esas noticias. Otros nos criticaban de que no lo hayamos hecho antes cuando es obvio. Había que darles más visibilidad, pero eso exigía una restructuración importante como la de ahora. Así, ahora  se muestran las más votadas en las últimas 24 horas pero ordenadas con una función que da prioridad a las más nuevas (un decay temporal). Usamos la misma técnica para ordenar los mejores comentarios, aunque en ese caso sólo se consideran los de las últimas 6 horas.

Siguiendo con la idea de ahorrar espacio vertical entre la cabecera y las noticias hemos reducido el espacio necesario para mostrar las meta y categorías que se están visualizando.

Aprovechando el espacio de la barra lateral también agregamos:

• Las candidatas a ser publicadas –pero para votar con responsabilidad, recordad que el voto karmawhore o becerro está fuertemente penalizado :-)– en la página de pendientes. Esta información era accesible desde la pestaña «popular» en pendientes y también en el promote, pero poniéndolas allí damos una visión rápida.
• Mapa de geolocalización de la noticia. Antes estaba incrustada en el texto, era muy pequeña y «molestaba» a la lectura. Ahora es más grande y a la derecha.
• Comentarios más populares de la noticia. Cuando una noticia supera los 20 comentarios se le agrega una caja lateral que muestra ordenado los comentarios más valorados. El número de comentarios que aparecen en la caja depende del número de comentarios de la noticia (total/4 con un máximo de 25).
• También agregamos la misma barra al nótame, allí también hay una caja con las notas más votadas (y más abajo la de comentarios).
• La nube de etiquetas. Ya estaba en la versión anterior, pero ahora es más legible. Cuando se está en portada muestra las etiquetas más usadas –48 horas– en las publicadas, la nube de pendientes las etiquetas de pendientes.

Luego mejoramos o arreglamos varios detalles, entre ellos (me olvido de unos cuantos):

• La referencia #0 –bastante usada en los comentarios para señalar al texto del envío– ahora se comporta igual que para las referencias cruzadas a otros comentarios. Es decir, mostrará un tooltip con el contenido.
• El promote ya obtiene los datos de la base de datos (y valida correctamente).
• Se agregó un ranking a cada usuario. Eso da una idea de cuántas personas tiene un karma superior. Así todos los que tengan 20 serán el #1, y los que tengan 6 –por ejemplo– también tendran el mismo ranking que todos los demás con el mismo karma. El ranking es visible en el perfil del usuario y también en los tooltips. Se actualiza al instante, es decir que si a alguien se le modifica el karma durante el día el cambio se refleja inmediatamente.

Sabemos que hay muchos otros detalles que mejorar y optimizar (o espacios que rellenar). Pero eso es parte de la evolución de esta versión –como las dos anteriores–, que esperemos tarde mucho en hacerse obsoleta, es como un parto y este ya es el tercero 🙂

PS: Ojalá que para la siguiente iteración el IE6 ya no exista, en serio.