2002-el departamento de ciencias de la comunicaciÓn en red
TRANSCRIPT
-
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
4/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
5/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
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/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
7/263
I N T R O D U C C I N
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
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-
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
9/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
10/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
12/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
13/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
14/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
15/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
16/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
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).
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
17/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
18/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
19/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
19
C AP T UL O I
Figura 1.1Modelo para el desarrollo de sitios Web
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
20/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
21/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
22/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
23/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
24/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
25/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
26/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
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,
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
27/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
28/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
29/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
30/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
31/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
32/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
33/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
34/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
35/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
36/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
37/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
38/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
39/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
40/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
41/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
42/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
42
C AP T UL O I
Figura 1.7Estructura de una pgina Web. Ejemplo de www.adobe.com
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
43/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
44/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
45/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
46/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
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.
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
47/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
48/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
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
-
7/29/2019 2002-EL DEPARTAMENTO DE CIENCIAS DE LA COMUNICACIN EN RED
49/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
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