Diseño de CD interactivo

imagen de diseño de cd interactivo

Este CD interactivo comprende la memoria institucional correspondiente al año 2010 del Hospital Lluís Alcanyís. Toda la aplicación se ha diseñado y realizado sobre HTML y CSS con el objetivo de ofrecer la máxima accesibilidad a la información.  Asegurando que el diseño ofrezca compatibilidad entre navegadores y un buen degradado de propiedades hacia la versión más antigua de Internet Explorer: IE6.

Diseño con framework HTML y CSS, compatibilidad entre navegadores

El uso del HTML y CSS vino justificado por ser dos lenguajes web con un amplio abanico de soluciones para adaptar la información a diferentes dispositivos y resoluciones de pantalla. Obviamente todos los dispositivos donde se reproducirá la aplicación disponen de navegadores web y de una resolución mayor  igual a 800 x 600 píxeles.

En última instancia, al desarrollar la aplicación sobre HTML y CSS ofrecemos al cliente la posibilidad de publicar la memoria del Hospital en internet directamente.

Para dotar de robustez y acelerar el proceso de diseño, centrándonos en la presentación de la información y los elementos de la maquetación web, trabajamos sobre el framework de CSS Yaml ( Yet another multicolum layout ), altamente recomendable por su enfoque práctico en la compatibilidad entre navegadores.

Enfoque en la usabilidad y la navegación

En lo referente al diseño de la navegación, priorizamos sobre todo la constante referencia, al área de la memoria donde se encuentra el usuario, ya que la aplicación contiene una ingente cantidad de datos. Como en la señalética de espacios públicos, también nosotros adjudicamos un color diferente a cada área temática de la memoria.

También, para ayudar a la navegación, como dato relevante colocamos el árbol de contenidos a la izquierda del cuerpo central, en una posición de alta relevancia dentro del diseño. Esta decisión es necesaria, porque el usuario no va a encontrar la información que busca con el primer clic, o en la página inicial. De esta forma se permite al usuario completar la búsqueda de la información con un máximo de 3 clics y sin distracciones o cambios bruscos de posición en los elementos de navegación.

Lenguajes y herramientas:

CSS, HTML

Agencia:

www.comuniqualis.com

Fecha de producción:

Septiembre-2011