octubre 2007 Archives

2

La propuesta parte del diseño predeterminado que presenta el producto empleado en la versión Beta del Infoenlaces actual. Se realizaron las siguientes modificaciones:

Organización de los elementos en la página:

-Se agruparon los enlaces correspondientes a “Registrarse”, “Acceder” y “Acerca de” y se ubicaron en el extremo superior derecho de la página, zona que posee un alto énfasis visual y que facilita el inmediato reconocimiento de estas acciones de primer nivel.

-Se incorporó el buscador a la barra menú que aparece debajo de la cabecera, con el objetivo de aportarle un mayor énfasis a esta utilidad y ubicarla en una zona que desde el punto de vista funcional tuviese un denominador común; en esta barra aparecen los elementos necesarios para guiar la búsqueda: un buscador general y un buscador por categorías (Fecha, título, URL).

Selección cromática

La selección cromática garantiza un adecuado contraste entre los diferentes elementos de la página y una correcta legibilidad; por otra parte, se establecen relaciones cromáticas que favorecen la comprensión de la página: tanto las etiquetas de los enlaces como la nube que aparece a la derecha aparecen en naranja, todos los botones poseen el mismo comportamiento cromático (desactivado-gris claro, disponible-gris oscuro, mouse hover-verde brillante).

Cabecera

Se empleó el concepto de “ondas en el agua” las cuales se generan en forma de círculos cuando se produce una perturbación en la superficie del líquido. Este concepto y el uso del conocido icono de “la manito” utilizado universalmente en el medio digital para indicar la existencia de un enlace, permite recrear una ilustración metafórica donde muchas “manitos” (muchos usuarios accediendo a diferentes enlaces) generan ondas que se propagan (comparten estos enlaces) y llegan a otras “manitos” (nuevos usuarios que acceden a estos enlaces compartidos) que su vez generan nuevas ondas estableciendo una “red de intercambio” (infoenlaces).

1

Manteniendo la estructura general de la interface de Infomed Espacios (actualmente se muestra como Infomed Noticias en la cabecera), se realizaron algunas modificaciones con el objetivo de personalizar este producto e integrarlo al perfil gráfico que se está desarrollando en nuestra red. Ver Propuesta

En la cabecera se partió de un concepto que funciona como “descripción gráfica” de las características de la herramienta, con el fin de denotar su función de manera directa y facilitar su comprensión: la herramienta es un agregador de RSS y la imagen muestra una red de iconos RSS en movimiento y en diferentes planos, buscando una profundidad coherente con el término “Espacios” que denomina la sección de Infomed. La cabecera permitirá editar como texto el título del agregador (en la imagen se colocó el texto Noticias) para futuros agregadores temáticos.

De manera general, la gama cromática emplea el color anaranjado como color principal (el icono de RSS es de ese color) y emplea el negro, gris y azul en otros elementos buscando una unidad visual con la propuesta para Infomed Enlaces y un adecuado contraste en la página.

En conversación con Gustavo se analizó el hecho de que los titulares de artículo no poseen enlaces al artículo, lo cual puede traer confusión al usuario y lo obliga a intuir a través de qué enlace puede acceder a la información completa. Por ese motivo, en el diseño actual se propone que los titulares de artículo posean enlace (color anaranjado) al artículo completo además de los ya existentes (desde el punto de vista de programación hay que crear o habilitar esta opción).

1

El diseño de la imagen de este evento, que abarcará diversas piezas gráficas como solapines, invitaciones y cartel, continúa desarrollándose. La propuesta inicial ha estado sujeta a intervenciones fundamentalmente en el identificador, que se iconizó a partir del nombre del evento buscando una analogía con las claquetas empledas en el medio audiovisual, lo cual le aporta un mayor énfasis, pertinencia y capacidad identificatoria: ver variantes en Negativo y Positivo. También se realizaron modificaciones en la cabecera a partir de una solicitud de los responsables del evento que planteaban la necesidad de mostrar los principales campos de la salud que abordaría la Muestra; por este motivo la imagen de la familia se sustituyó por una secuencia de imágenes representativas de estos campos (en el sitio se colocará una secuencia optimizada para web en formato SWF).

Actualmente se comenzará la implementación del diseño propuesto a la instancia creada www.videosalud2008.sld.cu.