Interfaces infográficas real-time
Actualidad, Capsulas Digitales, Infografía 13 Mayo, 2007
Hace algún tiempo, y a propósito del revuelo en Digg por el temita del número famoso, me enteré de estas aplicaciones que, aunque ya tienen su tiempo, son absolutamente dignas de destacar, se trata de Swarm, Stack y BigSpy. Iniciativas de DiggLabs y diseñadas por la agencia Stamen (que a propósito buscan un diseñador) hechas con el fin de monitorear de una manera más clara la forma en que se mueve la actividad dentro del sitio de Digg. Bueno, pero cómo funcionan?
Primero, que es Digg (sólo para los que andan más que perdidos)
Digg es un sitio web 2.0 donde los usuarios que tienen cuenta pueden marcar (diggear) cualquier página de internet y esta quedará guardada dentro de su perfil en el sitio, además con esta información se crean páginas en el sitio de digg que destacan los contenidos recurrentemente (o recientemente) marcados por los usuarios.
Digg es uno de los sitios más visitados de internet con 118 millones de pageviews al mes, y su principal gracia radica en que permite sociabilizar muy rápidamente un contenido interesante en internet (recién publicado o antiguo) haciéndolo llegar a millones de usuarios via web o RSS.
Ahora, que es y cómo funciona Swarm?
Swarm, al igual que sus compañeros, permite visualizar el flujo de diggs en tiempo real generando círculos por cada historia recien “diggeada” (mientras mas diggs, mas amarillos son los círculos) y agregando pequeñas circunferencias anaranjadas para indicar el usuario que las “diggea” si dos historias están relacionadas (por estar diggeadas por el mismo usuario) entonces las circunferencias se juntan en la pantalla y se pueden apreciar lineas que las conectan (mientras mas gruesa la linea mas usuarios han marcado ambas historias)
De qué se trata Stack?
Funciona como una gráfico de barras real-time en donde se puede apreciar como los diggs van cayendo y agregándose a una historia, además, mientras más verde la barra, más diggs acumulados tiene esa historia.
Ok, y BigSpy?
BigSpy es el último de la saga y fué creado bastante después que los anteriores, se trata de una especie de créditos de pélicula que en vez de tener los protagonistas de la película va teniendo los últimos Diggs, otra vez, mientras más grandes los textos, más veces ha sido diggeado ese artículo.
Es esto único en su clase? que otras iniciativas similares existen?
La verdad es que hay variados proyectos de visualización de información compleja y en constante cambio, a modo de ejemplo les dejo un par:
Visualizador de relaciones entre usuarios de LastFM y Flickr, funciona como Mashup con ambas APIs con el fin de poder visualizar tags en común entre distintos usuarios de ambas aplicaciones web, Está desarrollado usando Processing (del cual ya hablamos en digilicious aquí y aquí) y Java por lo que debe ser bajado en forma de aplicación de escritorio (no es online como los anteriores) además si estás en un PC (Windows) deberás tener instalado JAVA. Si bien está en etapa de desarrollo es absolutamente recomendable por su interfaz.
En este caso en forma de localizador GPS de los taxis de SanFrancisco. Su interés en todo caso va más asociado a la representación experimental-artística de la información que a su utilidad práctica, ya que sólo se vale de los datos entregados por los localizadores GPS parea formar distintas formas de mostrar la info, sin especificar información personal ni particular sobre cada taxi. Sobre esta plataforma se pueden desarrollar nuevas iniciativas artísticas que busquen jugar con la forma de representar la información.
Bueno, eso es, interesante tema desde mi punto de vista, cómo los diseñadores somos capaces de desarrollar interfaces gráficas que van más allá de la “simple” web, plasmando a través de la infografía real-time, interfaces que logran hacer que el usuario entienda una gran cantidad de contenido, sus relaciones y sus contextos todo en constante cambio.
(No Ratings Yet)
Loading ...
Junio 17th, 2010 at 11:00
[...] puedes darle una mirada a un post que publicamos acá hace un buen rato Interfaces infográficas real-time Posteado por MAD | (No Ratings Yet) Loading [...]
Enero 21st, 2010 at 13:33
Hablando de interfaces…
http://looksgoodworkswell.blogspot.com/2009/08/renting-idiomatic-experience.html
Diciembre 11th, 2007 at 0:43
Hola, muy interesante todo el proyecto digilicious, le descubri hace muy poco (creo que leyendo la tercera -por eso es bueno no tener prejuicios-) y lo visito regularmente, ahora, leyendo este post me quede pensando en este sitio que visito regularmente para ver noticias, les dejo el link y un saludo, ademas de mis felicitaciones.
http://www.marumushi.com/apps/newsmap/
Mayo 29th, 2007 at 0:54
acabo de encontrar este post en un sitio gringo, fué hecho 2 días después que este, pero está realmente bueno, espero les guste: http://mashable.com/2007/05/15/16-awesome-data-visualization-tools/
Mayo 19th, 2007 at 22:19
[...] Hace poco estuvimos hablando de las interfaces infográficas real time, tocamos tres aplicaciones de digg labs que sirven para poder monitorear el flujo de diggs en el sitio, hoy revisando de nuevo digg labs me di cuenta que tienen una aplicación nueva, su nombre es ARC y también sirve para monitorear el flujo de diggs real-time, su principal gracia es que incorpora la categorización de los digs dentro del esquema de representación. Aún tiene algunos detalles de lógica, que me imagino irán solucionando, pero está digna de revisar. Posteado por MAD | (Sin votos) Loading … [...]
Mayo 17th, 2007 at 12:05
Lamentablemente no me acuerdo quien, pero uno de los investigadores TOP de APPLE una vez dijo “si alguien quiere ponerse serio en el desarrollo de Software, esa persona deberia desarrollar su propio hardware”, si bien no estoy completamente de acuerdo, tomando en cuenta el contexto a lo que se referia, se pude desprender que “para poder hacer cosas, hay que saber como hacerlas”.
Ultimamente termine la lectura de un libro sobre el desarollo de interfaces en el cual Mitchell Kapor, profesor del MediaLab del MIT proponia una “malla curricular” para disenadores de interfaces. Dentro de las multiples area que se deberian estudiar, segun el, esta al menos 1 lenguaje de programacion y la arquitectura del desarrollo de softwares. Un tema que parece arido e inexpugnable para los “mortales”.
Por un tema de experiencia profesional-academica personal me he visto en la necesidad de estudiar multiples lenguajes de programacion de distinto nivel, y la verdad es que si bien mis objetivos son diferentes a los trabajos mostrados en este post, la verdad es que dar algunos pasos en este mundo de algoritmos abre la mente para cosas que uno no sabia siquiera que se podian hacer en forma simple, o que simplemente se pudieran hacer. Pareciera extrano que a traves de cosas tan abstractas como codigos puros a traves de una terminal se pueda generar innovacion, pero creo que este metodo es un “balsamo cerebral”, obliga al disenador a alejarse de Flash, Director u otras herramientas, las cuales muchas veces dejan de serlo y pasan a ser una limitante para lo que el disenador desea hacer. No las critico todo lo contrario, pero creo el verse sometido al “codigo” y procesos internos de una aplicacion, se vuelve a una especie de etapa primitiva en la innovacion en la cual la limitante esta en la misma capacidad del disenador y no en lo que herramientas “prelimitadas y predefinidas” puedan hacer, los invito a “desnudarse” de herramientas y hacercarse a las capas “internas” de estos procesos.
No es el objetivo de este Blog, pero les propongo que mas alla de tocar en forma tangencial lenguajes modernos como Processing, Ruby o Python, ademas de dinosaurios como C, C++ y otros, dieran vistazos mas profundos que orienten hacia la desmitificacion de estos como “imposibles” o alejados de una realidad “profesional-tecnica” dentro del diseno.
Mayo 14th, 2007 at 22:54
Excelente artículo, concuerdo con otro post que dice algo como que “me aclara hartas cosas que no sabia, y que nunca es malo leerlas y entenderlas, muchas gracias serñor Mad.”
Muchas gracias nuevamente.
E, insisto, aún me falta mucha web 2.0
Mayo 14th, 2007 at 17:52
que bueno el articulo, me aclara hartas cosas que no sabia, y que nunca es malo leerlas y entenderlas, muchas gracias serñor Mad.
Mayo 13th, 2007 at 22:06
Es verdad, muy bueno el artículo.
Mayo 13th, 2007 at 19:44
Que excelente post Mad!…
Me quedó con lo que dices en el último párrafo. No solamente creo que es interesante que los diseñadores trabajemos en el deserrallo de nuevas manera de enteder el concepto de interfaz (y otros); sino que creo que es fundamental que esto suceda. Creo que esto es justamente una forma de visualizar el intercambio de ideas que tuvimos (vía comments) con Carcass hace algun tiempo, respecto a lo que debía entenderse por PROFESIONAL del Diseño.
Es mediante la experimentación y la investigación, la forma en que vamos reinventando conceptos, re-escribiéndolos; para hacer aunque sea pequeños aportes a la menera como la gente va entendiendo su entorno y la forma de tomar el conocimiento…
Excelente post Mad… felicitaciones!