Tentándole (interacción)

francisco tosete | usabilidad, interacción, diseño y arquitectura de información

histórico de posts

December 6, 2008

Catálogo de Amazon, Plegado de Información, Visualización de Información y conocimiento

Amazon catalog, information folding, information visualization and knowledge

Automatic translation of the text to english

Chris Harrison a partir de de un conjunto de datos proporcionados por Aaron Swartz en enero de 2008 de más de 700.000 libros de Amazon y más de 10 millones de relaciones temáticas entre los mismos hizo un mosaico visual de las portadas digitalizadas asignando a cada portada un código de color. Los resultados fueron algunas de las espectaculares imágenes que podéis ver más abajo.

Éstas, son un bellísimo ejemplo de:

  1. Comparativas informativas de múltiples pequeños. Si descendemos a una microlectura informativa en la portada de cada libro están explícitas entre 2 y 4 variables informativas, quizá más: título, autor, editorial y colección, que están implícitas en la base de datos de Amazon o de cualquier biblioteca y que son utilizadas para la recuperación de información en los OPACs. El código de color correspondiente a cada temática asigna una variable informativa nueva al mismo tiempo que constituye una potente capa explícita de conocimiento que la relaciona con las cuatro anteriores. Al menos y dependiendo de la información recogida en cada portada de cada libro tendremos entre 2 y 5 (o más) variables, facetas o dimensiones informativas recogidas en una imagen plana bidimensional.
  2. Pero la verdadera potencia se encuentra en el Plegado de Información (el término es mío). El mundo digital permite plegar la información de múltiples formas, ya sea mediante técnicas de zoom inmersivo ya mediante la superposición de capas como sucede con cualquier combo desplegable o con cualquier checkbox que activa una capa informativa superpuesta a un mapa o imagen como sucede en los sistemas de información geográficos. Nos ofrece muchas mas posibilidades a la hora de presentar un número N de variables informativas que la tierra plana que es el papel.

Aumentando el nivel de zoom, vamos haciendo explícito conocimiento que permanecía oculto bajo pequeños grupos de datos o conjuntos informativos (múltiples pequeños):

Visualizacion de Informacion del catalogo de Amazon. Macrolectura de conjunto temático

y disminuyéndolo podemos inferirlo de agrupaciones arbitrariamente definidas:

Codigo de colores de tematicas de Amazon

aquí por ejemplo, la temática entretenimiento:

Visualizacion de Informacion del catalogo de Amazon. Microlectura libro

o a nivel global del gigantesco conjunto de información que es la base de datos completa. Los datos de por sí no valen nada si nos somos capaces de extraer información de ellos e inferir y explicitar conocimiento. Las técnicas de Visualización de Información nos proporcionan la herramienta para ello.

Visualizacion de Informacion del catalogo de Amazon. Macrolectura de catalogo

Ahora imaginemos un escenario en el que por citar tan sólo un ejemplo como otro cualquiera, durante un discurso a la presidencia de un país y en tiempo real o a la finalización del mismo entre dos candidatos a presidente, un buscador recibiese 8 millones de consultas por minuto sobre lo que están hablando o sobre el debate producido y fuera posible extraer el conocimiento del impacto de las declaraciones realizadas en tiempo real o diferido 24 horas después.

¿Francamente interesante verdad? Y eso, que la política es un campo como otro cualquiera. En esto están trabajando algunos buscadores. Al menos y como comentó Nikesh Arora, Google.

¿Se pueden hacer cosas más espectaculares? Sí, dado que como destacaba más arriba estamos manejándonos en una interfaz bidimensional. Mediando un entorno digital no tenemos porqué reducirnos a las dos dimensiones física de altura y anchura ni a la codificación de variables por los recursos tradicionales de texto o diseño de información explicitados por Tufte, Wong o mucha más gente. Para ello, son mucho más interesantes los entornos tridimensionales visualizados en superficies bidimensionales y…

…en mi próximo post del lunes por la noche, más ;-)

Vía: Infosthetics

December 3, 2008

Introducción al análisis de redes sociales y Google

Un antiguo compañero de Facultad, Antonio Perianes Rodríguez del grupo de investigación SCImago al que pertenecen, entre otros, gente como Yusef Hassan Montero me ha puesto sobre la pista de un artículo que acaba de publicar en EPI introductorio sobre la casuística y principios del análisis de redes, ya sean sociales, de información, biológicas o tecnológicas.

Introducción al análisis de redes

Interesante de leer y necesariamente muy breve. Uno se queda con ganas de más, mucho más porque algunos de los patrones que presentan plantean no pocas preguntas sobre la dinámica y genésis de las redes sociales. A ver si puedo conseguir de alguna forma ese número de EPI porque me interesa, es monográfico sobre redes sociales.

Nikesh Arora, vicepresidente de Google para Europa hizo la semana pasada seis predicciones sobre tendencias de futuro en las que estaba trabajando el buscador. De ellas, dos me llamaron especialmente la atención. Una, la línea de trabajo que tiene abierta en traducción simultánea en tiempo real sobre comunicaciones vía móvil, un francés hablando por un móvil en francés y un español escuchándolo en castellano con traducción directa y en tiempo real, algo que ya se puede hacer en GMail con GoogleTalk pero mediante la escritura y que por cierto, había experimentado ya antes con un pequeño gagdet en SecondLife (increible el tema) cuyo nombre no recuerdo. Desde el punto de vista del impacto social que puede tener una herramienta como esta a nivel mundial (traducción automática entre lenguas de… ¿200 países diferentes por citar un número cualquiera?) y el desarrollo social que puede suponer algo así, especialmente para lenguas y etnias minoritarias, se me antoja el tema extraordinario.

Y la otra, la investigación y desarrollo intenso que están llevando a cabo los ingenieros de Google en sistemas de Visualización de Información para extraer y generar conocimiento de las bases de datos.

Google es muchísimas cosas pero quizá, de todas, la que me tiene más fascinado es que es una extraordinaria herramienta para medir la mayor Red Social existente explicita creada por la Humanidad que es la World Wide Web y sacarle partido al conocimiento que subyace en las gigantes bases de datos que produce diariamente el buscador.

Una cosa es tener información y otra conocimiento.

La Visualización de Información es la clave para extraer el conocimiento. Las posibilidades… todas aquellas que podáis imaginar, desde estudios de mercado en tiempo real hasta análisis del impacto de discursos presidenciales a la hora de ser pronunciados y desde el punto de vista del estudio de dinámicas sociales (un ejemplo por citar tan sólo uno posible de una red social) las aplicaciones son extraordinarias.

¿Seguimos imaginando?

November 30, 2008

Metáforas, crisis y oportunidades

No es un tiempo de crisis, sino de grandes oportunidades (que se lo pregunten a Google ;-)

A grandes crisis grandes oportunidades, surfistas con tablas hacendo windsurf sobre una ciudad sumergida

“…la crisis no parará la innovación, te obliga a centrarte en ella. Google nació en plena crisis”.
Nikesh Arora, vicepresidente de Google para Europa

Vía: Inspire me, now! | Neatorama
Lectura: Entrevista a Nikesh Arora

Pd. Sí, lo sé, el anuncio es alusivo al calentamiento global pero la metáfora me vale igualmente tanto para huracanes que arrasan bolsas y anegan ciudades como para mundos que se hunden en las aguas por la subida del nivel del mar fruto del cambio climático ;-)

Pd2. “…cada vez que recibes un servicio dejas una huella: cada vez que pagas con tarjeta en un restaurante o haces una llamada. La gente no se preocupa mucho de ello porque tiende a confiar en que se hará un buen uso de esa información. Y en Google no vamos a hacer un mal uso de ella, la gente usa nuestro correo electrónico y nuestro buscador porque confía en nosotros. Internet es un reto, es más que un medio. La Red hace el problema peor, pero el problema empieza cuando alguien toma esa fotografía tuya…”

¡Amén! y tan ancho…

November 5, 2008

Obama, mapas, Diseño y Visualización de Información

Post actualizado:

Fotos de Obama mirando a la derecha con la palma extendida y sonriendo. Publicadas en las home de El Pais y El Mundo

Es curioso el tratamiento gráfico y visual informativo que los dos grandes periódicos nacionales están haciendo de las elecciones estadounidenses y en concreto de Obama.

Analizando las fotos que publican en sus correspondientes home El Mundo y El País, además de la posición de Obama respecto al eje central de la página llama la atención el distinto encuadre escogido en cada periódico.

En El Mundo Obama aparece a la derecha del eje central, más lejano frente a las banderas que toman mayor relevancia ante su figura, especialmente en la zona izquierda. En El País, además de estar ligeramente desplazado hacia la izquierda respecto al eje central de la imagen, el campo de atención se centra en el candidato que aparece mucho mayor, enfocando toda la atención en el rostro y por ende, resaltando sus cualidades humanas. Esta, es una estrategia y un principio de diseño común de marketing, especialmente en las páginas de call-centers o de “Contacta” en los sitios web en las que se pueden observar imagenes o capturas de primeros planos de rostros de mujeres sonrientes. Cuando el encuadre se enfoca en un primer plano sobre el rostro de una persona se resaltan los atributos intelectuales -inteligencia- emocionales y humanos frente a los físicos. Un encuadre de cuerpo completo es una aproximación contraria, centramos la atención en los aspectos y atributos meramente físicos. Sobre este principio de diseño se puede consultar la p. 72 de “Universal Principles of Design” en donde se pueden encontrar, además, todo un elenco de claves para interpretar mejor ambas fotografías.

Home del 012 de la Comunidad de Madrid con rostro de mujer teleoperadora en primer plano

En la home del 012 de la Comunidad de Madrid se puede observar un ejemplo. Aparece el rostro de la teleoperadora sonriendo en primer plano. Se busca la proximidad, acentuar la faceta emocional, la amigabilidad y la inteligencia de la persona frente a lo físico.

Por último, en las dos fotografías el candidato mira hacia la derecha (¿de un electorado imaginario?) sonriendo con los labios entrecerrados, la palma de la mano abierta, extendida en un gesto de contención, de apaciguamento o petición de tranquilidad o quizá de despedida.

En cuanto a los mapas que hemos estado viendo a lo largo de todas las elecciones en los medios de comunicación de medio mundo creo que no son ni mucho menos el mejor gráfico a utilizar si realmente lo que se desea es informar. En este caso concreto se ha supeditado la estética a la objetividad. El problema es que son gráficos que ven millones y millones de personas con lo cual creo que, al menos, los periódicos deberían ser más responsables a la hora de elegir este tipo de representaciones y cuestionarse su uso a pesar de que se utilicen en otros medios reputados (ABCNews, NYTimes… por citar tan sólo dos ejemplos, los españoles son copias directas de los que han estado utilizando los periódicos estadounidenses). Ello es debido entre otras cosas a tres tipos de distorsiones (Atlas of Ciberspace. Capítulo 1. p. 4. PDF - 1.5 Mb): la presentación, la falacia ecológica y la omisión. En estos mapas se emplea un código de dos colores (azul - demócratas, rojo - republicanos) para mostrar las tendencias de voto en cada estado. Es una muy pobre representación, y muy poco objetiva, de las tendencias reales del electorado dado que las superficies de cada estado no son directamente proporcionales a los datos estadísticos y su aportación al conjunto global. Las fronteras naturales y la superficie de los estados poco tienen que ver con la proporcionalidad de, por ejemplo, gráficas estadísticas en las que las áreas sí son directamente proporcionales a las cantidades que representan.

Por ello, si se desea dar una visión realmente objetiva, el gráfico de los estados (muy bonito, muy gráfico y muy visual estéticamente hablando) se debe acompañar de otro tipo de representación gráfica estadística que sí ofrezca una representación verdadera de la tendencia global, por ejemplo, en el caso de ABCNews, la barra o tira superior con el número total de senadores para ambos partidos coloreada proporcionalmente de azul o rojo, barra que también puede verse más o menos similar en el NYTimes y con ligeras variantes, en el resto de periódicos internacionales.

El problema que surge, no obstante, del hecho de tener dos tipos de representaciones visuales para un mismo fin cuando realmente comunican cosas distintas, es evidente, se crea una disonancia cognitiva que confunde al usuario. El mapa dice una cosa en base a la mayor cantidad de tinta roja o azul presente en el gráfico, y la barra otra, disonancia que se acentúa más aún, si en lugar de utilizar para los estados dudosos en intención de voto un color neutro como el gris, se utiliza un clareado del color correspondiente como sucede en el mapa de El Mundo. Una cosa es comunicar qué vota o votará mayoritariamente cada estado a lo largo del tiempo y otra inferir del mapa quién va a ganar las elecciones en base al número de votos (y de senadores) obtenidos. Juntas ambas representaciones confunden y conducen a equívoco. Lo más óptimo si se quiere decir quien tiene más posibilidades en cada momento de ganar las elecciones de acuerdo a las encuestas sería optar por un buen gráfico estadístico y obviar el mapa.

Mapa elecciones EE.UU. Estados ABCNews
Mapas de los estados de las elecciones de EE.UU de ABCNews.com. Nótese que para una representación objetiva de las tendencias de los votantes el mapa ha de estar acompañado de otro tipo de representación estadística gráfica. En este caso, al igual que sucede en El País y en El Mundo, de la tira o barra con la distribución de senadores y código de colores correspondiente.

Mapas graficos de los estados de EE.UU
En la parte superior, mapa de las elecciones presidenciales de El Mundo, debajo, mapa de El País.

El Diseño de Información y la Visualización de Información es importante. Muy importante. Muchas veces se obvia y es una materia que creo, debería impartirse en las aulas universitarias porque las personas tienen derecho a conocer.

Como Diseñadores de Información tenemos una obligación profesional para con ellos, y más en el caso de los medios de comunicación de masas.

Actualización:

Home de El Mundo y El País a las 12.00h.

Fotos de Obama. Publicadas en las home de El Pais y El Mundo

Nota final:

En este blog y en este post se habla de Diseño de Información, no se hace ningún tipo de consideración ni juicio político aunque la evidencia analizada del diseño la muestre (lo cual por supuesto, revelarla, es la intención buscada). El día que quiera manifestar este tipo de puntos de vista u otros personales empezaré otro blog ad-hoc para ello. En este blog se procura enseñar diseño; AI e interacción y se comparte conocimiento, el mío y por supuesto, el vuestro con vuestros comentarios.

October 23, 2008

The Shape of News

The Shape of News. Christina Van Vleck

Impresionante el diseño de Christina Van Vleck en el que sumariza la atención dedicada por diversos periódicos norteamericanos a través de la visualización del espacio de portada durante dos meses, a la guerra de Irak, el conflicto de Afganistan y su peso frente a las noticias locales, nacionales e internacionales.

Toda una lección de diseño de información con fuerte inspiración en muchos de los principios enunciados por Tufte, comparación a través de pequeños múltiples, evolución en una línea temporal, etc.

Un bello diseño.

The Shape of News (PDF. 1.6 Mb) de Christina Van Vleck

No dejéis de visitar su web. Merece la pena ver el resto de diseños.

« Artículos anteriores | Artículos posteriores »





















Get free blog up and running in minutes with Blogsome
Theme designed by Hadley Wickham