El profesional de la información, vol. 10, nº 12, diciembre 200134

Diseño de información para el web, 1996-2000.Un análisis bibliográfico selectivo

Por Jesús Tramullas

Resumen: Este trabajo revisa la evolución del diseño de información para el world wide web, durante el período1996-2000. Se realiza un análisis de los principales y más conocidos manuales publicados sobre la cuestión, así comolos enfoques y aportaciones de los mismos. El estudio permite establecer la existencia de varias corrientes y escuelas.

Palabras clave: Diseño de información, Diseño web, Arquitectura de la información.

Title: Information design for the web, 1996-2000. A selected bibliographical analysis

Abstract: This paper reviews developments in information design between 1996-2000, in the context of the WorldWide Web. An analysis is made of the major, best known manuals and books on this subject, highlighting the focusand main features of each. The study reveals different tendencies and schools of thought on this subject.

Keywords: Information design, Web design, Information architecture.

Tramullas, Jesús. “Diseño de información para el web, 1996-2000. Un análisis bibliográfico selectivo”. En: El profesional de la información, 2001,diciembre, v. 10, n. 12, pp. 34-40.

Jesús Tramullas

Planteamiento

El diseño de información para el web es una disci-plina en auge y en constante desarrollo. La novedaddel medio, unida a su interactividad y a la aceleradaaparición de nuevas técnicas y herramientas, ha permi-tido constituir un campo nuevo en el que se han inte-grado progresivamente profesionales y expertos pro-venientes de muy diversas áreas, cada uno de los cua-les ha aportado aproximaciones y métodos que lo hanenriquecido. El objetivo de este trabajo es identificar,mediante el análisis de las monografías más intere-santes, las líneas y enfoques que se han aplicado en elmismo, incidiendo en las aportaciones que han reali-zado para ello.

«La conceptualización y defini-ción de la disciplina ‘diseño deinformación’ resulta complejapor las múltiples facetas que

se integran en la misma»

Se han seleccionado como puntos de referencia lasmonografías y manuales más reconocidos, ordenadoscronológicamente ya que por las características delmedio al que se dirigen, son los que reúnen los requi-sitos necesarios para satisfacer el propósito del estu-dio. Esta decisión nos ha llevado a no incluir materialpublicado en revistas y congresos especializados yaque, aunque suelen ofrecer las garantías de calidad ynovedad exigibles, en realidad no tienen el mismo im-pacto sobre la actividad profesional que la obtenidapor las obras referenciadas.

Cabe señalar, sin embargo, que casi todas ellas tie-nen detrás un fuerte bagaje científico, identificable enla actividad de los correspondientes autores. Como

puede deducirse de este planteamiento, tampoco sehan incluido guías o manuales dedicados a lenguajesde etiquetado o de programación para el www dadoque no están dedicados al diseño o arquitectura de in-formación para el web.

Se ha seleccionado un período de cinco años, elcomprendido entre 1996 y 2000, ya que durante elmismo puede apreciarse el surgimiento y desarrollo devarios enfoques o líneas de trabajo sobre el tema encuestión. En realidad, es difícil encontrar otro materialprevio en el cual se aborde el problema de diseño deinformación para el web, aunque sí pueden hallarseobras de referencia obligada sobre el tema para aplica-ciones en entorno informático1. Por otra parte, la con-ceptualización y definición de la disciplina “diseño deinformación” resulta compleja por las múltiples face-tas que se integran en la misma, por lo que remitimosa las referencias básicas para comprender sus caracte-rísticas2. Para terminar este planteamiento, desde nues-tra perspectiva el proceso de diseño y creación de do-cumentos digitales3 es inherente al desarrollo actual delas ciencias de la información y la documentación, porlo que es en este marco donde debe entenderse el dise-ño de información, como ya ha sido aceptado por aso-ciaciones de referencia como Asist4.

Análisis bibliográfico—Sano, Darrel. Designing large-scale websites.

New York: John Wiley, 1996.

El libro de Sano (en ese momento en la NetscapeCommunications Corporation) tuvo la virtud de intro-ducir una primera aproximación al rigor de la metodo-logía de desarrollo de productos de información en elmundo web. Hasta ese momento los manuales y traba-jos al uso se centraban en explicar las características de

El profesional de la información, vol. 10, nº 12, diciembre 200136

html como herramienta de creación de documentos hi-pertextuales, las prestaciones de los lenguajes de etique-tado y las posibilidades de integración de multimedia einteracción mediante cgis. El autor estableció una pri-mera diferenciación según el objetivo de las sedes web,para pasar a insistir en la importancia del marco organi-zativo al que servía, la estructura del espacio informati-vo y los tipos de páginas que iban a tener, que, en reali-dad, correspondían a las clases de contenido informati-vo y de interacción que podían ofrecer las mismas.

Otra de las aportaciones fue la adopción de lo queel autor definió como un método de diseño visual parael web (capítulo 4), fundamentado en la incorporaciónen los documentos de componentes gráficos que indi-caban las relaciones visuales entre ellos, así como elcontexto informativo en el cual adquirían su sentido,merced a la adopción de elementos simples y consis-tentes que permitían identificar alusuario dónde se encontraba y quéestaba haciendo dentro del espacioinformativo de la sede web.

—Powell, Thomas A.; Jones,D. L.; Cutts, D. C. Web site engine-ering. Beyond web page design. Up-per Saddle River: Prentice Hall,1998.

El prefacio de esta monografíaincluye la frase clave que deberíahaber presidido el diseño de infor-mación para el web desde sus co-mienzos: “web site design is notgraphic design” (pág. ix). El conte-nido posterior insiste, de una maneramás rigurosa y sistemática, en laadopción de un enfoque de ingenie-ría del software para la producción de sedes web, peromodificado teniendo en cuenta que “web engineeringis not software engineering” (p. 47). Si bien el métodoofrece las fases clásicas de un modelo de cascada, losautores proponen su modificación a espiral, para ha-cerlo más acorde con las particularidades del web.

Es interesante indicar que el enfoque toma comopuntos de partida el estudio del web como medio decomunicación, no como aplicación software, y el aná-lisis de la actividad del usuario durante una sesión. Es-to conlleva que el proyecto comience por la definicióndel problema y por la obtención de la solución al mis-mo, dedicando considerables recursos a la especifi-cación de requerimientos. Hay que destacar que el ca-pítulo 6 en su totalidad trata temas como el diseño deinformación, la diferencia entre aplicación e informa-ción, el diseño de navegación, etc., mientras que el ca-

pítulo 8 se dedica a las pruebas y test de funcionalidad,contenido y usuarios.

«El proceso de creación de do-cumentos digitales es inheren-

te al desarrollo actual de lasciencias de la información y ladocumentación, por lo que eneste marco debe entenderse el

diseño de información»

Otro de los valores de este trabajo es considerarque la publicación en web va a aumentar considera-blemente en virtud de la generación dinámica de do-cumentos desde bases de datos, así como que esta cre-ciente problemática de las herramientas de diseño ypublicación necesitará metodologías complejas. Laevolución durante los dos últimos años del software de

gestión de contenidos ha sido buenamuestra de ello ya que ha combina-do las características del desarrolloestructurado con los sistemas de pu-blicación dinámica de contenidos.

—Fleming, Jessica. Web naviga-tion. Designing the user experience.Sebastopol: O’Reilly, 1998.

En 1998 la editorial O’Reilly publicados libros clave en el diseño de in-formación para el web. La obra deFleming incide en el estudio de laexperiencia del usuario, que se desa-rrolla a través de las interfaces. Des-de esta perspectiva introduce el en-foque de “user-centered design”, quese acomoda en el proceso de interac-

ción hombre-máquina y que tiene lugar de manera fun-damental en el mecanismo de navegación que lleva acabo el usuario mientras busca la información necesa-ria para alcanzar sus objetivos. Aunque aborda lascuestiones de proceso de diseño y arquitectura de la in-formación, lo realmente interesante es el estudio quehace sobre las características de la implementación dela navegación en los diferentes tipos de sedes. Identi-fica los objetivos específicos de los usuarios en cadatipo de sede y, conforme a ello, propone una organiza-ción tanto de contenidos como de navegación inheren-te diseñada para satisfacer esos propósitos.

Los estudios de caso, las entrevistas a diseñadoresque enfocan su trabajo en la experiencia de usuario, asícomo la recopilación de lecturas y enlaces comple-mentarios son un valor añadido para esta obra que esun claro exponente de esta corriente.

Jesús Tramullas

El profesional de la información, vol. 10, nº 12, diciembre 200138

—Rosenfeld, Louis; Morville, P. Information ar-chitecture for the world wide web. Sebastopol: O’-Reilly, 1998.

Este manual ha alcanzado la categoría de clásicoen el campo de la arquitectura de la información parala web, hasta tal punto que muchas de las obras poste-riores incluyen estructuras y enfoques similares en loconcerniente al tema. Ambos autores se han formadoen el campo lis (library and information studies) y suconcepto nuclear es la arquitectura de la información,que definen como “la ciencia de la organización de lainformación”, construyendo para ella un fundamentoteórico en los capítulos 2 y 3. Como se señala en elprefacio, el libro es útil para “anyone who confusesweb page design with web site design” (pág. xv).

En la metódica organización del texto establecen,de manera indirecta, cuatro grandes bloques de activi-dad correspondientes a: la organización de la informa-ción, el diseño de los sistemas de na-vegación, los procedimientos de eti-quetado e identificación de conteni-dos y los sistemas de búsqueda deinformación (en el contexto internode la sede). La influencia de la ten-dencia lis se aprecia, por ejemplo, enla propuesta de utilización de clasifi-caciones científicamente construidaspara los sistemas de etiquetado decontenidos, o en las técnicas de es-tructuración de nodos informativos.La plasmación de los principios teó-ricos se muestra en los capítulos 7, 8y 9 dedicados a un método completode diseño y creación de sedes web.

—Burdman, Jessica. Collabo-rative web development. Strategies and best practicesfor web teams. Reading: Addison-Wesley, 1999.

Burdman ha insistido en la importancia que, jun-to a una adecuada metodología, tiene la selección,composición y organización del equipo de trabajo ne-cesario para crear y mantener una sede web. La autoratiene el acierto de señalar que no existe ni puede exis-tir un único método para ello, ya que el contexto de ob-jetivos, necesidades y equipo de trabajo en cada casopuede variar notablemente. Compara en una interesan-te tabla las características del web, del software y de lapublicidad, así como la influencia de cada una de ellasen el diseño (pp. 3-5).

Debe destacarse que, desde la perspectiva de la au-tora, además de la relatividad que adquiere el procesode diseño (insistiendo en la existencia de buenas prác-ticas comunes que deben adecuarse a cada situación),la cuestión clave del éxito es la composición, organi-

zación y desarrollo del equipo humano de trabajo. Aello dedica dos capítulos completos así como partescomponentes de otros tres, a lo que hay que unir lacomprensión de las necesidades y objetivos del clien-te, frente a un único capítulo dedicado al proceso dedesarrollo.

«El software de gestión de con-tenidos ha combinado las ca-racterísticas del desarrollo es-tructurado con los sistemas depublicación dinámica de conte-

nidos»

—Lynch, Patrick J.; Horton, S. Web style guide.Basic design principles for creating web sites. NewHaven: Yale University Press, 1999.

Este afamado manual es la plasmación en papel dela guía de diseño de ambos autores disponible en el

web desde 1997. Ofrece una pers-pectiva integradora que combina losenfoques de arquitectura de la infor-mación con las interfaces de usuariojunto con una realización equilibraday consistente de las páginas. Espe-cialmente interesante por sus ejem-plos y propuestas es el capítulo 4 de-dicado al diseño de páginas, ofre-ciendo un estado del arte sobre el te-ma de plena vigencia, sin rehusar en-trar en cuestiones técnicas que afec-tan a las características de presenta-ción y disposición de los documen-tos, todo ello muy influenciado porla perspectiva de la creación y pro-

ducción técnica de documentos. Se trata de una reco-pilación ordenada y metódica de “buenos usos y cos-tumbres”, dentro del marco de un proceso general dediseño, por lo que mantiene gran parte de su validez.

http://info.med.yale.edu/caim/manual

—Spool, Jared; Scanlon, T.; Schroeder, W.;Snyder, C.; Deangelo, T. Web site usability. A desig-ner’s guide. San Francisco: Morgan Kaufmann, 1999.

El trabajo de estos autores, contra lo que puede pa-recer por el título de la obra, no es una guía para dise-ñadores. Por el contrario, se trata de las conclusionesalcanzadas tras someter, durante 1997, a un conjuntoseleccionado de sedes web a un análisis de “usability”tan de moda en la actualidad. Este estudio se llevó acabo usando como marco un conjunto de formularioscuyo examen permite extraer conclusiones sobre cómolos usuarios utilizan las fuentes y la información pues-tas a su disposición. Sin embargo, los autores estable-

Jesús Tramullas

39El profesional de la información, vol. 10, nº 12, diciembre 2001

Diseño de información para el web, 1996-2000. Un análisis bibliográfico selectivo

cen un principio que se ha hecho común: “[...] we pro-bably weren’t using these sites in the way that their de-signers intended” (pág. xv).

El método seguido lo ha convertido en una re-ferencia muy citada, aunque en realidad es un conjun-to de mediciones cualitativas basadas en el sentido co-mún. De especial interés es el capítulo 1 en cuanto es-tablece, gracias a los análisis realizados, cinco princi-pios básicos a considerar para el diseño de sedes web:“1. Graphic design neither helps nor hurts; 2. Textlinks are vital; 3. Navigation and content are insepara-ble; 4. Information retrieval is different than surfing; 5.Web sites aren’t like software” (pp. 9-13).

—Lowe, David; Hall, W. Hypermedia & the web.An engineering approach. Chichester: John Wiley,1999.

El título de esta monografía nodebe llevar a pensar que se trata deotro exponente del enfoque de inge-niería del software aplicada a la web.Se trata de un punto de vista queconsidera las sedes web como apli-caciones hipertextuales e hiperme-diales. Fundamentado de manera ri-gurosa, analiza en primer lugar elconcepto de hipermedia así como losmodelos de información suscepti-bles de uso y las características delas aplicaciones de este tipo, paraproponer una actividad de diseño,creación y mantenimiento a la quedenominan “hypermedia enginee-ring”, que tiene tanto en la calidaddel producto como en la del procesoun componente esencial.

En lo que respecta al diseño de información, hayque reseñar el exhaustivo método de construcción desedes web que se articula en la segunda parte del libro(capítulos 7, 8 y 9). Organizado según procesos, méto-dos y técnicas, ofrece un completo marco de desarro-llo que revisa las posibles opciones y variedades exis-tentes de tal forma que estudia modelos de producto,de proceso, documentación del proyecto, técnicas deestructuración de la información, establecimiento deenlaces, navegación, etc. Para terminar, analiza deteni-damente varios productos y metodologías de diseño ydesarrollo de aplicaciones hipermediales, concluyendocon unos útiles apéndices que sirven como guía de par-tida para crear y producir una aplicación hipermedia.

—Pearrow, Mark. Web site usability handbook.Rockland: Charles Media River, 2000.

Frente al contenido empírico del libro de Spool,esta obra es un verdadero manual de análisis y técnicasde “usability” aplicadas tanto a estudios de sedes comoa los procesos de diseño, muy superior, por ejemplo, alafamado libro de Nielsen. Su base teórica es el diseñocentrado en el usuario (“user-centered design”), al cualdedica el capítulo 2 al completo, así como los factoreshumanos que intervienen. Desde estos fundamentosestablece el estudio como un proceso continuo de inte-racción entre producto, objetivo y actividades de usua-rio final. Analiza la evaluación heurística aplicada alweb, una herramienta clave para la usabilidad, así co-mo el establecimiento de laboratorios especializados yla confección de test experimentales.

Desde esta perspectiva, y al igual que otros textosenfocados a la usabilidad, su tratamiento del diseño deinformación es limitado, fijándose en aspectos esen-cialmente visuales del mismo.

—Nielsen, Jakob. Designing webusability. Indianapolis: New Riders,2000.

Resulta obligatorio incluir el libro deNielsen en cuanto a su impacto, yaque ha atraído la atención de muchosdiseñadores sobre la importancia dela “usability”. Sin embargo, no esuna obra sobre diseño ni de páginasni de sedes. Se trata de una recopila-ción de consejos y pensamientos,muchos de los cuales ya habían sidopublicados con anterioridad en la se-de web del autor.

http://www.useit.com

—Reiss, Eric L. Practical informa-tion architecture. A hands-on approach to structuringsuccessful websites. Harlow: Addison-Wesley, 2000.

La arquitectura de la información tiene en este ma-nual otra referencia obligada en cuanto que es un de-sarrollo profundo de las líneas y métodos presentadospor Rosenfeld y Morville. La propuesta comienza conun planteamiento del escenario de actuación, tareas adesarrollar, definición de contenidos (por extensión,del tipo de sede), así como identificación y provisiónde servicios útiles para el usuario. Tras este inicio, elautor dedica la segunda y la tercera parte del libro (entotal doce capítulos) al diseño de la estructura (o ar-quitectura) de información de la sede. Se estudian losdiferentes niveles de profundidad, la utilización de en-laces en la arquitectura y la importancia de lo que lla-ma “secondary features”, en los que incluye mapas eíndices de sedes, faqs, motores de búsqueda interna,mecanismos de feedback con el usuario, etc. La evolu-

El profesional de la información, vol. 10, nº 12, diciembre 200140

Jesús Tramullas

ción de los productos informativos en el web se apre-cia en la importancia que adquiere la construcción desubsedes, a la que se dedica un capítulo propio.

Enfoques y líneas en el diseño deinformación para el web

La revisión llevada a cabo permite identificar unconjunto de rasgos comunes que delinean una aproxi-mación empírica a la noción de diseño de informaciónpara el web. En primer lugar se reconoce la diferenciaque supone este medio frente a otros sistemas y entor-nos de producción de documentos. Por otra parte se es-tablece, como una característica intrínseca a estos sis-temas de documentos, la existencia de un usuario finalque interactúa de forma dinámica con el contenido in-formativo y con servicios de valor añadido medianteuna interfaz dedicada a ello. En tercer lugar, se reco-noce este proceso como informativo, basado en docu-mentos digitales. Por último, se indica la necesidad dedesarrollar una aproximación metodológica rigurosapara alcanzar los objetivos fijados. Este marco decoincidencia permite establecer la disciplina en cuantoque posee objetivos, campo y materia de aplicación,así como propuestas metodológicas consecuentes y ra-zonadas, perfectamente aplicables en el ámbito que seestudia.

«Burdman ha insistido en laimportancia que junto a una

adecuada metodología tiene laselección, composición y orga-nización del equipo de trabajonecesario para crear y mante-

ner una sede web»

El análisis también permite delimitar varios enfo-ques y líneas de actuación de los especialistas puestoque se detectan rasgos definitorios que particularizan alas mismas. En un primer grupo podemos situar a la ar-quitectura de la información, cuyos máximos expo-nentes son Rosenfeld, Morville y Reiss. Se caracteri-zan por el énfasis puesto en la organización y estruc-turación del contenido informativo como fundamentobásico del diseño de información, sin minusvalorar porello otros componentes del proceso de diseño y delproducto final.

Un segundo grupo se corresponde al que tiene co-mo fundamento el diseño centrado en el usuario, quesuele orientarse tanto a la creación de interfaces deusuario como a la interacción correspondiente entrehombre y producto informativo. Cabe situar aquí a Sa-no pero especialmente a Fleming. Debe tenerse encuenta que el diseño de interfaces de usuario es unadisciplina con gran desarrollo en el ámbito anglosajón,

que ha influido enormemente en el diseño de informa-ción para entornos digitales. A este grupo cabría aña-dir gran parte del trabajo de Pearrow, aunque se en-globa bajo la etiqueta de la “usability”. Esta cuestiónsirve para introducir el enfoque de usabilidad, que enrealidad debe verse como un conjunto de técnicas queaseguren la calidad del producto, aplicables sobre todoel proceso más que como un verdadero método de di-seño de información para el web. En este grupo cabesituar a Pearrow, Spool y, por supuesto, a Nielsen.

El cuarto grupo es el conformado por autores pro-venientes del campo de la ingeniería del software, co-mo Lowe, Hall y Powell. Aportan el punto de vista deingeniería del software como método de diseño y de-sarrollo, aunque modificado para adecuarse a las ca-racterísticas propias del entorno web y de sus usuarios.Por último, cabe señalar el enfoque sociológico orien-tado a los grupos de desarrollo, introducido tambiénpor Sano y del que Burdman es el exponente princi-pal. Esta tendencia ha sido particularmente interesanteen aspectos relacionados con la gestión del conoci-miento en internet e intranets y con la adopción de tec-nologías web en el contexto de las organizaciones, loque supera ampliamente los límites de este trabajo. Lainteracción entre enfoques y el desarrollo de nuevosmétodos y técnicas, unidos a la expansión y consoli-dación de los sistemas de gestión de contenidos, hacristalizado, en el periodo cronológico estudiado, co-mo un ámbito estratégico para el futuro de la informa-ción y la documentación.

Notas

1. Véase por ejemplo: Horton, W. K. Designing and writing online do-cumentation. New York: Wiley, 1994.

2. Jacobson, R. (ed.). Information design. Cambridge: MIT Press, 1999;Orna, E.; Stevens, G. “Information design and information science: anew alliance?”. En: Journal of information science, 1991, 17, 4, pp. 197-208; Tramullas, J. “Planteamiento y componentes de la disciplina infor-mation design”. López Yepes, J. (ed.). I Congreso universitario de cien-cias de la documentación. Teoría, historia y metodología de las cienciasde la documentación, 2000, pp. 723-730.

3. Véase la obra de referencia en el campo del diseño de documentos tan-to tradicionales como interactivos: Schriver, K. Dynamics in documentdesign. New York: Wiley, 1997. Más información sobre los fundamentosteóricos en:

http://tramullas.com/infodesign/

4. American Society for Information Science and Technology.

http://www.asis.org

Jesús Tramullas, Departamento de Ciencias de la docu-mentación, Universidad de Zaragoza.

tramullas@posta.unizar.es

http://tramullas.com