Unidad de Investigación ACCESO

Accesibilidad a la Red

Información y herramientas sobre el diseño accesible de sitios web. Diseño para Todos

Ciutat de les Arts i les Ciencies. Un ejemplo de sitio web espectacular con Flash y JavaScript 

Rafael Romero Zúnica
Unidad de Investigación ACCESO 
Publicado originalmente en Temalia. 16/03/2001

Resumen

El sitio web de la Ciudad de las Artes y las Ciencias de Valencia www.cac.es, con su innovador interfaz de navegación y su diseño futurista, es un buen ejemplo de las posibilidades de Flash y JavaScript para introducir espectacularidad mediante multimedia.

Artículo

Nota: el sitio web ha sido remodelado desde la publicación de este artículo, haciéndolo más usable y eliminando parte de las "futuristas" características mencionadas.
Octubre de 2002

Pantalla capturada en Octubre de 2002.

En noviembre de 2000 se inauguró el nuevo Museo de las Ciencias Príncipe Felipe de Valencia. Se trata del último edificio del emblemático complejo arquitectónico llamado Ciudad de las Artes y las Ciencias. Esta futurista ciudad tiene también su equivalente en el ciberespacio. El lugar cuenta con uno de los sitios web más interesantes que pueden encontrase actualmente en castellano (www.cac.es).

La mayor parte del sitio web ha sido desarrollado haciendo un uso intensivo de tecnologías Flash y JavaScript. Vale la pena visitar este sitio web y ver cómo sus desarrolladores han aplicados estas tecnologías para lograr impactantes efectos multimedia que se integran globalmente en una aplicación muy distinta de lo usual.

Contenido de la web
La página inicial del sitio web da acceso a una serie de secciones, en castellano o valenciano, donde se presentan los cinco principales elementos arquitectónicos de la ciudad: el Museo Príncipe Felipe, el Palacio de las Artes, el Umbráculo, el Hemisférico y el Oceanográfico.

Cada uno de estos edificios tiene varias presentaciones multimedia asociadas realizadas en Flash. En ellas se explica con detalle la función que desempeñan, el programa de actos previstos y algunas curiosidades relativas a su construcción. Los sonidos de fondo están muy trabajados y la presentación gráfica es impecable.

Por otro lado desde la página inicial se accede también a dos secciones más clásicas de aspecto: 'Noticias' y 'Tarifas y horarios'. La sección de noticias se complementa con un foro donde los visitantes pueden comentar cada una de las noticias brevemente, aunque de momento cuenta con poca participación.

Como puede verse, cuando se trata de contenido que debe actualizarse con frecuencia, o contenido dinámico que se extrae de una base de datos, es mucho más difícil integrarlo con presentaciones Flash. Por ello se suele optar como en este caso por presentarlo en formatos clásicos de HTM basado en tablas y otros elementos estáticos sin carga multimedia.

Innovador interfaz de navegación
Pero no sólo el contenido tiene una importante carga multimedia. El interfaz de navegación es también espectacular y se aleja del clásico formato de portal basado en tablas.

La originalidad reside en el modo en que el visitante interactúa con el sitio web. Sobre una imagen aérea de la Ciudad de las Artes y las Ciencias se usa el ratón para desplazar un marco de tamaño mediano. Al moverse el marco se resalta gráficamente el elemento a visitar cuando pasa sobre él. Al pinchar con el ratón se abre un nuevo panel en la ventana actual con todas las presentaciones multimedia asociadas con el edificio seleccionado.

Conforme se van visitando las distintas secciones y apartados del sitio, se van abriendo distintas ventanas del navegador. Es interesante el efecto mediante el que se logra la apertura progresiva de cada nueva ventana, en vez de aparecer directamente con el tamaño definitivo como es habitual.

Existen algunos elementos interactivos integrados en el interfaz de navegación que se activan por sorpresa. Por ejemplo, unos pequeños bloques multicolor de cubos que se desplazan suavemente al pasar el ratón por encima para volver después a su sitio original o menús de opciones que se abren y cierran progresivamente.

En resumen, se trata de un sitio que incita la curiosidad e invita a explorarlo con tiempo y jugar con él para descubrir cada uno de sus rincones.

Desventajas de la multimedia
Existen algunas desventajas inherentes al uso de Flash en el sitio web. Por supuesto, sólo pueden acceder a él los usuarios que lo tienen instalado en su navegador. Además las páginas tardan más en descargarse porque tienen más código y esto puede hacer el sitio pesado de visualizar.

Dentro de una presentación Flash no funcionan los comandos y funciones estándar del navegador como buscar texto, copiar texto al portapapeles, guardar en Favoritos o volver atrás al momento anterior de la presentación.

Otro inconveniente a considerar es la posibilidad de que se generen "errores de Java" en el ordenador del visitante, debido al irregular soporte de este lenguaje entre las distintas versiones de cada navegador y la configuración del mismo en cada caso. En el caso de Explorer a veces aparece un "críptico" mensaje indicando que se iniciará el "depurador", lo que acaba significando que el usuario pierde la sesión actual del navegador.

Sin embargo el aspecto más delicado a tener en cuenta es que al crear un diseño tan innovador como éste se corre el peligro de que el usuario se desoriente y no sepa navegar correctamente por el sitio para acceder a todo el contenido. Conviene crear interfaces de acceso redundante en un formato más tradicional para contrarrestar esta posibilidad.

En este caso, lo anterior se ha logrado creando la sección 'Galería' en el menú de opciones. Esta sección da acceso a las presentaciones multimedia de los cinco edificios mediante cinco imágenes activas de un modo más obvio que el mapa interactivo principal descrito anteriormente.

(c) Unidad ACCESO. Dep. Psicología Evolutiva i de l'Educació. Universitat de Valencia Estudi General.
Contactar con Unidad ACCESO