Blog de Javier Cañada para el Programa Vostok
Archivo de los artículos clasificados como "Diseño de Información"
Volver al inicioAlgunos recordarán la lamentable respuesta de Miss Teen USA South Carolina 2007 acerca de por qué los norteamericanos no podían ubicar los EEUU en un mapa:
Pues parece que esta supuesta Miss West Carolina tiene algo que decir al respecto de la educación, los mapas y los EEUU:
Todavía me estoy riendo ;D
Me ha encantado el trabajo de Christian Behrens para su tesis de máster en la Universidad de Ciencias Aplicadas de Potsdam: Information Design Patterns. Consiste en un repositorio excelente donde elegir entre diferentes patrones de información.
Lo más destacable no es el hecho en si (repositorios hay mil) sino que es un repositorio interactivo que te permite filtrar patrones según el aspecto que deseas representar: por principio de ordenación (ubicación, tiempo, cantidad…), por objetivo del usuario (navegación, búsqueda, comparación…), por tipología gráfica (mapas, gráficos, diagramas…) o por dimensiones (2D, 3D, etc.). Es lo bonito de facetar las cosas.
Otro aspecto que me ha encantado es que los patrones van listados con una especie de pictograma que los representa para que sea fácil poder elegir visualmente. Una vez que hemos elegido uno tenemos mucha información sobre el mismo, con ejemplos de aplicación real.
Me manda José Antonio Millán esta curiosa representación de cómo el Rosario mapea, mediante sus cuentas, la secuencia de oraciones:
Y aprovechando que hablo de J. A. Millán, comento que acaba de publicar su Manual de urbanidad y buenas maneras en la red, que no he leido pero que, a juzgar por el blog paralelo y sus otras publicaciones, seguro que es una delicia.
T.Scott ha publicado un delicioso post en el que cuenta cómo para el los prototipos en papel son muy importantes. Prototipar en papel es más ágil y económico que hacerlo en preciosos documentos hechos en powerpoint, visio, freehand o lo que sea. Según cuenta, para el esos diagramas son un entregable más con la ventaja de que al verse como trabajo “inacabado” y no tan “perfecto” hacen que el cliente se sienta más involucrado y predispuesto a participar del proceso. Scott dice que con los prototipos en “bonito” eso no sucede, pues el cliente se siente como amedrentado por la perfección y el acabado. Sobre eso se podría discutir mucho.
Lo que está claro es que los prototipos que hace T.Scott son muy seductores. Merece la pena acercarse a verlos en su post.
Yo soy muy partidario del trabajo en papel. De hecho a todos mis alumnos del Programa Vostok les regalo el primer día un cuaderno de papel bueno y rotuladores de calidad. Escribí sobre materiales de dibujo para prototipar hace un par de años.
Andrew Hudson-Smith, de Digital Urban ha hecho una la representación en 3D del London Underground muy interesante, pues incluye renderizados de los edificios más significativos, haciendo que el plano no sólo tenga 3 dimensiones sino que sea topográficamente preciso:
La representación, además, se puede explorar con una interfaz de Google Maps, para poder explorarla en detalle y añadir o quitar zoom.
Aparentemente, el proceso de crear un mapa en 3D a partir de un 2D es relativamente sencillo. En Digital Urban hay colgado un tutorial con todos los pasos. También hay un video del resultado final (sin edificios):
¿Algún voluntario para hacer lo mismo con el plano de metro de Madrid? Podría ser un buen complemento en el proyecto de Juan, alumno del Programa Vostok.Digital Urban es un blog de muchísimo nivel, centrado en la representación visual (sobretodo 3D) de la arquitectura. Lo he añadido a mi Planeta sin pensarlo.
Volviendo al tema… Pasar un plano de metro a 3D es como deshacer una mutación: el plano en sí ya es una abstracción en 2D de una realidad tridimensional. Al mutarlo a tres dimensiones vuelve a cobrar profundidad pero de un modo diferente que no se describir muy bien. Es como si conservara la esencia de los planos 2D (conserva el color y sólo la información relevante) pero gana realismo. Me pregunto si tendría sentido convertirlo en maqueta y poner una en el hall de cada estación de metro.
A Tufte le están cayendo collejas por todos lados a raiz del video de crítica al iPhone que comenté hace unas semanas. La mejor de todas, la más argumentada (y dura), es la que hace la gente de IA JApan. Rebaten los argumentos de Tufte uno por uno.
Parece que Netvibes tiene algo bonito en beta privada llamado Ginger, empaquetado con estética Vostok :)
Edward Tufte ha publicado un texto+video donde alaba algunos aspectos de la interfaz del iPhone, pero también critica otros. Le parece que esa pantalla con tanta resolución no está bien aprovechada para ofrecer suficiente información.
Como quizás sepáis, el especialista en diseño de información es muy partidario de la exhaustividad informacional en las representaciones. Su mantra sería algo así como “muestra toda la información que puedas para que sea el usuario quien extraiga conclusiones”. Algo que en la teoría podría hasta sonar bien, en la práctica lo plasma así
(a la izquierda el widget del tiempo que usa el iPhone, a la derecha la propuesta de Tufte)
Tufte, en su obsesión por la exhaustividad informativa descuida los contextos de uso. Los widgets no pretenden ser la herramienta total, sino algo que consultamos para tener una idea rápida. Por eso es importante conocer qué datos son los que nos llevan a tomar decisiones y cuáles no nos importan tanto.
Para no dar información sesgada aquí está el fragmento del video donde Tufte justifica su diseño (con audio). En el video, además, se ve que la imagen de satélite está animada:
Está claro, ¿verdad?
El widget que usa el iPhone destaca muy bien lo más relevante y lo jerarquiza bien. En la propuesta de Tufte casi no hay jerarquía y se le da excesiva importancia a cosas como la animación del satélite, que realmente aportan poco si no eres un profesional de la materia y sabes entenderlas bien.
El problema con los diseños Tufteanos es que llevan a la desorientación, al “¿por dónde empiezo?”. No tienen en cuenta que los mismos datos con la misma presentación no sirven igual para diferentes contextos. Un agricultor no necesita la misma información que un meteorólogo ni que un trabajador de oficina cuando consultan el tiempo. Y probablemente no usen las mismas herramientas.
Otro de los grandes diseñadores de información, Otl Aicher, situaba todo mensaje en un eje entre lo analítico (más narrativo y lineal, como un relato) y lo sintético (más visual y plano, como un mapa). Según él, cada información necesitaba una forma de representación que combinaba esos dos enfoques en una proporción determinada. Quizás sea eso lo que siento que le falta a las propuestas de Tufte, que son totalmente sintéticas, planas, sin narración.
Muchas gracias a Missha por la referencia.
No se si por gallardonista o por enamorado del diseño de información, pero me ha encantado este vídeo de la revitalización del río Manzanares en Madrid, ciudad en la que vivo:
Es un ejemplo excepcional de cómo se combina la presentación analítica con la sintética, cruzando constantemente recursos de diseño de información, narración y realismo.
(Visto en Madrid es Madrid)
Me encanta, me encanta y me encanta que se hagan estas cosas:
ACLARACION: Magdalena Álvarez es Ministra de Fomento, por lo que no le corresponden iniciativas. Pero se entiende la idea, ¿verdad?
En Discursia.com cogen los datos del Congreso de los Diputados español y los procesan para convertirlos en información real. En este caso concreto vemos quiénes son los dos diputados que en lugar de hacer su trabajo no dan un palo al agua y se embolsan buenos dineritos que pagamos los contribuyentes.Lo importante es hacer que los datos hablen y para eso no basta con tenerlos todos sino con saber cómo procesarlos y representarlos. Creo que Discursia es un buen ejemplo de lo que digo. Seguro que con más tiempo y presupuesto se pueden hacer cosas aún más potentes, pero como punto de partida me parece una pasada. Felicidades a ellos!
Cuando tienes datos y los procesas bien haces que los patrones se dejen ver. Sobre esto hay dos teorías enfrentadas (ya lo comenté en 2003): Edward Tufte es partidario de la precisión y la exhaustividad (”da todos los datos”) y Richard Saul Wurman justo de lo contrario (”se selectivo y muestra sólo los datos significativos para eliminar ruido”). Se puede hablar mucho acerca de cuál es, como enfoque, más acertado (merecería un post de los largotes). Lo que está claro es que los datos están ahí para cogerlos, mirarlos por muchas caras distintas, desde cerca, desde lejos, con lupa y con filtros y seguro, seguro, que nos revelarán cosas curiosas.
Lo mejor es cuando la información que obtienes puede desencadenar el cambio. Esos datos, procesados, se convierten en la evidencia para exigir listas abiertas. Eso y mejor gestión del dinero público.
(Me enteré de esto gracias a Loogic.com)
A través de Luis Villa me entero de esta excepcional preentación de J.J. Abrams, creador de algunas de las series y películas de mayor renombre en los últimos años.
La presentación, que es a lo que vamos, va sobre muchas cosas pero entre ellas me ha encantado cómo desentraña los secretos de una buena narrativa, el uso del misterio y lo que llama el character investment. Lo mejor es que la propia presentación es un ejemplo alucinante de lo que predica.
Ponte los cascos y pasa a monotarea un ratito que de verdad merece la pena:
Este año se han lanzado un puñado de periódicos online y todos se han vuelto locos implementando diseño y funcionalidad doscerista por pura inercia.
Algunos de esos rasgos son como las hombreras femeninas en los 80: se han puesto de moda y la gente no se para a pensar si es o no cómodo o apropiado. Se llevan porque sí, porque lo hacen otros y porque hay que dar aspecto de modernidad. Dentro de unos años la mayoría de estas cosas nos parecerán ridículas.
Voy a intentar describir los que para mi son los derroteros más comunes y cansinos de la nueva prensa online, desde la experiencia de haber participado en alguno de esos proyectos y con una perspectiva no muy destilada, medio de usuario y medio de diseñador de interacción.
Por lo general son ciénagas de trolls y de gente cabreada que aportan poco o nada a la información de la noticia. En los periódicos la gente usa los comentarios para expresar su acuerdo o desacuerdo respecto a la noticia y su afinidad respecto a los protagonistas. Si la noticia es que el Rey manda a callar a Chávez habrá dos tipos de comentarios: los que critiquen al Rey defendiendo a Chávez y los que critiquen a Chávez defendiendo al Rey.
Esencialmente todos dirán lo mismo (en su versión a o b), de forma repetitiva. Casi nadie leerá los comentarios anteriores antes de publicar el suyo salvo para insultar al del comentario 21 o aplaudir al del 16.
Como el medio es anónimo, la gente pierde los papeles. Nadie hace aportaciones enriquecedoras. Nadie complementa la información. No hay debate constructivo. Si alguien se acerca con ganas de debatir civilizadamente, cambia de opinión al ver la cantidad de basura que cuelga de la noticia.
Todo lo que no es señal es ruido (nunca me cansaré de decir esto). Y los comentarios en los periódicos online son todos ruido. No aportan nada al mensaje, lo entorpecen.
¿Qué información me aporta saber que una noticia es la más votada? Tomemos de nuevo el ejemplo del “Por qué no te callas”. Si aparece como la más popular puede significar que:
Es algo confuso. No queda clara la interpretación que debemos hacer de algo así. Y lo mismo pasa con lo más votado. ¿Qué lleva a alguien a votar una noticia? Pues de nuevo una de las tres opciones anteriores, sin que quede claro cuál.
¿Y qué me aporta a mi, el lector, esa estadística? ¿De verdad me da información? En realidad lo que me da es metainformación, información sobre la información, datos sobre las preferencias de los lectores. Pero eso a mi, que tengo mi propio criterio sobre lo que es relevante, me dice más bien poco. Quizás les valga a los editores del periódico pero no merece estar en la portada ni que le concedan tantos pixeles cuadrados.
Los rankings de noticias también son más ruido que señal. Están sobrevalorados. Que algo se pueda hacer (técnicamente) no significa que merezca la pena. Y mucho menos cuando su interpretación es ambigua.
El dayparting es la técnica que consiste en dar un tipo de contenidos u otro en función de la hora del día. Se asume que el usuario de por la mañana y el de por la tarde/noche son distintos o tienen diferentes intereses. El de por la mañana quiere inmediatez y actualidad, quiere objetividad en el tratamiento. El usuario de por la tarde busca más editorial, más opinión y noticias sobre temas más suaves (sociedad, moda, etc.).
Se trata de un concepto heredado del mundo de la TV y la Radio donde el usuario no tiene tanta capacidad de elegir y se traga lo que le echen. En internet el usuario puede elegir la sección que le interesa libremente, la tiene a un click de distancia.
El dayparting es tremendamente paternalista cuando se aplica a los usuarios de un periódico online. Paternalista en la intención y bastante ingenuo en la ejecución. ¿Acaso creen que los usuarios de internet son tan receptivos como los de la TV?
Otra técnica usada y abusada hasta la saciedad de la que ni yo me he librado alguna vez. Normalmente se divide la homepage en tres columnas:
La estructuración en columnas es una mala herencia de los periódicos de papel. En la pantalla de un ordenador tiende a generar caos y desorden y dificulta la lectura. Muchos bloques de contenidos y cada uno con su propia lógica para jerarquizar noticias. Es como una reunión de comunidad de vecinos, donde todos gritan su queja a la vez.
¿Cuál es el criterio para destacar unas cosas sobre las otras? ¿El tamaño, el color, la ubicación? Aparentemente todos y ninguno. Cuando diferentes criterios se enfrentan se produce fricción cognitiva en los usuarios, que sólo quieren leer lo último que ha pasado y tienen que gastar segundos en “digerir” antes de poder procesar. El periódico quiere hacer alarde de tener mucha oferta y sólo logra fatigar al usuario.
Algunos periódicos online sienten vergüenza de ser mass media y se intentan disfrazar de medio personal independiente. Quizás sea eso o quizás simplemente borreguismo: ¿Que se llevan los blogs? Ah, pues pongamos blogs en el periódico, entre los horóscopos y el tiempo. En la columna 3. Y por las tardes quizás pasemos algún post a la 2, por aquello del dayparting.
Los blogs en los periódicos son la columna de opinión de toda la vida, solo que un poco más temática y con estructura de blog. A saber, columna principal de contenido y barra lateral con categorías y esas cosas.
Salvo honrosas y contadas excepciones, estos blogs los escriben periodistas profesionales que no tienen la pasión del amateur al buscar información ni al tratar un tema. Les falta la frescura y el corazón de un blog temático de verdad.
Apuesto a que no tienen muchas visitas. Y si las tienen no son de usuarios interesados sino de rebotados de Google o de un enlace mal clickado. De nuevo, el periódico online pretende tenerlo todo y ser la única novia del usuario, pero el internauta es poligámico y sabe que si quiere información de gadgets irá a Engadget, si quiere ideas de cocina irá a Bocadorada y si le interesa la sociedad red irá a deugarte.com.
Es un sucedáneo malo del traído y llevado periodismo ciudadano, en el que son los usuarios los que determinan la agenda informativa.
Un periódico online no sólo busca informar, sino hacerlo de un cierto modo, priorizando una información sobre otra. Lo hace mediante el contenido, pero también destacando cosas mediante el tamaño, el color o la posición. Así marca su linea editorial.
¿Por qué iba a querer un periódico que esos elementos los determinaran los usuarios a través de un algoritmo, como hace Menéame? Supondría perder mucho control. Al periódico no le interesa eso porque perdería influencia.
Sin embargo, las modas dictan que hay que ser “participativo” y las tablas de la ley doscerista dicen que el contenido lo hacen los usuarios. ¿Cómo se capea eso? Pues con una versión muy light: “mándanos tu noticia”, “eres uno de los nuestros“, “publica tu comentario”…
Lógicamente, el 90% del contenido que se recibe es de poca calidad. Los ciudadanos son fontaneros, albañiles, administrativos o abogados, no periodistas. Otros son además bloggers, pero esos prefieren publicar en su blog y su estilo es demasiado personal para un periódico.
El modelo no funciona en la práctica. Y la prueba es que las noticias de los usuarios nunca ocupan lugares predominantes de la web. Si al periódico le interesase publicarlo le daría mejor ubicación, más tamaño o lo destacaría visualmente, que son las herramientas que tiene. Pero con suerte llega a la columna 2, muy por debajo de la linea de scroll.
Cada vez hay más contenido de índole geek en los periódicos online. Me refiero a noticias sobre nuevas tecnologías, curiosidades científicas, series de culto, rarezas, etc. Lo hacen por imitación de blogs que llevan años haciéndolo bien y tienen millones de visitas. Quizás alguien les dijo que así ellos también las tendrían.
Cuando veo estos contenidos en 20minutos, en Público o en Soitu se me hace raro, muy forzado. Por descontado, el tratamiento de las noticias no está a la altura de los blogs. La pasión se tiene o no se tiene y en eso los blogs ganan. Otro ejemplo tremendo de la crisis de identidad de la prensa online.
¿Soy yo el único al que le incomoda que los periódicos online intenten caerme bien y ser mis amigos?
Seguí con curiosidad el nacimiento de Soitu y les felicito por cómo lograron crear expectación y ganarse la simpatía de la comunidad internauta. La fórmula era sencilla: no parecer una empresa sino un grupo de amigos. El blog, la cuenta en Flickr, el rollete software libre y las declaraciones de principios en plan simpaticón buscan cercanía. Lo mismo pasó con los anuncios de Público, cuando venían a decir que eran el medio de comunicación de la gente que desconfiaba de los mass media (sic!).
Estas maniobras de acercamiento no solicitado le dan personalidad al periódico, pero yo diría que de un modo negativo, restándole autenticidad. Es como si alguien a quien acabas de conocer hiciera esfuerzos desmedidos por agradarte. Automáticamente pensarías que buscaba algo de ti. No te parecería auténtico. Lo mismo pasa con esos acercamientos demasiado forzados: le hacen perder autoridad y credibilidad al periódico.
Ese interés desmesurado por caer bien tiene lógica: si generan buen rollo en la blogosfera, si caen bien y quedan como un grupo de amigos majetes, la gente les enlazará desde sus blogs. Y haciendo eso ganan pagerank y posicionan mejor en Google, que es algo que les tiene ob-se-sio-na-dos. Es puro SEO.
Yo preferiría un periódico que no se preocupe por ser cercano. De hecho, hasta preferiría que me hablara de usted: “Mire, soy el periódico XYZ y estoy aquí para contarle lo que ha pasado hoy”.
Hace algún tiempo me propuse hacer menos crítica de lo que no me gustaba y centrarme en hablar de lo que me parecían buenos ejemplos o, en su defecto, si criticaba algo proponer alternativas tangibles.
Este post me ha salido más crítico de lo habitual. Tengo algunas ideas de cómo creo que debe ser un buen periódico online, en qué debe centrarse, cómo debe estructurarse, qué funcionalidades debe incluir, etc. Todo desde la óptica de un diseñador de interacción, que no desde la periodística.
Prometo concretar esas notas en otro post pronto, para compensar lo crítico de esta nota. Pero lo haré en unos días, cuando me haya repuesto de las collejas que me caigan por escribir este.
Antes de ayer por poco nos quedamos sin NewsMap. La cosa se puso tan fea que Marcos Weskamp decidió pedir ayuda a los seguidores de su blog.
Aparentemente todo está arreglado gracias a la colaboración de Google News. Por ahora odremos seguir disfrutando de esta preciosidad del diseño de interacción/información.
Leopard, la nueva versión del sistema operativo de Apple, ha traido algunas mejoras pero también algunos inconvenientes. Entre ellos está el diseño de las carpetas.
Nau Santana hace un acertadísimo análisis con ejemplos e ilustraciones, que merece la pena leer.
El texto reza:
¿Está vd. de acuerdo con la reunificación de Austria con el Reich Alemán que fue promulgada el 13 de marzo de 1938, y vota vd. por el partido de nuestro lider Adolf Hitler? (si/no)
Los dibujos de la ilustración están hechos por personas con edades desde los 3 a los 70 años. Todos representan el paso del tiempo y todos tienen algo en común que me parece fascinante. Observalos bien:
¿Qué tienen en común? Todos muestran el tiempo de forma direccional, transcurriendo de izquierda a derecha. ¿No es fascinante?
Alguien podría decir que se trata de algo cultural, aprendido, pero no creo que sea el caso con el dibujo del niño de 3 años (no adivinaríais cuál es) ni quizás de los de 9-10. A mi me parece revelador.
Los recién licenciados alumnos del Programa Vostok están cansados de oirme decirlo: uno de los elementos más importantes del diseño de interacción es la temporalidad. La interacción transcurre en el tiempo, en un diálogo entre persona y ordenador. Cuanto más lineal es el diálogo más hay que reforzar físicamente ese transcurrir. Los elementos que hacen avanzar el diálogo deben dirigir hacia la derecha. Los que lo hacen retroceder o recrificar, a la izquierda. Es así de sencillo.
Me asombra ver que el origen de todo esto es tan primario (y tan bello).
Por cierto, hay muchos más dibujos en Ictastic: visualizing time.
Hace unos días Toni Garrido entrevistaba a Pedro Jiménez en RNE1. Pedro es un profesor de Filosofía de secundaria que ha apostado por las nuevas tecnologías para enseñar a sus alumnos. Mantiene un blog en La Coctelera llamado Erasmo y Lutero con el que articula sus clases con los alumnos. Los resultados académicos han sido espectaculares desde que ha tomado este camino. Esa es la primera recompensa.
Y a mi me llena de orgullo (no me lo puedo callar) haber participado en el diseño de la aplicación que hace esto posible. Esa es la segunda recompensa. La mejor que puede tener un diseñador de interacción.
Julio Forniés ha publicado una versión para daltónicos (pdf) del plano del metro de madrid:
Hace unos meses hice un análisis del nuevo plano de metro en el que señalaba los problemas que podría tener par alos daltónicos, puesto que habían matizado algunos colores de lineas y se prestaban a confusión. Forniés lo ha solucionado mediante texturas. Una solución muy creativa que no altera apenas la propuesta inicial.
