Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Diseo de la informacin
Paul Mijksenaar
Ejemplo 2
En 1989 el diseador grfico Hans van der Kooy invent un mapa de calles en
forma de diagramas para el Departamento de Transporte Pblico de Amsterdam.
El trabajo recibi incluso un premio nacional por su "buen diseo industrial". Sin
embargo, al cabo de dos aos, los responsables retiraron el mapa de circulacin
porque ni los pasajeros ni el personal poda entenderlo. Tanto el diseador como
los responsables tendran que haber sido ms previsores.
Pues, en 1977, surgi un problema similar con el mapa de Massimo Vignelli para
el metro de Nueva York: acab siendo reemplazado por un mapa topogrfico
diseado por John Taurenac. Durante el mismo perodo, un grupo de
Investigacin de la University of Technology de Delft, dedicado a estudiar la efectividad del famoso mapa diagramtico para el metro de Londres (diseado en
1933 por el delineante Henry Beck), haba avanzado en su informe final que una
de las causas probables de su xito resida en el enfoque topogrfico que se
diseo, que la mejor solucin consiste, la mayor parte de las veces, en un compromiso que combina los puntos fuertes de varios conceptos. En la versin
de Delft, las lneas de metro en el centro de Londres se representan
topogrficamente, y las de las cercanas de manera esquemtica. En el mapa del
centro de la ciudad se ampla y se incluyen referencias a puntos destacados,
como parques, lugares de inters y museos. Esta informacin facilita que los
Turistas puedan organizar mejor sus visitas y evita desplazamientos intiles.
Ejemplo 3
En 1986, el transbordador espacial Challenger explot poco despus de despegar de
Cabo Caaveral y murieron los siete astronautas que viajaban a bordo, un suceso
trgico que supuso un revs para el programa espacial americano.
La causa ms probable fue un defecto en el anillo de precintado, para ser ms
Ejemplo 4
El vestbulo de la antigua estacin de tren de Maliebaan, en Utrecht,
actualmente Museo del Tren, y las antiguas oficinas centrales de
Gemeentetram en Amsterdam datan de una poca en que las entradas a los
edificios eran unos elementos arquitectnicos claramente identificables, a
menudo remarcadas con refinados y apropiados rtulos, como sucede en la
entrada a Bungehuis en Amsterdam. En nuestra poca, son habituales entradas
como sta para una residencia de estudiantes en Amstelveen, que slo es
identificable por la gran cantidad de bicicletas situadas a ambos lados. Por lo
que respecta a la entrada incrustada del Kunsthal de Rotterdam, diseada por
Rem Koolhaas, pronto ser eliminada...
1 Entrada al Gemeentetram,
Amsterdam, diseada por el
arquitecto Marnette en 1922.
2 Entrada de la residencia de
estudiantes Uilenstede en
Amstelveen, construida en los
aos cincuenta.
3 Entrada al Bungehuis,
Amsterdam, diseada por
W.J. Kloken 1934.
4 El Museo del Tren en
Utrecht, antigua estacin de
trenes que data de 1874.
Ejemplo 5
Los relojes Swatch ayudaron a revitalizar la industria relojera suiza, pero es tan
difcil leerlos que se necesita tiempo extra si se quiere estar seguro de poder
coger el tren o llegar a tiempo a una conferencia.
Ejemplo 6
Para los que necesitan saber qu hora es, hay alternativas disponibles frente a los
relojes Swatch, pero a veces los consumidores no tienen ninguna alternativa.
Parece que frecuentemente al diseador no le importa sacrificar el texto en aras
de sus aspiraciones artsticas. El diseo grfico contemporneo est repleto de
ejemplos de sobrediseo.
1 Sorprendente entrada a la
Opera Bastille de Pars.
2 Rtulo en la fachada de
entrada a un hospital.
3 Esquema que muestra
varas opciones para la
colocacin de rtulos
orientativos en el interior
de un edificio.
4 Entrada de mercancas de
un edificio industrial.
La entrada principal est en
la esquina opuesta!
Voy a acabar esta introduccin con una cita del instructivo y ameno libro The
Psychology of Everyday Things, de Donald Norman:
1-4
Bocetos para mejorar el
mecanismo de
accionamiento de las
puertas del Fokker 50.
Estado inicial (I); varias
pruebas sobre un panel
de control elctrico (2);
palanca de accionamiento
de la puerta (3);
instrucciones necesarias para
accionarla en el caso de que
el mecanismo existente
no se modificara (4).
Ejemplo 7
Hacia 1980, el fabricante de aviones Fokker tuvo problemas con las puertas.
Al realizarse una investigacin, se demostr que la tripulacin que no estaba
familiarizada con los aviones Fokker quedaba desconcertada por el complicado
sistema de bloqueo. La University of Technology de Delft fue requerida para
repasar las instrucciones de manipulacin. Aunque los investigadores
demostraron que podan mejorarse, tambin llegaron a la conclusin de que
el problema de fondo resida en un mecanismo de cierre demasiado complicado.
En otras palabras, reemplazar las instrucciones visuales, slo sera una solucin
parcial. Por consiguiente, aconsejaron disear la puerta. La solucin que
sugirieron se centraba en el diseo espacial, desplazando parte del mecanismo
manipulativo a un panel elctrico cerca de la puerta. Tambin en este caso,
La universidad pudo aconsejar mejoras basndose en un anlisis funcional.
"Muchos sistemas modernos de telefona tienen una funcin nueva que permite marcar un nmero
repetidas veces automticamente. A esta funcin se la conoce como 'marcado automtico' o
'llamada automtica'. Se supone que se debe usar esta funcin cuando se llama a un telfono que
no contesta o cuando la lnea est ocupada. Cuando la persona a quien se llama cuelga el
telfono, el nuestro marca el nmero de nuevo, pudindose activar varias llamadas automticas a la
vez. El funcionamiento es el siguiente: se hace una llamada telefnica; no contesta nadie; o sea que
se activa la funcin de llamada automtica. Varias horas despus, suena el telfono, lo cojo y digo:
'Dgame?', pero lo nico que se oye es el timbre de otro telfono y, a continuacin, una voz que
dice: 'Dgame?' Yo contesto: 'Dgame?' La otra persona contesta: 'Quin es? Es usted quien ha
llamado'. Y yo digo: 'No, usted me ha llamado a m, mi telfono acaba de sonar'. Poco a poco, me
voy dando cuenta de que quiz se trata de mi llamada retardada. Veamos, a quin he llamado
hace unas cuantas horas? Tena varias llamadas preparadas? Cul era la razn de esta llamada?
Norman afirma que el diseo de este telfono hace caso omiso de un principio
importante en diseo: la visibilidad. Los paneles de control, como otros muchos
instrumentos modernos, realizan varias funciones, pero estos instrumentos
proporcionan, en general, muy poca informacin, o sea que los usuarios no
tienen manera de saber si sus acciones producen el resultado deseado. Las
mltiples funciones no son visibles, y existen muchas ms funciones que botones.
Esto contrasta, por ejemplo, con los automviles, donde la mayor parte de los
controles estn a la vista y se corresponden, aproximadamente, con la accin que
realizan. La ventaja en este caso es, segn Norman, que el usuario necesita
recordar muchas menos cosas de memoria.-
Panel de control en el
salpicadero de un coche,
extrado del manual de un
Volvo 480.
Forma o funcin?
Hasta aqu hemos tratado acerca del diseo de la informacin visual. Algunos de
los aspectos que hemos analizado son pertinentes tambin en campos prximos
como el diseo industrial, el diseo grfico o la morfologa y la psicologa
experimental; y podemos encontrar ejemplos de ello en estudios empresariales
y en la construccin. Sin embargo, para lograr la mayor claridad posible al tratar
temas de formacin e investigacin, es recomendable definir el campo de la
informacin visual con la mayor precisin posible. Una buena definicin facilita la
colaboracin interdisciplinaria. Los diseadores tienen tendencia a combinar los
valores y principios descubiertos por otras disciplinas en un todo funcional que
desemboca en un conjunto mayor que la suma de las partes que lo componen,
O, como Josef Albers dijo: en diseo, I + I a veces es 3.- En vista de los
China, y la velocidad era una cuestin esencial para poder esquivar tanto a las
patrullas oficiales como a los piratas. As pues, los clculos para aumentar la
velocidad dictaron la forma del buque (quilla), y fueron determinantes frente a
los requisitos de funcionamiento interno y organizacin ptimos del barco; en
estos aspectos secundarios, la funcin tuvo que adaptarse a la forma".
Ms tarde, Henry van de Velde y Le Corbusier elogiaron estos barcos
transatlnticos como ejemplos de funcionalismo y de "arquitectura pura, ntida,
clara y poderosa". Sin embargo, muchas de sus caractersticas no tenan nada
que ver con la utilidad. El tamao y el nmero de chimeneas se deba,
deliberadamente, a la intencin de transmitir una poderosa sensacin de
grandeza. El interior estaba diseado para complacer y, sobre todo, para
Tranquilizar a los pasajeros y distraerlos de los aspectos menos placenteros
como los mareos y los peligros inherentes a cualquier viaje martimo. stas
tambin eran funciones importantes.As pues, la confusin acerca de los conceptos funcionalismo y esttica no es
nueva, ya que la emocin y las necesidades sociales y culturales tambin juegan
un papel en la determinacin de la funcin. Ms de uno pensaba que bastaba
con abordar de manera escrupulosa la construccin y los materiales para que
estas necesidades se resolvieran automticamente. Frank Lloyd Wright no era el
nico que proclamaba que "la mquina, con su tendencia a la simplificacin, es
capaz de revelar la naturaleza, la belleza intrnseca de los materiales". En 1922,
Edward Tufte concluy, una vez ms, que la esttica es un efecto secundario de la
presentacin visual de la informacin.- Para decirlo de otra manera, la "forma"
significaba, por encima de todo, "belleza", una idea que, ms tarde, se pondra
en duda considerndose que la esttica era algo ms.
1 Smbolo de la lana
diseado por Francesco
Saroglia en 1964.
2 Versin de la estrella de
David diseada por Otto
Treumann.
3 Seales de carretera
para carreteras comarcales
en Holanda.
4 Seales de carreteras
en Londres, con una lista
de destinos de las afueras.
Ms adelante hay otro
cartel del mismo tamao
que la lista de los destinos
locales.
poca. stos adoptaron sus deas, pero durante el proceso aadieron su propio
comentario ideolgico: al abolir las maysculas, tambin estaban aboliendo una
de las innumerables jerarquas superfluas. En 1925, la Bauhaus aboli
oficialmente el uso de las maysculas.- Esta medida se explicaba en la esquina
inferior izquierda del papel oficial diseado para la escuela por Herbert Bayer: "lo
escribimos todo en minsculas porque ahorra tiempo; adems, por qu tener
dos alfabetos si uno solo cumple el mismo objetivo? por qu escribir en
maysculas si no podemos hablar en maysculas?". En esa misma poca, la
Bauhaus introdujo el tamao de papel DIN A4 y aplic el estndar DIN 1924
(n. 676) para los tamaos del papel de escritura. Este dogma fue adoptado ms
tarde por muchos diseadores holandeses, incluyendo Piet Zwart, Willem
Sandberg y los diseadores de la empresa consultora de Amsterdam Total
Design, quienes se adhirieron resueltamente a las minsculas al disear el sistema
Una cuchara extensible para medir caf, fabricada por la empresa cafetera
ms importante de Holanda, Douwe Egberts (Sara Lee), frente a un
Reloj Swatch.
2-4
Uso de pictogramas en
control remoto de una
televisin Philips (2), en
electrodomsticos de
Siemens (3), y en un
cartel de los ferrocarriles
holandeses (4).
5-6
Un ejemplo de la
aplicacin de pictogramas
(5) y una seleccin al azar
de los pictogramas
introducidos en el
aeropuerto de Schipholen
1993 (6).
La intencin era apoyar
el texto bilinge
(holands e ingls).
A pesar de ello, se tuvo que esperar hasta 1970 para que los ferrocarriles
holandeses decidieran introducir pictogramas generalizados en los rtulos de
las estaciones. Optaron por una versin revisada de los pictogramas
normalizados que ya haban sido adoptados por el conjunto de los ferrocarriles
europeos, y encargaron su diseo a la empresa consultora Tel Design
(Gert Dumbar y Gert-Jan Leuvelink, entre otros) de La Haya.
Los pictogramas tambin empezaron a hacer acto de presencia en varios
productos industriales de la poca. Entre las empresas pioneras se contaban
Siemens (electrodomsticos), Philips (equipos audiovisuales) y Toyota
(automviles). Los fabricantes se dieron cuenta de las ventajas econmicas que
implicaba el uso de pictogramas en los manuales de instrucciones: slo haca
falta una versin para cada producto. A partir de entonces, los consumidores
de todo el mundo reciban un mismo folleto multilingstico e iban
memorizando el significado de todos esos pequeos smbolos. En el campo del
diseo de informacin visual hay poco espacio para los valores eternos, y los
criterios cambian con tanta facilidad como los hbitos de los usuarios.
En mayo de 1993, se reincorporaron las iniciales en maysculas en los
rtulos del aeropuerto de Schiphol; a su vez, se incorporaron una gran cantidad de
pictogramas. Volvemos a la versin revisada de las tres virtudes
Vitruvianas de un diseo, combinando diseo, fiabilidad y utilidad para el disfrute
Informacin visual
La primera representacin grfica de datos que se conoce se remonta al siglo
XIV, y se atribuye al obispo de Lisieux (c. 1320-1382), Nicholas Oresme, de
quien tambin se dice que haba sugerido, anticipndose a Galileo, que el
firmamento giraba alrededor de una Tierra inmvil. Oresme represent los
datos en forma de columnas verticales a lo largo de un eje horizontal de
izquierda a derecha. La altura de las columnas verticales expresaba intensidad.
La figura geomtrica que formaban la parte superior de las columnas indicaban
el cambio que ocurre sobre el sujeto en cuestin durante, por ejemplo, un
perodo de tiempo determinado.- (La definicin cientfica de este sistema de
ejes horizontales y verticales tendra que esperar hasta el siglo XVII, cuando
Rene Descartes la describi. Desde entonces se denomin Sistema de
1 Grfica informativa de
Nam Nguyeh, 1992.
La corta carrera del
hidroavin ms grande del
mundo, el H-4 (1974).
2 Collage de elementos
utilizados para representar
visualmente informacin
estadstica segn el
mtodo viens de Otto
Neurath.
alcance: "Es posible que el mtodo Isotype se convierta en uno de los factores
que ayudarn al surgimiento de una civilizacin donde todas las personas
compartan una cultura comn, y donde se podrn eliminar las diferencias entre
las personas con educacin o sin ella".- Pero el impacto de las deas de Neurath
qued limitado por el hecho de que su vocabulario visual se mostr incapaz de
representar circunstancias econmicas abstractas. De todos modos, por su
considerable valor grfico, aplicados por artistas como Gert Arntz, su obra
continu siendo una importante fuente de inspiracin para diseadores grficos.
Tambin contribuy al desarrollo de los pictogramas y, de modo indirecto, de
la "infogrfica" que cada vez es ms popular en peridicos y revistas.
El constante desarrollo de los programas de grficos por ordenador produjo,
obviamente, un nuevo paso que sera la infografa en movimiento. Un buen
Ejemplo de esto es la animacin por ordenador creada para el Departamento
1
2
Holands de Aviacin Civil, una reconstruccin del malparado vuelo del avin
israel de carga El Al, el 4 de octubre de 1992, hasta el momento en que se
estrell en un barrio residencial a las afueras de Amsterdam. La animacin se
bas en la cinta grabada por la torre de control del aeropuerto de Schiphol,
y en otros datos disponibles. Por respeto, el dilogo original entre el capitn y
la torre de control (que se muestra en su totalidad en la parte superior de la
imagen) fue representado por actores. La trayectoria del vuelo se puede ver en
forma de lnea continua, y la altitud aparece en forma de rayas blancas verticales
a intervalos regulares. En la esquina inferior derecha se ha situado un detector
de altitud simulado, un importante instrumento de vuelo. En la imagen ilustrativa
que mostramos aqu, el avin ya ha perdido los dos motores de la derecha, pero
la tripulacin an no lo sabe.
La escenificacin generada con la adicin de sonido y movimiento tiene un
1 Muestra de la animacin
por ordenador encargada
por el Departamento
Holands de Aviacin
Civil. La conversacin
entre la tripulacin y la
torre de control del
aeropuerto de Schiphol se
sincroniz con la imagen.
2 Infogrfica de Nieuws van
de Dag que relaciona dos
grficas (vase la grfica de
la campaa de Napolen
en la pgina 29).
1 El problema principal de
la cartografa es la
representacin plana de
una informacin esfrica.
2 Parte delantera de un
autobs de Londres.
El texto y los nmeros
se cuentan entre las
formas ms abstractas
de comunicacin.
3 Representacin de un
producto y explicacin de
su funcionamiento
combinadas en una sola
ilustracin sin texto.
4 Diagrama creado por
Liesbeth Zikkenheimer
como gua para la
seleccin del medio visual
apropiado. Las clasifica
ciones contienen el grado
de abstraccin y el tiempo
de aprendizaje necesario.
1Combinacin efectiva de
un diagrama y una
ilustracin
extremadamente realista
sobre el uso de la madera
para fines comerciales.
2 Diagrama de flujo de un
libro de texto que muestra
el proceso de fabricacin
de varios productos
metlicos.
Variables grficas
1-2
A la izquierda, la disposicin
de Bertin de las variables
grficas: posicin, forma,
tamao, contraste, textura,
color y direccin. A la
derecha, una variante
desarrollada para ser utilizada
por los diseadores grficos.
4-8
Ejemplos de aplicaciones
de las variables grficas, de
izquierda a derecha:
posicin y tamao
(de texto) en un pster de
Jan Tschichold de 1930;
color (cdigos) y forma
(smbolos). En esta pgina
se muestran ejemplos de
recuadros y reas de color.
En esta pgina podemos ver la matriz que se ha desarrollado con este propsito,
completada con los tipos de elementos que se pueden encontrar en cualquier
publicacin. Usando este mtodo se podra disear la leyenda de un mapa antes
que el mapa mismo, o los botones y los contadores de un panel de control
antes que el panel, o un manual de instrucciones antes que el electrodomstico.
Slo al final se incorporara la informacin y las funciones especficas. Los medios
interactivos (es decir, los sistemas de informacin electrnicos) posibilitan
incluso la simulacin del uso real de antemano, permitiendo que los fabricantes
prueben las distintas funciones de un panel de control simulado en una pantalla
en color, antes de emprender el proceso de diseo en s. Al apretar los botones
virtuales, la pantalla muestra lo que sucedera en la realidad. As, el diseador
Tiene un mejor conocimiento de la mquina, mientras que el fabricante ahorra
tiempo y dinero en el proceso de diseo.
Ilustracin procedente de
un manual francs sobre la
poda de los rboles
frutales.
4 Instrucciones
en unos fuegos
artificiales chinos.
Experimento o destreza
Nuestra sociedad est inundada con los resultados de investigaciones cientficas
pero slo una parte nfima llega a ver la luz en forma de diseo de informacin
visual. En principio la culpa la tienen los propios investigadores. Los informes
cientficos acostumbran a ser totalmente impenetrables para los profanos; a su vez,
las conclusiones y recomendaciones (cuando existen) estn rodeadas de tantas
reservas que seran suficientes para volver loco incluso al diseador con
Ms aptitudes prcticas. No estaran fuera de lugar entre la letra pequea de una
pliza de seguros.
ste es el problema al que se enfrentan los pocos diseadores que se preocupan de
recoger nuevos conocimientos. Sin embargo, un grupo sustancialmente ms
numeroso de diseadores tiene unas prioridades muy diferentes: expresin
1 En las instrucciones de `
LEGO se puede contar
cada pieza
2 Muestra de la serie
Access de Saul Wurman,
dedicada a la visualizacin,
paso a paso, de
procedimientos mdicos.
3 Ilustracin tcnica del libro
Man & Machines de
Mitchell Beazley, un campo
de especializacin que no
se ensea en Holanda.
Tendencias
La introduccin de la microelectrnica a gran escala en prcticamente todos los
productos imaginables, ha comportado un incremento espectacular en el nmero
de funciones de los productos. El resultado, segn Piet Westendorp, investigador
de la Universidad de Delft, es que incluso el funcionamiento de los productos ms
sencillos, como un reloj o una radio, es ms complicado que nunca. Actualmente,
uno de los mayores obstculos para el consumidor es el vdeo programable.
El resultado final de este desarrollo son manuales de instrucciones cada vez ms
extensos, paneles de control cada vez ms complejos y mapas atiborrados.
Ya es hora de hacer las cosas al revs: primero, disear el panel de control, las
instrucciones, la leyenda o el sistema de signos y luego ajustados a los usuarios, a
sus posibilidades y sus limitaciones y slo entonces ponerse a disear el producto.
I Combinacin de
elementos de cmic con
una vista area, en un
folleto para promover el
reclutamiento en las
Fuerzas Areas
Holandesas.
2-7
La multiplicidad de
funciones que realizan los
electrodomsticos
modernos requiere que se
facilite su uso y, por
consiguiente, que las
instrucciones sean claras.
2 Sin embargo, el diseo de
productos que sean
"fciles de manipular"
todava no se ha
planteado.
3 Primeros componentes de
un lenguaje visual universal
creado por el diseador
industrial John Dreyfuss.
4 Secuencia filmogrfica del
Het Beste Autohandboek.
5 Primer plano de un
componente en las
instrucciones de una
mquina de coser
Husqvarna.
6 Enfoque tipo cmic en las
ilustraciones de un manual
holands del lenguaje de
signos.
7 Visin general de varias
torres internacionalmente
famosas en un centro
urbano ficticio. Parte de
una infografa por
J. Grimwade en The
Times (Londres).
1 Cartel de instrucciones de
seguridad a la que se
refiere Ernst Gombrich.
2 Instrucciones normalizadas
propuestas para los
aviones.
3 Detalle de un cartel con
instrucciones fotogrficas
de la Swissair.
En cuanto a la informacin
y a los diseadores
Tengo la impresin de que el diseo ha estado recibiendo cada vez ms
presin de disciplinas que trabajan con datos aparentemente tangibles y
cuantificables. Por muy importantes que sean para los diseadores del futuro,
el elemento unificador en el diseo de un producto es el acto de dar forma.
ste es el que proporciona el look que los consumidores reconocen como
marca de calidad e integridad, y es la nica parte del proceso de diseo que es
capaz de aportar ingenio, viveza y alegra (para citar a Hartmut Esslinger- de
frogdesign) y satisfaccin esttica. La tarea de cientficos y diseadores es
descubrir la multitud de leyes de diseo todava ocultas, pero sin lugar a dudas
funcionales, y desarrollar las herramientas que los diseadores puedan utilizar
para dar forma a sus ideas. Los clientes siempre han sido la fuerza motivante
que ha estimulado a los diseadores a acumular conocimientos, inventar
modelos y mtodos, y crear soluciones. Los mejores diseos surgen en
colaboracin con clientes crticos que consideran cuidadosamente los
argumentos, muchas veces subjetivos, que les ofrecen los diseadores y que
no estn dispuestos a dejarse convencer a la primera. Un ejemplo de cliente
como gua es el aeropuerto de Schiphol. Desde el principio, la directiva insisti
en que se mantuviera una distincin clara entre los aspectos racionales y
funcionales por un lado, y la calidad esttica por otro. Con un enfoque as, las
inevitables discusiones acerca de lo bello y lo feo pueden posponerse hasta que
el contenido ha quedado establecido, de este modo se soluciona un problema
que preocupa y, a veces, llega a paralizar a los profesionales del diseo.
El objetivo de la ciencia no puede ser proporcionar recetas o respuestas
instantneas. Esto sera imposible. Tampoco tiene sentido estudiar slo
Ejemplos brillantes, porque los resultados de la imitacin son, por lo comn,
profundamente enfermizos.- La formacin puede ayudar a los estudiantes a
adquirir conocimientos e intuicin y, citando al diseador holands Walter
Nikkels: "estimular el ingenio, la creatividad, la curiosidad y una diligencia
incansable en el campo de las tcnicas y los materiales".-