2002-el departamento de ciencias de la comunicaciÓn en red

7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED

1/263

Tesis final de licenciatura

El Departamento de Ciencias de la

Comunicacin en Red

Por

Sebastin Luis Ther

Director

Mgter. Claudio Asaad

2002

Universidad Nacional de Ro CuartoFacultad de Ciencias HumanasDepartamento de Ciencias de la Comunicacin


2/263

2002Queda depositado en el Departamento de Ciencias de la Comunicacin,Facultad de Ciencias Humanas, Universidad Nacional de Ro Cuarto

El presente texto est sujeto a la licencia Creative Commons 2.5 Atribucin-No comercialde la Repblica Argentina. Puede copiar, distribuir y realizar obras dervidas del texto originalsiempre y cuando se referencie al autor y no se persiga una finalidad comercial.

Para obtener el texto completo de la licencia consulte el siguiente enlace:http://creativecommons.org/licenses/by/2.5/ar/

El presente trabajo final de licenciatura fue realizado

con una beca de investigacin otorgada

por el Consejo de Investigaciones de la

Secretara de Ciencia y Tcnica de la

Universidad Nacional de Ro Cuarto,

Resolucin Rectoral N 204/2002.


3/263

E L D E PAR T AME NT OD E C I E NC I AS DE LA C OMUNI C AC I N en RE D NDICE

Introduccin........................................................................................... 8

Captulo I

CONCEPTOSPARAELDISEOYANLISISDESITIOS WEB

1. Introduccin....................................................................................... 12

2. Produccin para la World Wide Web................................................... 14

3. Un modelo para el desarrollo de sitios Web......................................... 17

3.1 Esquema general del modelo para el desarrollode sitios Web..................................................................................... 18

3.2 Planificacin del sitio........................................................................ 18

3.3 Arquitectura de la informacin.......................................................... 22

3.4 Diseo del sitio................................................................................. 38

3.5 Construccin.................................................................................... 76

3.6 Marketing........................................................................................ 79

3.7 Evaluacin, rastreo y mantenimiento................................................ 82

Captulo II

ELSITIO WEBDEL DEPARTAMENTO

1. Descripcin y caracterizacin del sitio Web........................................ 88

2. Definicin y planificacin del sitio...................................................... 89

3. Arquitectura de la informacin............................................................ 90

4. Diseo del sitio................................................................................... 95

4.1 Recapitulacin y sntesis sobre el diseo del sitio.............................. 99

5. Construccin...................................................................................... 103

6. Marketing........................................................................................... 104

7. Rastreo, evaluacin y mantenimiento del sitio....................................105

Captulo III

LAMIRADADELOSACTORESSOCIALES

1. Introduccin...................................................................................... 108

ndice


4/263


1.1 Metodologa.................................................................................... 108

2. Los profesores del Departamento...................................................... 1112.1 Pregunta N 1.................................................................................. 112

2.2 Pregunta N 2.................................................................................. 113

2.3 Pregunta N 3.................................................................................. 114

2.4 Pregunta N 4.................................................................................. 116

2.5 Pregunta N 5.................................................................................. 116

2.6 Pregunta N 6.................................................................................. 117

2.7 Consideraciones generales acerca de los docentes

del Departamento........................................................................ 118

3. Los alumnos del Departamento......................................................... 120

Anexos Captulo III

3.1 Listado de profesores del Departamento de Ciencias de

la Comunicacin.......................................................................... 125

3.2 Cuestionario enviado a docentes por correo electrnico.................. 126

3.3 Cuestionario impreso distribuido a docentes.................................... 128

3.4 Tablas de datos con respuestas de los docentes............................... 1313.5 Entrevistas a alumnos del Departamento.......................................... 144

Captulo IV

ANLISISDELSITIOS WEBSEMEJANTES

1. Introduccin...................................................................................... 154

2. Anlisis de sitios Web......................................................................... 156

2.1 Universidad de Buenos Aires........................................................... 156

2.2 Universidad Nacional de Crdoba.................................................... 1612.3 Universidad de Palermo................................................................... 164

2.4 Universidad UNIACC...................................................................... 169

2.5 Universidad Alberto Hurtado........................................................... 174

2.6 Universidad Privada de Tacna.......................................................... 178

2.7 Universidad de Costa Rica...............................................................182


5/263


2.8 Universidad de Navarra................................................................... 186

2.9 Paracomunicadores.com.................................................................. 191

2.10 Lic. en Comunicacin.................................................................... 195

3. Consideraciones generales sobre los sitios analizados........................ 198

Captulo V

MODELODESITIO WEBPARAEL DEPARTAMENTODE CIENCIASDELA COMUNICACIN

1. Introduccin...................................................................................... 205

2. Imagen institucional........................................................................... 206

2.1 El concepto de imagen..................................................................... 2062.2 La imagen aplicada al Departamento de Ciencias de la

Comunicacin y la UNRC............................................................ 208

3. Imagen institucional en la Web........................................................... 211

4. Modelo de sitio Web para el Departamento de Ciencias

de la Comunicacin...................................................................... 216

4.1 Consideraciones previas................................................................... 216

4.2 Definicin y planificacin del sitio.................................................... 220

4.3 Arquitectura de la informacin.........................................................224

4.4 Diseo del sitio................................................................................236

4.5 Construccin................................................................................... 248

4.6 Marketing........................................................................................ 249

4.7 Rastreo, evaluacin y mantenimiento............................................... 253

Conclusiones

Conclusiones......................................................................................... 257

Consideraciones finales.......................................................................... 260

Bibliografa

Bibliografa............................................................................................ 262


6/263

Agradecimientos:

A Claudio Asaad, director de este trabajo.

A profesores y alumnos del Departamento

de Ciencias de la Comunicacin de la UNRC

que colaboraron en la realizacin

del presente proyecto


7/263

I N T R O D U C C I N


8/263

E L D E PAR T AME NT OD E C I E NC I AS DE LA C OMUNI C AC I N en RE D

8

IN T R O DU C C I N

1. Introduccin

La World Wide Web (WWW) comenz a desarrollarse a principios de la

dcada de los noventa como un medio para intercambiar documentacin entre

cientficos e investigadores. El desafo que asumi en sus comienzos fue comunicar

datos entre diferentes computadoras sin importar su arquitectura de hardware o el

software que emplearan. Como seala Berners-Lee (2000), las computadoras

simplemente no estaban facultadas para compartir informacin porque los

fabricantes creaban sistemas cerrados incapaces de dialogar entre s.

Pronto esta tecnologa comenz a difundirse y desbord los crculos

acadmicos para popularizarse cada vez ms y llegar al mbito domstico. Los

extensos documentos de texto comenzaron a dar espacio a imgenes, animaciones,

sonidos, video y pronto la Web se convirti en una plataforma multimedia para las

comunicaciones en red. En este vertiginoso proceso fue ganando cada vez ms

terreno el diseo grfico, la comunicacin visual, la gestin de contenidos y el

diseo de estrategias de comunicacin especficas para este nuevo medio.

El presente trabajo surge del inters por abordar desde el campo de las

ciencias de la comunicacin el proceso de creacin y el desarrollo de sitio Web, en

particular la produccin de un sitio Web para el Departamento de Ciencias de la

Comunicacin de la Universidad Nacional de Ro Cuarto (UNRC). En l

pretendemos indagar sobre las caractersticas del proceso de desarrollo para la

Web y aplicarlas a la realizacin efectiva de un sitio.

El inters particular para realizar esta tarea tiene dos vertientes. Por un

lado, el colocar al Departamento de Ciencias de la Comunicacin en un nuevo

espacio de comunicacin con caractersticas singulares. La Web permite poner en

circulacin mensajes a escala global, facilita el acceso a la informacin y viabiliza

el contacto de las instituciones con su comunidad. El sitio Web del Departamento

se plantea, entonces, como un medio para promover la interaccin institucin-


9/263


9

IN T R O DU C C I N

usuario y contribuir con la integracin de esta unidad acadmica en el contexto

regional y mundial.

Por otra parte, este trabajo pretende identificar la produccin de sitios Web

como un espacio de trabajo para profesionales de la comunicacin. La multiplicidad

de tareas que demanda el desarrollo en la Web como el diseo grfico, la

construccin de una interfaz de usuario, la organizacin y distribucin de la

informacin, la redaccin de textos para ser ledos en pantalla, y la planificacin de

estrategias de comunicacin entre otras-, supone la intervencin de competencias

dismiles vinculadas a diferentes disciplinas que integran el campo de estudio de la

comunicacin.

Llevar adelante el desarrollo del sitio Web para el Departamento de Ciencias

de la Comunicacin implica considerar diferentes dimensiones para abordar la

problemtica. La primera de ellas, y que constituye el primer captulo, est orientada

a conocer los criterios y principios del diseo Web de acuerdo con las caractersticas

del medio. En esta parte del trabajo se expone un modelo para la construccin de

sitios Web en relacin con sus particularidades y las diferentes actividades y tareas

a realizar en del desarrollo de aplicaciones multimedia en red.

El segundo aspecto que entra en consideracin es el anlisis del sitio Web

que actualmente posee el Departamento. En este segundo captulo se propone

realizar una mirada crtica a este sitio ponderando aspectos positivos y negativos

de acuerdo con los criterios establecidos previamente en la primera parte del trabajo.

Luego, se abordan las demandas y expectativas que el sitio Web generaentre los actores sociales del Departamento. Mediante un trabajo de campo que

incluye la aplicacin de cuestionarios autoadministrados para los docentes y

entrevistas en profundidad en el caso de los alumnos, este tercer captulo pretende

indagar acerca de las caractersticas que debiera asumir el sitio en relacin a sus

intereses y perspectivas.


10/263


10

IN T R O DU C C I N

En cuarto lugar se incluye el examen y anlisis de sitios Web de caractersticas

similares para reconocer el modo en que otras instituciones han configurado su

presencia en Internet, tanto en la seleccin de los contenidos de las pginas, la

organizacin de la informacin, y la seleccin del repertorio de elementos grficos

y su organizacin visual en la pantalla.

El captulo final est dedicado a reunir los aspectos ms salientes de cada

uno de los ejes desarrollados con anterioridad para realizar nuestra propuesta de

modelo de sitio Web para el Departamento de Ciencias de la Comunicacin. Se

analiza aqu la problemtica de la imagen institucional, las particularidades que

asume la construccin de la imagen desde la Web, y se repasan algunos los rasgos

identitarios ms fuertes de la UNRC y el Departamento, con el fin de construir

una Web que refleje en sus objetivos, contenidos y diseo, el perfil de estas

instituciones.


11/263

C A P T U L O I

CO NCE PT O S PARA E L DISEOYA N L I S I SD E S I T I O S WE B


12/263


12

C AP T UL O I

1. Introduccin

Los orgenes de la Word Wide Web pueden situarse a comienzos de la

dcada de los noventa en el Conseil Europen pour la Recherche Nuclaire

(CERN), cuando un grupo de cientficos comenz a trabajar en un sistema de

documentacin que permitiera intercambiar informacin entre los investigadores.

El objetivo consista en lograr que los datos fuesen accesibles independientemente

del tipo de computadora utilizada, sin importar su ubicacin, configuracin o sistema

operativo. Como resultado se obtuvo un conjunto de normas y especificaciones

tcnicas para regular la transmisin de datos en red y garantizar que cada terminalpudiera leer y mostrar la informacin correctamente.

Berners-Lee (2000) seala que la Web es la conjuncin de tres tecnologas:

? Universal Resource Locator(URL).Es el esquema general de direcciones

para los documentos de la Web. Garantiza que cada documento alojado en

la Web tenga una nica direccin mediante la cual es posible acceder a l.

? Hipertext Transfer Protocol (HTTP).Es el protocolo que utilizan las

computadoras para acceder a un documento Web. Mediante l los servidores

buscan y presentan la informacin solicitada a los usuarios.

? Hipertext Markup Lenguage(HTML). Es una simplificacin del SGML

(Standard General Markup Lenguage), el lenguaje en el cul los

desarrolladores del hipertexto programaban sus documentos. El HTML

desarrollado originalmente solo permita presentar texto y enlazar parte de

l a otro texto. Luego, fue aadiendo funciones ms complejas como

presentacin de tablas, incorporacin de grficos, listas numeradas y vietas,

lo cual permiti un mayor desarrollo grfico en los documentos.

Aunque el destino inicial de la Web era el intercambio de documentos

cientficos entre investigadores, pronto se convirti en un instrumento para la

publicacin de todo tipo de informacin (Lynch y Horton, 2000). Entonces


13/263


13

C AP T UL O I

comenzaron a asomar las primeras limitaciones de la Web, ya que el inters de sus

creadores haba sido desarrollar una lgica estructural para la creacin de

documentos y dejaron de lado los aspectos visuales de la distribucin de la

informacin. Las pginas generadas a partir del lenguaje HTML estndar carecan

de atractivo visual, y obviaban el progreso del diseo grfico en los ltimos

quinientos aos (Lynch y Horton, 2000: ix).

Desde su versin inicial hasta la actualidad, el lenguaje HTML ha ido

evolucionado y adoptando nuevas funcionalidades para ampliar su capacidad en la

presentacin grfica de la informacin. A la vez, los diseadores de sitios Web han

procurado superar estas limitaciones mediante la utilizacin de herramientas de

autoedicin que permiten un mejor manejo de los elementos visuales (Lynch y

Horton, 2000). Entre ellas se encuentran programas como Adobe GoLive,

Macromedia Dreamweaver, HomeSite, HoTMetal Pro, Microsoft FrontPage,

Namo WebEditor,NetObjects Fusion y TrellixWeb1.

El desarrollo de la World Wide Web no ha sido homogneo y ordenado.

Desde sus inicios, varias organizaciones, y especialmente empresas, han puesto a

disposicin de los constructores de pginas Web programas y tecnologas para

facilitar la presentacin de contenido multimedia. Aunque existe un organismo

encargado de regular y fijar estndares en el desarrollo de documentos para la Web

el World Wide Web Consortium o W3C (http://w3c.org)-, las compaas han

intentado imponer sus propias normas, lo que ha llevado a que en ocasiones no se

respeten las especificaciones dictadas2.

1 Mas informacin acerca de programas de autoedicin para la Web en Disee un gran sitio en PC

Magazine Argentina, 2000, Nro. 9, pgs. 93-102.

2 Uno de los ejemplos ms notorios de ello ha sido la batalla comercial librada por los navegadores Netscape

Navigatory Microsoft Internet Explorer. En su lucha por ganar una posicin dominante en el mercado

introdujeron funcionalidades no estandarizadas con una misma pgina se visualice en forma diferente

segn se utilice uno u otro programa.


14/263


14

C AP T UL O I

Esta dificultad que enfrentan los constructores de sitios Web en encontrar

normas y pautas estandarizadas para elaborar sus pginas, tambin se plasma en la

ausencia de un conjunto sistematizado de normas o pautas para analizar las

producciones realizadas para la Web. Su novedad y constante evolucin, la aparicin

y desaparicin de tecnologas creadas para dotarla de mayor capacidad en la gestin

de contenido multimedia, y el hecho de que su desarrollo- en muchos casos- obedece

al principio de ensayo-error dificultan la construccin de un conjunto articulado

de proposiciones y categoras para analizar o evaluar sitios Web.

En general, los autores que han querido fijar una serie de pautas o normas

para el diseo de sitios Web lo han hecho desde su propia experiencia de usuarios

y diseadores, trasladando nociones del diseo grfico sobre papel a la Web,

aplicando estructuras de produccin para otros medios en la produccin de sitio,

y frecuentemente apelando al sentido comn. No es posible hallar, en definitiva,

una teora de base que fundamente y oriente la construccin de categoras de

anlisis para sitios Web que cumpla con las condiciones de sistematicidad,

objetividad y verificacin. En su lugar encontramos una serie de estudios aislados,afirmaciones realizadas desde la experiencia personal y supuestos tericos dispersos.

Si el cine bebi de la fuente del teatro, el diseo grfico electrnico del

diseo en papel y la Web de..., ahora es el momento de sentarnos y proponer una

serie de consejos que fundamenten la normalizacin de un lenguaje grfico y de

produccin propio de las aplicaciones multimedia interactivas para la World Wide

Web (Fernndez-Coca, 1998: 21). Este es el propsito del presente captulo,

intentar articular una serie de pautas y principios del diseo Web en un modelopara la produccin de sitios Web, que permita tanto orientar el desarrollo de sitio

como brindar elementos para su anlisis.

2. Produccin para la World Wide Web

La World Wide Web es la cara grfica de Internet (Piscitelli, 1998). Un sitio


15/263


15

C AP T UL O I

Web est constituido por una serie de pginas Web vinculadas entre s o con pginas

de otros sitios mediante enlaces. Fernndez-Coca (1998) define la Web como un

sistema de intercambio de informacin a travs de conceptos hipermedia, utilizando

como base y punto de unin los documentos hipertexto (Fernndez-Coca, 1998:

55).

Existe un acuerdo ms o menos general entre los autores en denominar

pgina Web a cada archivo que contiene informacin capaz de ser interpretada por

el navegador, mientras que sitio Web se utiliza para denominar al conjunto de

pginas que conforman un documento Web. Adems de los archivos con la

informacin que leen los navegadores, los sitios Web pueden contener otro tipo de

datos como grficos, sonidos, animaciones o vnculos a informacin almacenada

en bases de datos.

Existen varias formas de organizar y dividir las fases del proceso de

produccin de un sitio Web. Lynch y Horton (2000) afirman que el primer paso

consiste en definir los objetivos del sitio, lo cual permitir una declaracin con las

estrategias especficas acerca de cmo se va a edificar; cul ser el tiempo dedicado

al diseo, a la construccin y a la evaluacin; y con las medidas cuantitativas y

cualitativas especficas para la posterior evaluacin de su puesta en marcha (Lynch

y Horton, 2000: 1). Una vez concluido esto, los autores sealan seis fases en el

proceso de desarrollo: a) definicin del sitio y planificacin; b) arquitectura de la

informacin; c) diseo; d) construccin; e) marketing; f) rastreo, evaluacin y

mantenimiento.

Fernndez-Coca (1988) equipara la estructura de produccin de unaaplicacin multimedia interactiva dentro de lo cual incluye a los sitios Web- con

la de los medios audiovisuales e indica que el proceso se compone de a) un estudio

previo del tema y pblico destinatario; b) la preproduccin que incluye el desarrollo

del guin y los aspectos tcnicos; c) la produccin, que contempla el desarrollo

del plan de trabajo, y d), la postproduccin, compuesta por la prueba y evaluacin


16/263


16

C AP T UL O I

de los resultados, el mantenimiento y distribucin.

Sueiro y Blanco (2001) explican que las bases de un proyecto Web se

obtienen a partir de tres tareas: a) identificacin del objetivo especfico del sitio

Web; b) identificacin del pblico al que va dirigido el sitio; c) identificacin de las

limitaciones tcnicas de los potenciales futuros usuarios. Una vez recopilada esta

informacin clave, ser fcil extraer de ella las conclusiones que nos permitirn

plantear las decisiones apropiadas (Sueiro y Blanco, 2001: 18). Los pasos

siguientes sugeridos por los autores son: a) determinar la relacin entre rapidez de

descarga y utilidad de la informacin: b) determinar la utilidad y consistencia de

los contenidos; y c) definir la estructura de navegacin.

Pese a la variacin en el nmero de fases o pasos y a algunas diferencias en

su denominacin, puede establecerse que a grandes rasgos los autores siguen

criterios semejantes en la planificacin de la produccin de un sitio Web.

Seguidamente presentamos un modelo de produccin para del desarrollo

de sitios Web reuniendo el aporte de los autores arriba citados y profundizando en

las acciones que implica cada paso. Como todo modelo, corre el riesgo de simplificar

y esquematizar la complejidad del proceso. Nuestra intencin es que este modelo

funcione como gua para organizar la tarea de produccin y no como un molde

rgido que pase por alto las particularidades de cada proyecto para la Web.

Cabe considerar, aqu, lo que dice Sabino respecto a la presentacin de un

modelo para la investigacin cientfica y traspolarlo al proceso de produccin de

sitios Web: Todo esquema sobre el proceso de investigacin corre el peligro [...]

de convertirse en una especie de modelo formal restrictivo, en un molde rgido

procedimental de corte casi burocrtico. En realidad la labor cientfica es un trabajo

donde la libertad y la creacin cumplen un papel central, no hay, ni puede haber,

ninguna receta que nos garantice un resultado positivo para nuestro trabajo

(Sabino, 1993: 35).


17/263


17

C AP T UL O I

3. Un modelo para el desarrollo de sitios Web

Como sealamos anteriormente, resulta difcil encontrar bibliografa acerca

del desarrollo de sitios Web que articule un conjunto de proposiciones o conceptos

en un esquema o modelo que abarque la totalidad del proceso de produccin. La

mayora de las veces nos encontramos ante un conjunto de sugerencias, consejos

o propuestas sobre algn aspecto puntual del diseo Web tales como optimizar el

peso de las imgenes, incluir palabras clave en las pginas para facilitar su deteccin

por parte de los motores de bsqueda, elaborar una home page atractiva o

desarrollar un cdigo en lenguaje Java para agregar una funcin especfica en lapgina. A pesar de la utilidad que pueden tener estas recomendaciones, es

imprescindible contextualizar cada una de estas acciones en la totalidad del proceso

de desarrollo de un sitio.

Una de las actividades en Internet que ms se ha avanzado en ese sentido es

en el comercio electrnico, donde es posible encontrar varios modelos para hacer

negocios on-line. Amor (2000) seala que la Web es en estos casos una herramienta

al servicio de la empresa, ya sea como un elemento ms integrado a su planificacinestratgica o como soporte excluyente para sus transacciones comerciales. El

principal inconveniente de los esquemas desarrollados por los autores vinculados

al e-commerce o e-bussinnes, es que suelen estar demasiado enfocados hacia la

actividad econmica.

El modelo para el desarrollo de sitios Web que proponemos a continuacin

est basado en su mayor parte en el propuesto por Lynch y Horton (2000), quienes

presentan un esquema general que puede aplicarse tanto a sitios Web con objetivoscomerciales, educativos o institucionales. A l se le han agregado algunos elementos

propuestos por Fernndez-Coca (1998), y consideraciones relativas al diseo,

provenientes principalmente de Nielsen (2000). Adems, se ha incorporado el

contenido de diversos artculos publicados en la Web y revistas impresas para

completar el desarrollo de algunos aspectos especficos.


18/263


18

C AP T UL O I

3.1 Esquema general del modelo para el desarrollo de sitios Web

El esquema general empleado como modelo para el desarrollo de sitio Web

se presenta en la figura 1.1 (pg. 19). A continuacin se detallan cada de una de las

etapas y sus actividades.

3.2 Definicin y planificacin del sitio

3.2.1 Definicin de objetivos

La falta de definicin de objetivos ha sido una constante en el boom de los

negocios.com en los que inversores vidos de entrar en el prometedor mercado

on-line invirtieron grandes cantidades en proyectos poco definidos (Sueiro y

Blanco, 2001: 18). Lynch y Horton (2000) recomiendan comenzar la construccin

de un sitio Web a travs de la definicin de sus objetivos y metas, y analizar los

recursos tcnicos, financieros y humanos necesarios para su logro. Adems, es

necesario precisar el alcance y profundidad de los contenidos a colocar en las

pginas del sitio.

3.2.2 Caracterizacin del pblico

Una vez determinado el propsito del sitio surge la necesidad de definir y

caracterizar su pblico. Es necesario identificar al pblico, el tipo de interfaces, la

estructura y la caractersticas del mercado a los cuales dirigimos nuestro producto

(Fernndez-Coca, 1998: 48).

Lynch y Horton (2000) caracterizan a los usuarios en cuatro grandes grupos:

? Internautas. Son aquellos que se deslizan por la red y hojean las pginas

principales o home pages como si fueran portadas de revistas. Es posible

captar su atencin mediante la utilizacin de grficos y enunciados claros

acerca del contenido del sitio Web. Los enlaces de la home page deben

apuntar al interior de la Web.


19/263


19

C AP T UL O I

Figura 1.1Modelo para el desarrollo de sitios Web


20/263


20

C AP T UL O I

? Principiantes y usuarios ocasionales. Este tipo de usuarios se sienten

intimidados por mens muy complejos y buscan que la pgina principal sea

clara. Prefieren pginas de carcter general y que le permitan visualizar el

conjunto de la informacin. Los conos y grficos a utilizar deben ser

susceptibles de ser retenidos con gran facilidad y su utilizacin debe ser

intuitiva. Es importante colocar mapas jerrquicos con la informacin, un

glosario de trminos tcnicos y una seccin donde se responda a las

preguntas ms frecuentes formuladas por los usuarios (FAQ, frecuent asked

questions).

? Usuarios y expertos reincidentes. Este grupo lo constituyen quienes

acceden a los sitios Web con objetivos especficos y buscan acceder a la

informacin en forma certera y rpida. Generalmente se impacientan ante

mltiples mens grficos con pocas opciones y prefieren mens de textos

detallados, ndices amplios con la informacin y un gil acceso a los

resultados de bsqueda.

? Usuarios internacionales. Los lectores de una pgina Web pueden estaren diferentes pases con distintos lenguajes y pautas culturales. Si la intencin

es llegar a usuarios internacionales, adems de traducir las principales

pginas del sitio se debe tener cuidado con el uso de siglas, jerga profesional

o notaciones como la fecha, que pueden ser interpretadas en forma diferente

de acuerdo al lugar de residencia de cada usuario.

3.2.3 Seleccin y conformacin del equipo de trabajoFernndez-Coca (1998) hace hincapi en la necesidad de conformar un

equipo de trabajo de acuerdo con el tema del proyecto. Una vez definidos los

objetivos e identificado el pblico, es necesario pensar en el grupo profesional que

llevar adelante el sitio Web, el cual tambin estar determinado por la complejidad

y envergadura del proyecto.


21/263


21

C AP T UL O I

Algunos de los cargos y funciones propuestos por Fernndez-Coca (1998)

son:

? Productor ejecutivo. Responsable del proyecto y la gestin del equipo

humano de trabajo. Realiza los contactos con el cliente y se encarga de

manejar los derechos de autor que pudieran ser necesarios tales como

ilustraciones, fotografas o fragmentos musicales.

? Director. Responsable del contenido y la estructura del proyecto. Elabora

junto al productor ejecutivo el plan general de trabajo y maneja el

presupuesto.

? Guionistas / documentalistas. Realizan el guin de la aplicacin y trabajan

en colaboracin con el personal tcnico y de diseo grfico.

? Coordinadores. En un proyecto complejo, reciben las tareas delegadas

por el director. Pueden ser tanto coordinadores de reas tcnicas como

grficas.

? Especialistas. Tienen a su cargo la realizacin de trabajos puntuales dentrodel proyecto como capturar imgenes, realizar locucin o elaborar un

montaje sonoro, por ejemplo.

? Departamento comercial. Es el grupo que lleva adelante las tareas de

venta, difusin, publicidad y distribucin del sitio Web.

Desde nuestro punto de vista, la estructura del equipo de desarrollo descrita

por Fernndez-Coca es justificada en proyectos de gran envergadura o de alta

complejidad. Sin embargo, debe considerarse que existen producciones de

dimensiones menores donde las tareas a desempear son menos variadas y pueden

ser ejecutadas por un grupo de personas ms reducido. No todos los sitios Web

precisan contratar derechos de autor, utilizan producciones sonoras complejas que

requieran la intervencin de un especialista, o poseen un flujo de trabajo que exija

la presencia de coordinadores para delegar actividades.


22/263


22

C AP T UL O I

3.3 Arquitectura de la informacin

3.3.1 Estructura de navegacin

Nielsen (2000) y Lynch y Horton (2000) coinciden en que la organizacin

de la informacin es uno de los aspectos ms importantes en el proceso de desarrollo

de un sitio Web. A pesar de que a primera vista lo que antes percibe el usuario es

el diseo grfico, el aspecto que causa mayor impacto en su experiencia ser la

organizacin de la Web (Lynch y Horton, 2000: 23). Nielsen (2000) sostiene que

la interaccin bsica del usuario con el sitio Web es mediante el clic en los diferentesvnculos por lo cual es preciso atender a como se estructura y conecta la informacin

en un sitio. Si la estructura es un desastre, no habr diseo que la repare (Nielsen,

2000: 198). Para Fernndez-Coca (1998) la estructura de navegacin constituye

la espina dorsal de un proyecto para la Web.

Lynch y Horton (2000) indican cinco pasos para la organizacin de la

informacin: a) dividir el contenido en unidades lgicas; b) establecer una jerarqua

de importancia entre unidades; c) utilizar la jerarqua para estructurar vnculosentre unidades; d) construir un sitio que siga la estructura de informacin propuesta;

y e) evaluar la funcionalidad y esttica del sistema.

Tanto Lynch y Horton (2000) como Nielsen (2000) sealan la importancia

de estructurar la informacin de acuerdo con la lgica del usuario y no con la

lgica de la institucin que realiza el sitio Web. Nielsen (2000) cita un estudio

donde se elaboraron dos esquemas de navegacin diferentes para un sitio de

comercio electrnico: uno responda a una lgica del cliente, mientras que el otroestaba estructurado de acuerdo con la divisin de productos realizada por la

compaa. Al realizar las pruebas entre usuarios, un 80% eligi el modelo basado

en la estructura mental de la mayora de las personas, mientras que slo el 9%

eligi seguir el recorrido que respetaba la organizacin interna de la empresa.

Lynch y Horton (2000) resean que al elaborar el sitio Web del Yale-New


23/263


23

C AP T UL O I

Haven Hospitalla pgina principal fue estructurada de acuerdo con los intereses y

necesidades de los usuarios y no la organizacin del hospital, dado que a la mayora

de los visitantes del sitio no les interesaba recorrer sus diferentes dependencias

administrativas en su navegacin.

Una vez organizada la informacin es necesario trasladar esa organizacin

a la estructura del sitio. Lynch y Horton (2000) sealan cuatro maneras de

estructurar un sitio Web:

? Secuencial. Es la forma ms sencilla de organizacin. Puede darse a partir

de una cronologa, un ordenamiento alfabtico o una serie lgica que vaya

desde lo general hasta lo especfico. Este tipo de estructura, afirman Lynch

y Horton (2000), es adecuado para sitios de formacin o educativos, donde

el usuario debe atravesar una serie de contenidos (figura 1.2).

Figura 1.2Estructura de navegacin secuencial

? Retcula (grid). Se conectan dos o ms lneas secuenciales para relacionar

variables (figura 1.3, pg. 24). Por ejemplo, una lnea del tiempo con

informacin histrica divida en categoras como poltica, economa y cultura.

Esta organizacin es utilizada para presentar manuales de procedimientos,

listados de cursos universitarios o presentacin de casos mdicos. Tambin

las bases de datos accesibles desde la Web presentan este tipo de estructura.

Su principal punto dbil es que la organizacin en retcula es de difcil

comprensin, por lo cual es conveniente reservarla a usuarios ms

experimentados y con amplios conocimientos del tema que se desarrolla.


24/263


24

C AP T UL O I

Figura 1.3Estructura de navegacin en retcula

? Jerarqua. Es una estrategia para organizar cuerpos de contenidos

complejos. Tiene la ventaja de que se adecua perfectamente a la organizacin

de un sitio Web ya que generalmente se accede a l desde una pgina

principal o home page que enlaza a los diferentes contenidos (figura 1.4).

Adems, es una estructura en la que los usuarios se sienten cmodos.

? Telaraa (Web). Tiene como finalidad imitar el pensamiento asociativo y

el libre flujo de ideas. Presenta pocas restricciones en cuanto a patrones

para el uso de la informacin y utiliza al mximo la capacidad de Internet

Figura 1.4Estructura de navegacin jerrquica


25/263


25

C AP T UL O I

en cuanto a su poder de vinculacin (figura 1.5). Por contrapartida, este

tipo de estructura suele generar confusin con facilidad porque dificultan

al usuario predecir la informacin que encontrar. Lynch y Horton (2000)

recomiendan reservar esta organizacin para usuarios expertos.

Figura 1.5Estructura de navegacin en telaraa

Fernndez-Coca (1998) seala que no existe ninguna norma que indique

cmo debe distribuirse la informacin en un sitio Web, sino que debe adecuarse al

proyecto que se lleva adelante. Sin embargo, recomienda definir mdulos que

agrupen conceptos, definiciones y trminos que tengan una relacin entre s.

Algunos criterios indicados por Fernndez-Coca para definir la estructura

de navegacin de un sitio Web son:

? Facilitarle al usuario todos los enlaces que le puedan resultar necesarios.

El usuario debe tener la sensacin de estar avanzando cuando navega.

? Indicar el camino de vuelta para que el usuario pueda retornar al punto

anterior sin necesidad de hacer clic en el botn atrs de su navegador.

? Si se realizan enlaces externos, es decir, al contenido de otros sitios, los

mismos debern aparecer en una nueva ventana para que el usuario pueda

seguir recorriendo el sitio anterior si lo desea.


26/263


26

C AP T UL O I

Nielsen (2000), por su parte, seala que la interfase de navegacin debe

ayudar al usuario a responder tres preguntas bsicas: a) dnde estoy?, debido a

que es difcil que el usuario comprenda la estructura del sitio si no sabe dnde se

encuentra; b) dnde he estado?, para facilitar el aprendizaje de la estructura del

sitio y evitar que pase por las mismas pginas, lo que puede llevar al usuario a

sentirse perdido ya que es como si caminara en crculos; y c) dnde puedo ir?,

brindarle al usuario los vnculos a travs de los cuales seguir su recorrido.

Nielsen (2000) tambin indica tres formas de vincular pginas entre s:

? Vnculos incrustados. Constituye el texto normal que aparece subrayado

y seala que se trata de un hipertexto. Indica que hay ms cosas acerca de

algn tema que se menciona en el cuerpo del texto (Nielsen, 2000: 195).

? Vnculos estructurales. Vnculos que conectan con otros niveles de la

estructura del sitio. Suelen repetirse sistemticamente y es recomendable

mantenerlos inalterables en cada pgina para que el usuario pueda moverse

sabiendo que siempre tendr a mano las mimas opciones.

? Vnculos asociativos. Enlazan a informacin relacionada al tema que se

trata en la pgina, y que puede resultar de inters para el usuario.

3.1.1.1 Tipologa de pginas Web

De acuerdo con la funcin que cumplen dentro de la estructura general de

un sitio se pueden identificar pginas con diferentes propsitos y caractersticas,

tanto a nivel de contenido, vnculos y diseo. Lynch y Horton (2000) proponen

clasificar las pginas en a) pgina principal; b) mens y subwebs; c) lista de recursos

o pgina de enlaces; d) ndice de materias, contenidos del sitio y mapa del sitio; e)

pgina de novedades; f) buscadores; g) informacin de contacto; h) bibliografa y

apndices; i) pginas FAQ; j) pginas de error del servidor.

Aunque los sitios pueden diferir en el tipo de informacin que presentan,


27/263


27

C AP T UL O I

sus objetivos, estilo grfico y formas de organizacin, creemos que la clasificacin

propuesta es vlida, ya que permite sealar los principales rasgos caractersticos

de cada pgina, de acuerdo con su funcin en la estructura del sitio.

Pginas principales o home pages

Todo sitio Web posee una pgina inicial o ndice, la cual contiene los vnculos

hacia las diferentes secciones o informaciones del sitio. Esta pgina es el acceso

por defecto del navegador que se ingresa la direccin de un sitio y constituye

habitualmente el punto de partida desde el cual el usuario estructura su recorrido.

La pgina de inicio es el estandarte del sitio, por lo que debe ser diseada de

forma distinta al resto de las pginas (Nielsen, 2000: 166). Nielsen (2000) seala

que la pgina de inicio tambin llamada pgina principal o home page- debe dar

respuesta a dos preguntas: a) dnde estoy; y b) qu hace este sitio.

Para Nielsen (2000) toda home page debe poseer tres caractersticas: a) un

directorio de las principales reas de contenido del sitio; b) un resumen de noticias,

novedades o promociones; y c) una opcin de bsqueda. Adems, el autor indica

que la pgina principal debe destacar el nombre de la institucin o empresa a la

pertenece el sitio.

Lynch y Horton (2000) afirman que se puede seguir diversas estrategias

para confeccionar una pgina principal, dependiendo de los objetivos y

caractersticas del sitio:

? Pgina principal como men. Este tipo de pginas estn presentes desde

el inicio de la Web y sigue siendo uno de los modos ms utilizados para

organizar la pgina principal. Pueden ofrecer enlaces en formato de texto

o a travs de mapa de imgenes3. Los primeros son ms livianos y fciles

3 El mapa de imagen consiste en una nica imagen en la que cada parte de ella ofrece enlaces diferentes.


28/263


28

C AP T UL O I

de modificar, mientras que el segundo permite concentrar gran cantidad de

enlaces en un espacio reducido y ofrecer mayor impacto visual. Por

contrapartida, los mapas de imgenes se descargan al navegador ms

lentamente y el agregar o quitar un enlace requiere modificar toda la imagen.

? Pgina principal de noticias. Una pgina con informacin actualizada al

instante hace que los usuarios la visiten ms frecuentemente. Suele ser

utilizada por compaas informativas como CNN (www.cnn.com) o The

New York Times (www.nyt.com), y tambin por empresas para ofrecer

noticias a sus empleados. El hecho de que la informacin cambie de forma

constante no significa que la estructura lo deba hacer. Por el contrario, una

pgina principal que ofrece una estructura diferente cada vez que se visita

puede desorientar al usuario.

? Pgina principal orientada. En sitios de gran tamao la informacin para

ofrecer puede ser tan diversa que conviene separar desde un principio los

usuarios en grupos de inters. Por ejemplo, ofrecer vnculos para que los

visitantes elijan el idioma de su preferencia, distinguir entre empleados y

clientes de una empresa u ofrecer la posibilidad de ver un sitio con grficos

o sin ellos.

? Pgina principal como portada. Lynch y Horton (2000) afirman que su

utilizacin es uno de los temas ms discutidos en el diseo Web. Consiste

en una pgina de inicio que se limitan a dar la bienvenida a un sitio o

realizan alguna descripcin del mismo sin ofrece ms enlaces que el que

lleva a una pgina donde s se pueden seguir diferentes vnculos. Nielsen(2000) seala que las pginas de portada o presentacin deben evitarse

porque entiende que son molestas y los usuarios quieran pasarlas lo ms

rpidamente posible. Sin embargo, creemos que las portadas pueden ser

tiles para advertir a ciertos usuarios de contenidos que pueden resultarle

ofensivos como pornografa, imgenes de violencia explcita o referencia


29/263


29

C AP T UL O I

a drogas. Adems, este tipo de contenido puede ser ilegal en ciertos

territorios o jurisdicciones con lo cual una portada de advertencia puede

ser til como resguardo legal.

Lynch y Horton (2000) afirman que cualquiera de estos cuatro modelos

puede utilizarse para el diseo de unahome page, aunque confirman que actualmente

la tendencia es integrar diferentes caractersticas de cada uno. Desde nuestro punto

de vista, creemos que para el diseo de la pgina principal resulta indispensable

revisar los objetivos del sitio y el pblico al que va dirigido. Un diario en su versin

on-line deber priorizar las noticias, aunque puede agregar en su pgina inicial un

listado de enlaces a las diferentes secciones. En un sitio dedicado al arte es posible

que una portada sugerente no moleste al usuario, sino que por el contrario lo

predisponga mejor a visualizar el resto del contenido.

Mens y subwebs

Consisten en una pequea home page de cada tema, con lo cual se evita

que la pgina principal se sobrecargue de opciones. Se utilizan especialmente en

sitios de gran envergadura y estn orientadas a un pblico especfico. Por ejemplo,

dentro de un sitio de inters general donde se ofrezca informacin sobre varios

temas como noticias, turismo, deporte y salud, el usuario que haga clic sobre el

enlace de salud es llevado a otra pgina con informacin ms detallada sobre este

tema y aparecen las opciones de nutricin, deporte, enfermedades, medicamentos

y otras.

Listas de recursos o pginas de enlaces

Las pginas que proveen listas de enlaces a otros sitios fueron muy visitadas

desde el principio de la Web. As surgieron sitios como Yahoo! (www.yahoo.com)

cuya principal tarea es rastrear informacin y presentarla en forma organizada a

los usuarios.


30/263


30

C AP T UL O I

En un sitio institucional o empresarial dedicado a un tema especfico, una

pgina que enlace a otros sitios con temticas similares puede ser de inters para el

usuario. Por ejemplo, un sitio que proporcione informacin sobre vinos argentinos

puede incluir enlaces a revistas especializadas en etnologa, bodegas o vinos de

otros pases.

Lynch y Horton (2000) afirman que este tipo de pginas slo tiene valor si

la informacin est bien editada y los vnculos se revisan peridicamente para

comprobar su funcionamiento.

ndice de materias, contenidos y mapa del sitio

Los sitios Web suelen ofrecer escasas indicaciones sobre la profundidad y

extensin de sus contenidos. Los ndices de materias y palabras claves permiten

proporcionar al usuario una visin general del sitio y los contenidos que hay en l.

A diferencia de un ndice impreso, un ndice en la Web no puede mostrar la totalidad

de las referencias porque el espacio de la pantalla es reducido. Si bien puede

excederse el ancho y alto de la pantalla, el uso de este recurso en exceso impide al

usuario orientarse con facilidad. Por ello es aconsejable incluir solamente los ttulos

principales y evitar las referencias menores.

Los mapas del sitio aportan al usuario una visin general de los contenidos

(Lynch y Horton, 2000: 47). Se pueden organizar a travs de un diagrama jerrquico

o utilizando metforas geogrficas. Ayudan a orientarse con facilidad dentro del

sitio, ver su contenido y comprender la estructura de navegacin.

Pgina de novedades

Cuando se actualizan los contenidos de una pgina el usuario puede no

identificar cul es la informacin novedosa. Un recurso a utilizar es colocar una

pequea imagen con la palabra nuevo al lado de cada apartado que muestra los


31/263


31

C AP T UL O I

contenidos ms recientes. Sin embargo, cuando la informacin actualizada es

abundante este sistema se vuelve engorroso. En estos casos, es mejor incluir una

pgina de novedades donde se informe al usuario de las ltimas actualizaciones y

se le provea el enlace a esta informacin.

Sealar algo como novedoso es un criterio relativo: en un sitio de noticias

nuevo se puede utilizar para una informacin que acaba de ingresar cinco minutos

atrs, mientras un sitio que publique trabajos cientficos puede sealar como nuevo

un artculo incorporado durante la ltima semana. Nuestra sugerencia es que la

informacin publicada en la pgina de novedades sea presentada con su fecha de

inclusin en el sitio.

Buscadores

En sitios Web de gran tamao, las herramientas de bsqueda son una

necesidad (Lynch y Horton, 2000: 48). El diseo de la bsqueda incluye tanto la

disposicin del cuadro para el ingreso de las palabras clave, como la pgina que

presentar los resultados obtenidos. La bsqueda debe resultar de fcil acceso

desde cada una de las pginas del sitio (Nielsen, 2000), ya sea desde un cuadro de

ingreso de datos o mediante un enlace a una pgina especfica de bsqueda.

Nielsen (2000) seala que la bsqueda debe contemplar a usuarios

principiantes y navegadores experimentados. El cuadro de bsqueda que

generalmente est en la home page debe disearse para una bsqueda sencilla, es

decir, que no admita operadores bolanos como AND, OR o XOR. De esta manera

indica Nielsen- se previene a los usuarios de una mala utilizacin de estas opciones.

Pero es necesario agregar un enlace a una pgina que si admita estos operadores

para usuarios experimentados que deseen realizar consultas con mayor profundidad.


32/263


32

C AP T UL O I

Informacin de contacto y relacin con el usuario

Estas pginas estn orientadas a brindar informacin sobre la entidad

responsable del sitio y facilitar la interaccin con el usuario. Lynch y Horton (2000)

recomiendan que cada pgina tenga un vnculo con la direccin de correo electrnico

a la cual efectuar una consulta o sugerencia.

Las pginas de contacto ofrecen informacin adicional sobre la institucin

o empresa a cargo del sitio como direccin postal, nmeros de telfono y fax, y

perfil de la organizacin. En algunos casos tambin se pueden incluir informacin

de acceso fsico -por ejemplo, cmo llegar a un camping o la oficina en la que

funciona una ONG, por ejemplo- mapas o esquemas.

Bibliografa y apndices

Este tipo de pginas suelen utilizarse en organizaciones que manejan

manuales tcnicos, glosarios o apndices con informacin de consulta frecuente

por parte de sus miembros. La publicacin en la Web de esta informacin permite

reducir costos y garantizar su disponibilidad en todo momento.

Pginas FAQ

Las pginas FAQ (Frecuent Asked Questions,preguntas ms frecuentes)

son una caracterstica nica de los sitios Web. En ella se publican las preguntas,

dudas y consultas ms frecuentes que realizan los usuarios, y su respectiva respuesta.

Su propsito es optimizar la relacin con el usuario, ya que las primeras preguntasque suele hacer una persona acerca del sitio generalmente ya han sido formuladas

con anterioridad.

En esta pgina es importante destacar claramente cada pregunta y su

temtica, para que el usuario visualice rpidamente si su duda ha sido contemplada.

Adems, requiere que el responsable del sitio actualice su contenido conforme


33/263


33

C AP T UL O I

comiencen a recibirse nuevas consultas.

Pginas de error del servidor

Cuando se tipea incorrectamente una direccin URL o un enlace es errneo,

la informacin que generalmente recibe el usuario es una pgina blanca con un

mensaje en ingls informando acerca del error. Habitualmente esta informacin es

de carcter tcnico y poco aporta a la comprensin del usuario de por qu llega el

mensaje de error y dnde estuvo su equivocacin.

Para solucionar este problema, muchos servidores incorporan la posibilidad

de personalizar los mensajes de error para que esta pgina mantenga los mismos

elementos de diseo que el resto del sitio, y a la vez, se pueda proporcionar un

mensaje ms claro al usuario. El diseo de una pgina de error es seal de que una

Web est muy cuidada (Lynch y Horton, 2000).

3.3.2 Especificaciones de diseo

Las especificaciones del diseo estn en relacin con la definicin de las

caractersticas grficas que modelarn el estilo del sitio. Fernndez-Coca (1998)

propone una serie de elementos bsicos de una gua de estilo para la World Wide

Web: a) estructura de los documentos; b) diagramacin y elementos bsicos; c)

longitud de pgina; d) colores, identificativos y de fondo; e) grficos; f) iconografa;

g) texto y tipografa; h) tablas; i) marcos oframes; j) efectos especiales; k) enlaces,

su modo de presentacin; l) firma y fecha; k) informacin sobre derechos de autor

o copyright. Las consideraciones en cuanto a cada uno de estos componentes se

realizarn en el apartado 3.4 dedicado especficamente al diseo.

En esta etapa la tarea ms importante es definir los rasgos principales de la

interfaz de la aplicacin Web para establecer la interaccin con el usuario. La

interface es el instrumento para facilitar al usuario una integracin con los elementos


34/263


34

C AP T UL O I

de su entorno (Fernndez-Coca, 1998: 144). Se utiliza en computacin para

indicarle al usuario la forma en que debe interactuar con la mquina.

En un principio, la interfaz de usuario de las computadoras estaba basada

en una compleja serie de comandos que deban escribirse para que la computadora

pudiera reconocer la accin indicada y ejecutarla. Este tipo de comunicacin entre

mquina y usuario domin la computacin desde sus orgenes hasta que la compaa

Apple desarrollo un sistema de interfaz grfica que permita operar la computadora

a travs de una serie de conos y botones (Piscitelli, 1998) No hay duda de que el

pasaje de una interfaz de comandos y mens a otra icnica y grfica, no hizo solo

posible la masificacin del uso de la computadora sino que precisamente invent

el mundo de la computacin personal (Piscitelli, 1998: 137).

Fernndez-Coca (1998) seala que toda interfaz debe seguir tres principios:

? Fcil aprendizaje. La utilizacin de un lenguaje grfico en la World Wide

Web debe apelar a una iconografa sencilla y fcilmente reconocible por el

usuario.

? Fcil uso. Si la utilizacin de algn icono o elementos grficos pude generar

confusin en el usuario, conviene utilizar una palabra o cartel para reforzar

la idea que se intenta transmitir.

? Estndar. Toda iconografa que vayamos a utilizar, as como todo el

aspecto general de la interface de usuario que hayamos definido para

nuestra aplicacin constituir la imagen corporativa4 de la informacin que

estamos ofreciendo (Fernndez-Coca, 1998: 145).

En esta etapa donde se caracterizan los rasgos centrales del diseo, es

importante definir algunos criterios como la distribucin de la informacin en la

4 El concepto de imagen y su aplicacin en la Web se aborda en el captulo 5


35/263


35

C AP T UL O I

pgina y el lugar reservado para el encabezamiento, la publicidad (si la hay), los

principales enlaces de navegacin, la informacin de la pgina y el espacio que

ocupan textos e ilustraciones.

Cules son los errores que pueden cometerse al establecer las caractersticas

generales del diseo? Desde nuestro punto de vista, uno de los mayores riesgos

constituye el no tomar nota de los objetivos del sitio y el pblico hacia el cual va

dirigido, y hacer prevalecer el gusto del diseador sobre la funcionalidad del diseo.

Fernndez-Coca (1998) apunta tres errores observados a menudo en la Web: a)

innovaciones injustificadas; b) mezcla de criterios incompatibles; y c) mal uso de

efectos 3D, sombras y degradados.

Lynch y Horton (2000) sealan que el usuario de un documento Web, no

slo busca informacin, sino que de l se espera la posibilidad de interaccin de

manera novedosa y sin precedentes en el diseo de documentos en papel [...] El

componente grfico es un aspecto fundamental en la experiencia del usuario con el

sitio (Lynch y Horton, 2000: 11).

3.3.3 Elaboracin del boceto

Con la estructura de navegacin definida y las decisiones ms importantes

respecto al diseo ya definidas, es importante elaborar un boceto previo de cmo

ser una pgina estndar del sitio. Lynch y Horton (2000) sealan la importancia

de realizar varios bocetos explorando distintas alternativas de diseo grfico. En

el mismo sentido, Fernndez-Coca (1998) anota que deben probarse varios bocetos

y observar los resultados obtenidos.

La confeccin de un boceto debe considerar una serie de aspectos tcnicos

como el equipamiento de hardware ysoftware que posee el usuario tipo al que va

dirigido el sitio. En cuando al hardware, el aspecto ms importante a considerar es

la velocidad de conexin del usuario al Internet. La descarga de informacin vara

considerablemente si el usuario tiene una conexin telefnica estndar, a travs de


36/263


36

C AP T UL O I

ADSL5, o si accede desde una Intranet con fibra ptica.

Respecto del software, la informacin ms importante a saber es qu

navegadores y que versiones de ellos emplea la mayora del pblico. Este aspecto

de suma importancia ya que un mismo documento Web puede ser visualizado de

forma diferente de acuerdo con el programa que se utilice para su visualizacin, y

permite que el constructor del sitio elimine aquellas caractersticas de programacin

que pueden resultar incompatibles con un navegador en particular. Adems, si se

presenta contenido que requiere de algn programa extra al navegador para ser

visualizado como puede ser utilizar tecnologaReal Media para transmitir videos

en tiempo real, elplug-inMacromedia Flash para animaciones o Shockwavepara

contenido interactivo- es necesario saber si la mayora de los usuarios cuenta con

estos recursos.

Con estas consideraciones, el diseo del boceto debe permitir ver cmo

funciona cada una de las elecciones de navegacin y diseo que se han adoptado

previamente. Fernndez-Coca (1998) seala que un boceto debe incluir aquellos

elementos que contendr el sitio una vez acabado como: a) diagramacin del texto;

b) colores de fondo; c) grficos no animados; d) grficos animados; e) videos; f)

msica; g) uso de Shockwave, Java u otros cdigos de programacin; y h) efectos

de refresco de pantalla o refresh.

De acuerdo con el objetivo del sitio y su pblico, el tiempo disponible y el

inters de la institucin que elabora el sitio, el boceto puede ser evaluado por el

propio equipo de diseo, o puede incluir una prueba beta entre una muestra de

posibles futuros usuarios del mismo.

5Asyncronic Digital System Line es un sistema de modulacin de la seal telefnica que permite multiplicar

hasta diez veces la velocidad respecto a una conexin telefnica convencional.


37/263


37

C AP T UL O I

3.3.4 Correccin final de boceto y plan de trabajo

De acuerdo con los resultados obtenidos de las pruebas realizadas con el

boceto puede ser o no necesaria una correccin y modificacin de algunos elementos

grficos o la reorganizacin del esquema de navegacin.

Una vez que el boceto final est concluido, Fernndez-Coca (1998)

recomienda elaborar un meticuloso plan de trabajo para organizar la fase de

construccin del sitio. Algunos elementos a considerar en la elaboracin del plan

de trabajo son: a) elaboracin del guin de las pginas; b) control de los contenidos;

c) control de los enlaces; d) adecuacin del diseo grfico a las pautas establecidas;

e) creacin de conos; f) recoleccin y edicin de imgenes, videos y sonidos.

La organizacin ms utilizada para el plan de trabajo consiste en un cuadro

de doble entrada, sobre cuyo eje horizontal se muestra una escala de tiempo y en

forma vertical se detallan las diferentes tareas a realizar (figura 1.6)

Desde nuestra ptica, el mayor o menor detalle del plan de trabajo debe

considerar la envergadura del sitio Web a desarrollar. Por otra parte, frecuentemente

no es posible organizar la tarea de forma tan eficiente porque se incorporan

informaciones de ltimo momento o hay modificaciones sobre la marcha. Al igual

Figura 1.6Organizacin del plan de trabajo


38/263


38

C AP T UL O I

que con el modelo para el desarrollo de sitios Web que estamos presentando, el

plan de trabajo debe tener por objetivo trazar los ejes principales para organizar

las diferentes tareas a realizar y no ser un marco restrictivo que imponga reglas

fijas al proceso de creacin.

3.4 Diseo del sitio

El diseo grfico es bsicamente la gestin visual de informacin utilizando

herramientas como la composicin, la tipografa y la ilustracin, para guiar el ojo

del lector a travs de la pgina (Lynch y Horton, 2000; 53). Disear, podemos

decir, es organizar la informacin utilizando elementos grficos de acuerdo con

una serie de principios que faciliten la lectura y ayuden a transmitir una idea o

concepto determinado. Diseo grfico es comunicacin visual. A travs de grficos,

textos y formas se expresan ideas (Fernndez-Coca, 1998: 143).

En general, muchos de los principios aplicados al diseo provienen de la

psicologa de la percepcin a travs del estudio sobre cmo el ojo humano recoge

informacin y sta es organizada e interpretada en el cerebro. Atributos tales comola forma y el color de un objeto, su ubicacin, proximidad o semejanza con otros

configuran determinadas sensaciones y efectos sobre la percepcin humana.

Nuestro mundo fenomnico, constituido por los objetos y por los hechos que

vivimos como presentes alrededor nuestro no es una copia directa del ambiente

fsico sino el resultado de una serie de mediaciones (Kanizsa, 1986: 20).

No vamos a abundar demasiado en esta temtica ya que existe una extensa

serie de trabajos que explican algunos fenmenos de la percepcin visual y suaplicacin en el diseo grfico. Rescatamos en este sentido las afirmaciones de

Lynch y Horton (2000) respecto de que la mayor parte de los principios del diseo

en papel se pueden aplicar a la Web, aunque muchos deben ser adaptados a las

caractersticas tcnicas de este medio.

No debemos considerar el desarrollo grfico como un mero adorno, ya


39/263


39

C AP T UL O I

que sus funciones [...] van mucho ms all de la mera percepcin esttica (Sueiro

y Blanco, 2001: 16). Jerarqua visual, consistencia en los contenidos y una adecuada

composicin de la pgina son algunos de los elementos a tener en cuenta en el

diseo. Como venimos repitiendo a lo largo de la exposicin de este modelo para

desarrollo de sitios Web, es necesario pensar el diseo en funcin de los objetivos

y el pblico del sitio, y no disear en funcin de un gusto y una esttica personal

aunque su influencia en el producto final es innegable. En nuestra opinin, el

verdadero desafo del diseador Web no consiste en superarse creando pginas

cada vez ms complejas e incorporar las ltimas tecnologas a sus diseos, sino sercapaz de interpretar las necesidades del sitio y la demanda de su pblico a travs

de un diseo que convierta la navegacin en una experiencia agradable.

Una vez determinados los lineamientos que trazarn el estilo grfico del

sitio, es necesario trasladar estas ideas al diseo concreto de cada pgina.

A los fines de organizar la exposicin sobre los aspectos del diseo que

creemos necesario considerar en las pginas Web, tomamos las enumeracin de

los elementos bsicos que definen el estilo de un sitio Web propuesta por Fernndez-

Coca (1998).

3.4.1 Estructura de los documentos

La estructura de los documentos se refiere en general- a la confeccin de

cada pgina del sitio siguiendo los lineamientos trazados en la estructura de

navegacin. Fernndez-Coca (1998) seala una serie de errores frecuentes al

estructurar los documentos:

? Error en el ttulo de la pgina. Ya sea por su ausencia o poca claridad,

una mala titulacin de la pgina no es un error menor. Es la primera

informacin que visualiza el usuario al cargar la pgina, y si se almacena en

la lista de favoritos o bookmarks es el texto que establece por defecto el

navegador.


40/263


40

C AP T UL O I

? Sumarios no descriptivos. Similar al punto anterior, consiste en una

deficiencia en la incorporacin de elementos que pueden ayudar al usuario

a identificar rpidamente el contenido de una pgina.

? Prrafos de texto demasiados largos. La lectura frente al monitor requiere

mayor esfuerzo que sobre papel. Por ello se prefiere una redaccin en

prrafos cortos que faciliten la visualizacin del texto en el monitor. Leer

en pantallas de computadora es cerca de un veinticinco por ciento ms

lento que leer en papel (Nielsen, 2000: 101).

? Errores en los enlaces. Un documento puede contener varios errores de

enlaces como a) enlaces a la propia pgina provocados por un error de

programacin; b) enlaces perdidos que refieren a documentos en sitios

externos que ya no existen; c) palabras subrayadas que no enlazan a otro

documento; d) enlaces no existentes cuando, por ejemplo, se nombra una

institucin que posee sitio Web pero no existe el vnculo hacia l; e) sin

enlaces hacia las pginas anteriores o posteriores de una secuencia; y f)

ausencia de enlace a la pgina principal.

? Referencias temporales. Como sealamos ms arriba se debe evitar

referencias temporales relativas como hoy, maana, en los ltimos

das si el contenido no se actualiza diariamente. En nuestra opinin, las

referencias especiales relativas tambin deberan evitarse a no ser que se

seale precisamente la localizacin de la pgina. Nuestra ciudad, la

cercana localidad o incluso el pas trasandino son indicaciones de lugar

que pueden ser interpretadas de forma diferente segn el lugar fsico desdeel cual el usuario acceda a la pgina.

3.4.2 Elementos bsicos de diagramacin

Los diseos ms efectivos para un pblico general de Internet (en su

mayora con conexin va mdem) son una cuidada y equilibrada mezcla de textos


41/263


41

C AP T UL O I

y enlaces, con elementos grficos relativamente pequeos. Este tipo de pgina se

descarga muy rpido, incluso cuando se accede a ellas con velocidades de 28,8

kbps6, y aun as consiguen un fuerte impacto visual (Lynch y Horton, 2000; 55).

Fernndez-Coca (1998) seala seis elementos bsicos que componen la

estructura de una pgina Web. En la figura 1.7 (pg. 42) pueden verse algunos de

ellos.

? Encabezamiento o banda de localizacin. Es la primera informacin

que visualiza el usuario al descargar la pgina. Su funcin identificar

claramente el sitio al que pertenece mediante la inclusin de un logotipo, el

nombre de la institucin o la utilizacin de algn color identificatorio.

Adems, debe permitir que el usuario pueda ubicar fcilmente el lugar que

ocupa la pgina en la estructura global del sitio. Esta informacin pude

presentarse en modo grfico o de texto. Fernndez-Coca (1998) advierte

que si se opta por una presentacin de tipo grfico debe incluirse una etiqueta

ALT7 para que la informacin sea tambin accesible a los usuarios que

no puedan ver la imagen. Nielsen (2000) recomienda colocar una barra

horizontal que vaya sealando los diversos lugares por los que ha atravesado

hasta llegar a la pgina que est viendo, tomando como referencia la pgina

principal. Por ejemplo, si un usuario abre la home page de un sitio, luego

ingresa en la seccin salud y posteriormente sigue el enlace

medicamentos, el encabezado de la pgina debera mostrar cada uno de

los lugares por los cuales atraves para llegar a la pgina de medicamentos.

6 Kilobaudios por segundo. Es una unidad de medicin para indicar la cantidad de informacin que puede

enviar o recibir un mdem en una unidad de tiempo.

7 En el lenguaje HTML la etiqueta ALT es utilizada junto con el vnculo hacia un archivo grfico para

brindar informacin sobre l. Ver punto 3.4.5.2 Estrategias para la utilizacin de grficos.


42/263


42

C AP T UL O I

Figura 1.7Estructura de una pgina Web. Ejemplo de www.adobe.com


43/263


43

C AP T UL O I

? Iconos o enlaces hipertexto de navegacin bsica. Si el sitio contiene

muchas pginas largas en las que el usuario debe hacerscrollpara visualizar

la totalidad de su contenido, conviene colocar en la parte superior una

serie de enlaces con los principales punto de referencia del sitio como la

pgina principal, la ayuda y la pgina anterior. Estos enlaces se pueden

realizar a travs de hipertexto o mediante conos o botones grficos. En

ambos casos conviene que esta estructura tambin denominada barra de

navegacin- se mantenga constante y ofrezca a lo largo de cada una de las

pginas del sitio las mismas opciones.

? Cuerpo. Es la zona de la pgina donde se incluye la informacin especfica.

Las normas de estilo grfico utilizadas para presentar la informacin deben

mantenerse a lo largo del sitio.

? Notas de pie de pgina. Si se publica en la Web documentos con citas al

pie, es conveniente que estn en la misma pgina donde se encuentran las

referencias para evitar que el usuario cargue una nueva pgina. Adems,

deben separarse las citas del resto del texto mediante algn recurso visual

como una lnea, un espacio en blanco o cambio en la tipografa y el tamao

de los caracteres.

? Firma, fecha y correo electrnico. Conocer quin es el responsable del

documento, cuando fue confeccionada la pgina y tener la posibilidad de

establecer contacto con la persona u organizacin que publica el sitio es

una forma de transmitir confianza al usuario.

Lynch y Horton (2000) sealan la necesidad de construir una retcula de

base para el diseo de las pginas interiores que contendrn la informacin del

sitio. Es importante prestar mucha atencin a la confeccin de esta retcula que

contendr los elementos bsicos a incorporar en cada pgina como color, ubicacin

de enlaces, tipografa, espacios en blanco, y grficos. La utilizacin de una retcula

permite que las pginas Web sean consistentes y previsibles en su estructura.


44/263


44

C AP T UL O I

Respecto de su confeccin, Lynch y Horton (2000) afirman que:

? Contribuyen a una pgina ordenada. Los usuarios ven un diseo

consistente, claro y bien integrado, lo que les proporciona ms confianza

dentro del sitio. Las retculas de diseo deben establecer una composicin

de la pantalla lgica y consistente, y permitir flexibilidad para colocar

grficos y textos de diferentes maneras.

? Permiten una estratificacin vertical. En papel impreso, un lector puede

ver la totalidad de la pgina de papel. En la Web, la informacin es

visualizada a medida que se va descargando desde el servidor. Los datos

que primero llegan son lo de los elementos superiores, por lo cual la

informacin debe ser estratificada verticalmente de mayor a menor

importancia.

? Ejemplo de una retcula de pgina. (Figura 1.8, pg. 45) Los elementos

a considerar son el encabezado, con el nombre de la pgina y el logotipo de

la institucin u organizacin, el ttulo de la pgina, el enlace con la pgina

principal, enlaces a otras secciones, espacio para grficos y textos y pie de

pgina con informacin de copyright, fecha de actualizacin y vnculos

ms importantes.

Nielsen (2000) remarca la necesidad de optimizar la distribucin de la

informacin en el espacio de la pantalla. Desde un 50 a un 80% del total del

espacio debe estar destinado al contenido, mientras que los enlaces de navegacin

no deben superar el 20%.

3.4.3 Longitud de pgina

Lynch y Horton (2000) sealan que la longitud de una pgina Web requiere

equilibrar cuatro factores: a) la relacin entre pgina y tamao de pantalla; b) los

contenidos de la pgina; c) si el lector va a consultar los documentos en la Web o


45/263


45

C AP T UL O I

Figura 1.8Ejemplo de una retcula de pgina Web

los va descargar o imprimir; d) el ancho de banda del que disponen los usuarios.

En general tanto Lynch y Horton (2000), Fernndez-Coca (1998) y Nielsen

(2000) acuerdan en desaconsejar la utilizacin de pginas. Las pginas muy largas

obligan al usuario a utilizar la barra descrollintensivamente lo que provoca una

sensacin de confusin porque no puede percibir en qu lugar exacto del documento

se encuentra. Por otra parte, al desplazar el contenido se le exige recordar la

informacin que est fuera de su campo visual obligndolo a ir y venir desde elprincipio al final del documento para hallar los enlaces o el contenido deseado.

Fernndez-Coca (1998) aconseja no disear pginas con una longitud

superior a dos o tres veces el tamao del monitor si su contenido est destinado a

leerse en la pantalla. En el caso de que el documento tenga como objetivo ser

impreso sobre papel, la utilizacin de una pantalla larga es un beneficio, ya que el


46/263


46

C AP T UL O I

usuario debe cargar la pgina solamente una vez para imprimirla. Si, por el contrario,

un artculo est dividido por partes a lo largo de varias pginas la impresin requiere

cargar e imprimir cada pgina y luego ordenarlas correctamente.

Lynch y Horton (2000) recomiendan utilizar pginas cortas para a) pginas

principales y pginas de men o navegacin; b) documentos para ser consultados

o ledos en red; y c) pginas con elementos grficos de gran tamao. Los autores

sealan que los documentos largos representan una ventaja para a) cuando el usuario

desea imprimir o guardar el contenido de la pgina; b) realizar un mantenimiento

ms sencillo; e c) imitar la estructura de los documentos en papel.

Una alternativa consiste en ofrecer a los usuarios ambas versiones de

documentos: cuando el usuario hace clic sobre el enlace que lleva al tema donde

se presenta la informacin dividida a lo largo de varias pginas, se agrega un enlace

que bajo el ttulo artculo completo, imprimir o guardar todo el contenido

vincula a una pgina que contiene la informacin completa.

La utilizacin de vnculos interiores es decir, que enlacen a diferentes

partes de una misma pgina- en documentos largos es un tema discutido. Nielsen

(2000) recomienda evitar este tipo de vnculos en la medida de lo posible. El peor

problema de usabilidad que presentan los vnculos dentro de la misma pgina es

que los usuarios pueden esperar que los vnculos les lleven a una pgina diferente.

Los usuarios no suelen darse cuenta de que han saltado para caer en el mismo

lugar, por lo que los vnculos dentro de la misma pgina pueden crear mucha

confusin, especialmente cuando el usuario hace clic en el botn Atrs y sigue

estando en la misma pgina (Nielsen, 2000: 115).

Fernndez-Coca (1998) recomienda utilizarlos para reunir en una pgina

diferente tipo informacin y establecer los vnculos hacia cada seccin. Lynch y

Horton (2000) afirman que cuando se disea un documento extenso es necesario

agregar un enlace que lleve hacia el margen superior de la pgina.


47/263


47

C AP T UL O I

En nuestra opinin, si se utilizan vnculos interiores en las pginas, los

mismos deben estar claramente identificados como tales, ya sea mediante una flecha

que seale hacia arriba para indicar que se sube al comienzo del documento o

mediante otro tipo de smbolo grfico.

3.4.4 Colores identificativos y de fondo

El color es uno de los aspectos del diseo que ms incide en la percepcin

de la representacin grfica. A partir de l se pretende algo ms que introducir

unas opciones estticas o decorativas. El color es un cdigo de informacin visual

(Fernndez-Coca, 1998: 2001). El uso del color en los documentos Web requiere

de la combinacin de los aspectos artsticos-expresivos del color y las limitaciones

tcnicas del medio.

La representacin de color en las computadoras vara en funcin enhardware

y elsoftware que se est utilizando. Las mquinas con sistema operativo Windows

utilizan un sistema de reproduccin del color diferente a una Macintosh o una

computadora con sistema Unix o Linux. Lynch y Horton (2000) sealan que laempresa Netscape fabricante del navegadorNetscape Navigator- cre un sistema

denominado Web-safe para mostrar los grficos en forma similar en los distintos

sistemas operativos. Son 216 colores comunes en los sistemas operativos Windows

y Macintosh. A pesar de que los esquemas de color Web-safe se originaron en

Netscape, en la actualidad lo utilizan para administrar el color los dos navegadores

ms populares (Netscape NavigatoryMicrosoft Internet Explorer).

Fernndez-Coca (1998) apunta que un color puesto en una pgina Webpuede cambiar segn la configuracin que haya realizado el usuario sobre su

monitor, ya que puede manipular los controles de brillo y contraste a su gusto. Por

ello, el autor recomienda utilizar colores que no varen significativamente cuando

el usuario modifique la configuracin de su monitor. Por ejemplo, es aconsejable

evitar un gris muy claro sobre fondo blanco, ya que una figura en este color puede


48/263


48

C AP T UL O I

volverse invisible si el monitor tiene muy poco contraste y brillo.

Los diseadores grficos que definan la interfase han de tener especial

cuidado a la hora de usar el color. La eleccin del color ha de ser realizada de

acuerdo con el contexto en el que se desarrolla el tema de aplicacin, y no de un

modo singular e independiente (Fernndez-Coca, 1998: 170). El uso del color

como elemento expresivo y de significado en las pginas Web sigue los mismos

criterios generales que el diseo en papel. Fernndez-Coca realiza algunas

consideraciones:

? Nmero de colores. Evitar la profusin de colores para no confundir al

usuario. Un sitio necesariamente debe definir dos o tres colores bsicos

con los que se identificar y que mantendr a lo largo de las pginas.

? Uso de color en objetos pequeos. La distincin de varios colores en un

objeto pequeo es difcil de realizar. En caso de utilizar ms de un color, es

conveniente stos sean difieran bastante entre s para que el usuario pueda

apreciar su diferencia.

? Color en el texto. Hay que asegurar la legibilidad del color del texto sobre

el fondo. Si el documento va a ser impreso es mejor evitar el uso de colores

luminosos como amarillo, verde limn, gris claro y celeste por la dificultad

que supone su correcta reproduccin en una impresora. Fernndez-Coca

(1998) agrega que el celeste es el color que peor se lee en pantalla.

? Colores rojo y verde. Muchas personas tienen problemas para distinguirlos,

por lo tanto es aconsejable no utilizarlos en demasa.

El color puede utilizarse en las pginas Web para establecer un cdigo y

ayudar al usuario a ubicarse dentro de la estructura general del sitio. Fernndez-

Coca (1998) indica algunas formas de utilizacin del color con estos fines.

? Banda localizadoras. Situadas generalmente al inicio de la pgina, su

utilidad es indicar al usuario dnde se encuentra. Suelen presentar el nombre


49/263


49

C AP T UL O I

de la institucin u organismo a la cual pertenece el sitio con algn color de

fondo. Tambin pueden utilizarse para sealar las diferentes secciones de

un sitio.

? Indicar longitud. Del mismo modo que una banda localizadora seala una

parte del sitio, puede indicar la longitud del documento. Pueden utilizarse

degradados u otro tipo de recursos.

El color tambin puede incorporarse al fondo de las pginas. En este caso,

hay que garantizar una adecuada combinacin con los colores del texto y losvnculos, a

2002-el departamento de ciencias de la comunicaciÓn en red

Documents