Identidad Visual Infomed

1

Propuesta Identificador BMN

 La solicitud de un nuevo identificador para la Biblioteca Médica Nacional, parte de la necesidad de integrar la identidad visual de la misma a la de Infomed, y llegar a una solución formal que connote los atributos actuales de esta Institución.

Atributos a comunicar definidos de conjunto con la dirección de la BMN:

  • Subordinación al Centro Nacional de Información de Ciencias Médicas (general).
  • Biblioteca (específico).
  • Biblioteca virtual (específico).

Recursos visuales empleados para comunicar los atributos definidos:

  • Para connotar la subordinación a Infomed, se emplearán recursos visuales utilizados en el identificador del mismo: la familia tipográfica Myriad Pro en su variante Regular, el uso de los caracteres del logotipo en caja baja (minúsculas) y los del genérico en caja alta (mayúsculas), el mismo código cromático, el “círculo verde” como elemento base del símbolo al que se le sustrae una forma y la composición horizontal como única variante compositiva.
  • Para hacer alusión al servicio de biblioteca y biblioteca virtual, se recurre al libro y al cursor respectivamente como elementos simbólicos.
6

Luego del profundo análisis y las numerosos reuniones entre todos los implicados, que tuvo como resultado la propuesta de Lilibeth de arquitectura de información del Portal de Cencomed y una extensa argumentación de la misma que avala cada una de las decisiones, presentamos la primera propuesta de diseño de interfaz.

En esta versión se emplea un esquema de color Acromático Monotono (constituido sólo por colores neutros dentro de la gama del negro al blanco) combinado con otro color, en el que el color rojo oscuro que identifica al sitio se utiliza como color de resalte, para enfatizar las área más relevantes (en este caso: Servicios). Posteriormente presentaremos otras variantes que se están desarrollando y que exploran otros esquemas cromáticos.

Esta solución fue seleccionada de conjunto con la especialista de información, y representa adecuadamente los niveles de jerarquía de información definidos en la etapa de arquitectura. También se tuvieron en cuenta las especificaciones de tipo técnico y de estrategia visual que determinan la necesidad de emplear una plantilla genérica para los sitios en Drupal que con un mínimo de personalización pueda utilizarse para generar nuevos servicios, es decir, desde el punto de vista de diseño, esta propuesta define un estilo gráfico que será implementado en los próximos servicios y que se aplicará a los ya existentes.

Esta estrategia, además de ajustarse a nuestras posibilidades de respuesta a las numerosas solicitudes y rápido crecimiento en lo que respecta a servicios, pretende garantizar una identidad visual homogénea y sólida en nuestros sitios, deficiencia fundamental detectada en los diagnósticos eventuales que hemos realizado.

En la propuesta, existen algunas diferencias con respecto a la arquitectura propuesta, las cuales fueron analizadas y valoradas de conjunto con Lilibeth:

-La información qué debe mostrarse en el Pie de página que precisamos con Víctor y que está definida por el centro.

-La distribución de algunos elementos en el mismo para ajustarnos a patrones de diseño reconocidos por su pertinencia.

-La incorporación de otros enlaces en el Pie de página que por su importancia es conveniente que estén disponibles en esta sección.

-Modificar el sistema de banner rotatorios y permitir al usuario controlar la visualización de los mismos. Esto es algo que hemos discutido antes y que es conveniente retomar. Actualmente los usuarios deben esperar pacientemente que se muestren todos los banner colocados sin saber cuántos son o cuánto demorará. Este recurso además de atentar contra la usabilidad, no resulta coherente con el concepto de promoción que da origen a los banner, ya que si el usuario continúa navegando por la página puede no “ver” un banner que promocionaba un evento de su interés o aburrirse esperando que le toque el turno a uno que le interesa. De esta forma que proponemos, el usuario podría avanzar o retroceder en la visualización de los banner promocionales disponibles. Esta sería una variante más sencilla, existe otra que combina ambas, en la que los banner cambian como ahora, pero se ofrece la posibilidad de avanzar y retroceder. En cuánto a cual usar, depende del énfasis que se pretenda, las animaciones captan mucho más la atención que un elemento estático…es algo a valorar con el equipo.

La imagen de la cabecera fue seleccionada para el análisis de la propuesta, no es definitiva. Para facilitar el flujo de trabajo es necesario priorizar los elementos que pasan a la etapa de programación y personalización de la plantilla de Drupal.

Ver Propuesta 1

1

A continuación algunos de los requerimientos que desde el punto de vista de diseño de interfaz han surgido para el desarrollo (por parte del Grupo de Tecnología) de una plantilla genérica de Drupal para los sitios de Infomed que emplearán este CMS:

1-Cabecera compuesta por 2 imágenes y un background color a definir por el usuario.

2-Barra superior con el identificador de Infomed como enlace al Inicio del Portal, habilitada para incluir enlaces comunes: Contacto, Ayuda, Mapa del Sitio, etc (en dependencia de las necesidades específicas de cada servicio)

3-Posibilidad de personalización de los módulos de contenidos (al menos 3 variantes predefinidas). Por ejemplo: Módulo con el listado de Servicios con mayor jerarquía visual que el Módulo de Enlaces relacionados.

Este Post queda abierto a nuevos requerimientos y pretende que el resto de los implicados en el proceso de creación de Servicios aporten nuevas sugerencias.

0

A partir de los diseños originales presentados hace un tiempo y luego de un análisis colectivo con el personal indicado, llegamos a esta variante de inmediata implementación. Para ella se tuvieron en cuenta:

-Niveles: Libre acceso; Permanente; Temporal (para personal con acceso temporal a nuestro centro, en el solapín aparece la fecha de vencimiento del mismo que corresponderá con el fin de las actividades de la persona específica) ; y Visitante. Se le aplicó una diferenciación cromática y estructural en los casos pertinentes para facilitar el reconocimiento del nivel.

-Datos necesarios: Se incorporaron los campos correspondientes a las necesidades actuales del centro.

-Método de Impresión: La impresión en impresoras de oficina a color facilitó la optimización del espacio y garantiza una calidad óptima en cuanto a legibilidad.

Ver solapines

2

Con el objetivo de facilitar la localización por parte de nuestros usuarios del Correo y la Barra de Navegación de Infomed, se ha realizado esta propuesta para el portal actual. Por supuesto, esto incluiría retirar el enlace al correo que está en el menú superior que en otras entradas se ha comentado que no resulta coherente con el resto de los enlaces.

Espero sus valoraciones

Ver propuesta

1

Se diseñaron las tarjetas de presentación para los participantes al CRIC de Infomed, los mismos deben revisar el documento PDF con las tarjetas y comprobar que todos los datos estén correctamente escritos. Los participantes que no estén incluidos en el documento deben enviar cuanto antes sus datos, pues el lunes se entregará a imprenta.

Ver PDF

3

Hoy se finalizaron las últimas versiones de los posters para el CRIC y se prepararon para entregar a imprenta. A continuación, los enlaces para descargar una copia de los originales en un formato legible para que los expositores puedan hacer una revisión final.

Poster Keylin / Poster Maité / Poster Mirta / Poster Ileana