Organización de información

5

Partiendo de la organización de información definida en las reuniones realizadas por el equipo responsable de este proyecto, y tomando como referencia las identidad trazada en sitios como los de especialidades, se desarrolla esta propuesta que busca una diferenciación y da inicio a una nueva etapa en cuanto a diseño, influenciada por las amplias posibilidades que brinda el uso de herramientas más novedosas y flexibles, como Drupal, y por las nuevas tendencias de diseño en esta área.

Ver propuesta

0

Dada la inmediatez de Videosalud 2008 y la correspondiente coordinación para la impresión de la papelería, se están realizando las versiones definitivas de los soportes impresos que se utilizarán en el evento, a partir de la información proporcionada por el resto del equipo a cargo de la organización.

Se empleó el recurso de la diferenciación cromática para resaltar los diferentes roles del personal que participará en el evento y de esta manera facilitar el reconocimiento visual del mismo y facilitar la organización de las actividades. Para los delegados se empleó el azul marino empleado en la identidad visual (connota una implicación esencial en el desarrollo del evento), para los invitados el gris (color neutral), para los del comité organizador se pautó el rojo (generalmente empleado en estos soportes para representar la alta dirección o nivel máximo de jerarquía) y finalmente, se utilizó el color oro para el jurado por encontrarse en este nivel importantes personalidades, además del reconocido papel que desempeñan (este color connota distinción)

Ver credenciales

5

A partir de una solicitud y propuesta organizativa de Gustavo, se diseñó una propuesta de marcos de cartulina adhesiva para colocar en los monitores de los laboratorios de los centros de salud, los cuales contienen de manera sintética los enlaces a las principales fuentes de información que ofrece Infomed, clasificados en diferentes criterios temáticos. Por otra parte, estos marcos identificarían a cada PC como una “Estación BVS Cuba”. Se diseñarán para monitores de 15″ y 17″.

Una vez que Gustavo termine de escribir una entrada en la Wiki para esta temática, se podrán sugerir cambios en cuanto a contenido informativo a fin de precisar las fuentes esenciales.

1

Es necesario precisar entre todos los genéricos más pertinentes que describan de manera breve y explícita los diferentes servicios que ofrece Infomed 2.0. El hecho de que sean servicios nuevos para los usuarios de Infomed y relativamente nuevos en la web, hace conveniente agregar una descripción breve que respalde o apoye conceptualmente el nombre del Servicio en la cabecera del mismo. A continuación enumero los servicios con los genéricos provisionales:

Calendario:

1. Planificador de eventos y actividades

Wiki:

1. Espacio para construir y documentar colectivamente Infomed 2.0

2. Espacio de construcción colectiva

Blogs:

1. Servicio de blogs

Foros: ?

Enlaces:

1. Comparta sus marcadores favoritos

2. Servicio de enlaces compartidos

Galería:

1. Servicio de biblioteca de medios

Nuevas propuestas en Infomed Wiki

3

Existen diversos proyectos que se están desarrollando con el objetivo de optimizar la arquitectura de información y la interfaz del Portal de Infomed, sobre todo el que presentó Rodrigo y Keylin que me pareció todo lo detallado, profundo y exhaustivo que debe ser y que una vez implementado aumentaría notablemente el nivel de usabilidad del sitio.

Este modelo que proponemos es solo un pequeño reajuste que consideramos puede aumentar las facilidades de búsqueda y que le aporta una mayor coherencia a la organización de la Barra de Navegación del Portal; para nada es algo terminado, sino que se trabajó basándonos en el concepto de “Beta perpetuo” que posibilita la optimización gradual de los proyectos que nos son imprescindibles pero implican una inversión notable de tiempo. Estas modificaciones son aplicables en la plataforma actual del Portal, de modo que su implementación, de ser aprobada, solo precisaría de algunas modificaciones.

ACCIONES DE DISEÑO

Página de Inicio de Infomed (ver propuesta)

1-Actualmente: En la cabecera la fecha se pierde y aparece “apretada” bajo el banner rotatorio.

Propuesta: La fecha se colocó a un lugar más visible de la página y encima del banner rotatorio. El día de la semana aparece en negrita para diferenciarse de la fecha y lograr un mayor interés visual.

2- Actualmente: “Mapa de sitio”, “Correo” y “Buscar” aparecen en la Barra de navegación al mismo nivel de las Secciones del Portal, y son utilidades y servicios. Esto tiende a crear confusión, pues no están agrupados los elementos por categorías específicas. Por otra parte, “BVS”, “UVS” y “Salud Vida” están colocadas en la barra verde de enlaces de segundo nivel y no lo son.

Propuesta: Colocar en la barra negra de la Barra de Navegación solo enlaces a las Secciones de Infomed y en la barra en blanco los enlaces contenidos en estas secciones. Algunas secciones como Especialidades que poseen numerosos enlaces y que conceptualmente responden a otro criterio se mantendrían en el Área de Contenido del Portal. Se agregará un enlace en la barra negra denominado “Inicio” que estaría predeterminado al abrir el Portal, esta pestaña tendría como enlaces de segundo nivel algunas servicios generales que deben ser de fácil acceso: es el caso de “Correo”, “El Tiempo”, la opción de descargar la barra de Infomed y el buscador (pueden valorarse otros entre todos). Se emplearía el mismo recurso que se utiliza actualmente para resaltar los enlaces activados (cambia el color de fondo del texto), pero en la barra negra de los enlaces de primer nivel lo haríamos de modo que se perciba como pestañas, lo cual es más comprensible y hace más clara la pertenencia de los enlaces de segundo nivel a al enlace activado.

Por otra parte, “Mapa del sitio”, “Contáctenos” y las “Políticas del Portal” en su versión completa, se colocarían junto a la fecha en el extremo superior derecho como es común en la web; otra variante sería colocarlos al final de la página.

Páginas de Segundo Nivel (ver propuesta)

Esta variante funcionaría en páginas como “Al Día”, “Revistas”, “Libros”…enlaces de segundo nivel incluidos en las diversas secciones de Infomed.

1-Actualmente: Páginas muy visitadas, con un gran volumen de contenido y con tareas muy específicas como “Eventos” o “Al Día” dentro de la sección “Servicios” no poseen ninguna personalización gráfica que enfatice su carácter o aluda a su contenido, lo cual unido a la ausencia de imágenes y al hecho de que el encabezado que enuncia el nombre de la página es muy pequeño y está ubicado a la derecha, limita el reconocimiento inmediato de las páginas.

La prueba que se hizo con el sitio de “El Tiempo” actual no resultó positiva, pues se logró la personalización adecuada, resulta más atractiva, pero la barra de navegación bajo la cabecera crea confusión, pues da la impresión que responde solo a la página del Tiempo y no a todo Infomed.

Propuesta: Crear una barra de identificación de Infomed de menor altura que incluya el identificador de Infomed en su versión reducida y el nombre de la sección en la cual nos encontramos (similar a los nuevos sitios de Especialidades). A continuación en la parte inferior aparecería la Barra de Navegación y luego una cabecera de altura reducida que identifique la página y defina el comportamiento cromático de la misma. En la imagen que mostramos aparece el sitio del Tiempo en la ubicación que está actualmente con los cambios propuestos para estos enlaces, se utilizó este sitio aunque proponemos darle otra ubicación porque era el que tenía una de las nuevas cabeceras realizadas.

Por supuesto que esto precisaría de una inversión de tiempo en el tema diseño de cada una de estas cabeceras, pero se puede crear una básica con el nombre que define el contenido y gradualmente ir personalizándolas en correspondencia con la importancia de la página, el número de visitas que tiene, etc …de esta manera lograríamos una identificación más adecuada de nuestros contenidos, además que se ganaría en atractivo visual.

Como explicaba, esto solo es un acercamiento general, por eso es imprescindible que se comente y hagan aportes, críticas y apreciaciones de todo tipo por parte de todo el equipo de nuestra red.

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).

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).