Diseño

0

Partiendo de la identidad visual definida para Videosalud 2008, la cual se ha desarrollado e incorporado nuevos recursos gráficos en la medida que han surgido nuevas necesidades de comunicación (spot promocional, diplomas, credenciales), se diseñó un plegable promocional (díptico) con datos de interés sobre el evento. El diseño tuvo como limitante técnica, el empleo de un formato Carta (8,5 x 11 pulgadas) y prescindir de cortes de guillotina, de modo que no se utilizaron planos de color que cubran todo el formato por los inevitables márgenes de impresión.

Ver Tiro (exterior) / Ver retiro (interior)

2

A partir de la propuesta elaborada por Julio Takayama (Unidad de Diseño Gráfico e Interfaces DGI-GA | BIREME/OS/OMS) para la nueva BVS regional y a la organización de información definida con Gustavo, presentamos una maqueta básica que pueda funcionar como referencia tanto visual como estructural para la implementación de la BVS Cuba.

Descargar pdf Propuesta de Julio Takayama

Ver maqueta BVS Cuba 

4

Ambas propuestas se desarrollaron simultáneamente con el objetivo de lograr una coherencia visual entre las soluciones. La gama cromática se definió a partir del identificador de la BVS y se le incorporó en ambos casos una imagen con la saturación y el matiz modificado de manera que aportaran un énfasis moderado que enriqueciera visualmente la solución pero manteniendo una sobriedad coherente con el diseño de la BVS regional. Para la BVS Cuba se utilizó el motivo de la “Gitana tropical” que anteriormente se había definido como representativo de nuestra BVS y para el Centro de Ayuda se empleó la imagen de un librero como representación simbólica de un repositorio de libros, documentos, etc (esta imagen aún está en proceso de búsqueda para optimizar su representatividad del contenido). En ambos casos se emplearon como gráfica de apoyo los hexágonos que identifican la BVS, y en el caso del Centro de Ayuda se utilizaron también signos de interrogación, comúnmente empleados para denotar este tipo de contenidos.

Ver Propuesta Cabecera BVS Cuba

Ver Propuesta Cabecera Centro de Ayuda BVS Cuba Read more on Propuesta inicial de cabeceras para BVS Cuba y Centro de ayuda BVS Cuba…

1

El Directorio de Eventos será una página que estará contenida en el Portal de Cencomed. Se implementará en CWISS, la misma herramienta empleada para LIS Cuba. Partiendo de la misma plantilla se definieron algunos ajustes con el fin de personalizar la visualización de la página y ajustarla a la identidad de nuestro centro. También se incorporaron algunos espacios para banners promocionales a eventos específicos que se deseen enfatizar por su relevancia. Ver maqueta / Ver ejemplo

0

Con el objetivo de hacer extensivo el uso del nuevo identificador (rediseñado) de Infomed y de esta manera garantizar su adecuada implementación, he subido a mi álbum (Pablo Montes de Oca) en Infomed Galería las dos versiones creadas hasta el momento de la marca con una descripción general para su uso. Se creará posteriormente un espacio en Infomed Wiki que especifique detalladamente el comportamiento de la misma, sus diferentes versiones y uso, restricciones y código cromático y tipográfico.

Ver Álbum 

4

Por limitaciones de tiempo, Infomed carece de un Manual de Identidad actualizado que paute aspectos esenciales como el código tipográfico institucional, el código cromático, los recursos visuales, etc…no obstante, en la medida que se han presentado trabajos que exigen acciones de diseño que abarcan estos elementos, se han definido algunos de estos como normas a la hora de generar soluciones y de esta forma ir consolidando progresivamente una imagen visual más homogénea del centro.

Este es un ejemplo evidente de lo positivo que resulta la existencia de códigos visuales definidos para la representación de una organización y de cómo esto tributa también a la agilización de procesos que podrían resultar complicados y tener repercusiones negativas. Hace alrededor de 1 hora se presenta un señor que va a ser el responsable del espacio de Infomed en el Pabellón de Salud de EXPOCUBA, y que tenía una propuesta de suelto informativo que promocionara a Infomed para colocar en algunos espacios del recinto ferial; este suelto no estaba personalizado con ningún elemento característico de nuestro centro y Olema le sugirió que pasara por el Departamento Web para que consultara esos detalles…no obstante, los encargados de la impresión del suelto estaban esperando por el original, era algo del primer cuadrante como me comentó Carlos Mario: URGENTE-IMPORTANTE.

A partir de la propuesta existente que contenía una información ya revisada, se rediseñó el soporte impreso aplicándole algunos de los recursos y códigos gráficos definidos previamente: código cromático, tipografías, composición, valoraciones tipográficas, énfasis, etc…optimizando el rendimiento gráfico de la solución y principalemente, ajustándola gráficamente a nuestro centro. Por supuesto, la nueva solución es mejorable en todos los sentidos (sobre todo la selección fotográfica), pero gracias a la apropiación de estas normas pudo rediseñarse en mucho menos de 1 hora y enviarse en tiempo a la imprenta, no se invirtió tiempo en “seleccionar” (acción mucho más compleja pues define qué es pertinente y qué no), se invirtió tiempo en “gestionar” recursos existentes y adaptárlos a nuevas necesidades.

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.