Eventos

0

Estoy realizando el Manual de identidad visual institucional de Infomed. En la sección Signos de Identidad, hay un punto inicial titulado como esta entrada, en la que se mencionan los antecedentes del identificador actual de Infomed, la conceptualización que justifica sus características formales y una breve historia del centro.

Para desarrollar esta parte necesito de la colaboración de todos los que tengan conocimientos acerca del tema, que hayan paticipado o colaborado en la creación de este identificador. A continuación incluyo el texto que he redactado a partir de una conversación sobre el tema con Urra cuando comencé a trabajar aquí. Por adelantado: gracias

El Portal de Salud, Infomed, comenzó a desarrollarse a partir de 1994 con el objetivo de facilitar el acceso a la información relacionada con las ciencias de la salud y especialmente dar acceso a la información de salud producida en Cuba. Es coordinado por el Centro Nacional de Información de Ciencias Médicas que, posteriormente, incluyó el nombre de Infomed en su denominación para hacer extensivos el prestigio y popularidad que alcanzó el portal con los años.

El nombre se forma por la unión de las contracciones “info” (información) y “med” (medicina).

La primera versión del identificador de Infomed se realizó en el año x, a partir de un proceso de conceptualización que incluyó a la dirección del centro y que garantizó una adecuada definición de los atributos a comunicar.

El isotipo representa un hombre con los brazos abiertos, como símbolo de la disposición de Infomed a incluir a todos los que deseen colaborar en su proyecto, es una invitación, un gesto de cordialidad, de buena voluntad, El color verde del mismo se empleó para connotar esperanza, franqueza, amistad, vida y salud.

El logotipo aparece en minúsculas, con el objetivo de connotar humildad, sencillez, de no “gritar” visualmente, de “estar a la altura de todos” (precisar). La tipografía empleada es la Trebuchet MS en su variante cursiva, y posee una notable deformación manual que provoca un efecto visual de “estiramiento” en la horizontal.

1

Actualmente, estamos realizando algunos ajustes al sitio de Cencomed, con el objetivo de optimizar su rendimiento y solucionar algunas deficiencias detectadas en la primera versión. Por otra parte, antes del lanzamiento, surgieron necesidades no contempladas durante el proceso de trabajo que implicaron modificaciones a la propuesta que ahora estamos revisando con detenimiento. Por ejemplo:

-El módulo “Navegar por” que no se planeó desde un inicio y que actualmente funciona pero posee una interfaz deficiente desde el punto de vista de legibilidad y organización de información. Estamos trabajando en su optimización.

-El enlace a la BVS que se muestra en forma de módulo de contenido innecesariamente.

-Detalles de diseño que no han sido ajustados completamente. Read more on Actualización Diseño Cencomed (Página de Inicio)…

3

En el artículo anterior comentábamos sobre el módulo de banner rotatorios y presentábamos una propuesta que permitía al usuario avanzar y retroceder en la visualización de los mismos, con el objetivo de que el usuario tuviese un control sobre la información de su interés. Continuamos revisando sitios y valorando patrones de diseño que fuesen pertinentes para esta solución. Ahora presentamos una variante, que no solo permite controlar la visualización,  sino que se ofrece el dato de cuántos sitios se están promocionando mediante este recurso.

De acuerdo a la primera ley de la usabilidad de Krug, la página web debe ser obvia y auto-explicativa. El visitante debe entender qué hace la página, cómo funciona y cómo puede ir a otro lado, el objetivo debe ser que no se haga preguntas.

Actualmente, nuestros usuarios deben realizar una serie de pasos para que la implementación de este recurso de los banner rotatorios cumpla con su objetivo: Promocionar eventos, no uno (porque sería un banner estático) ni dos (porque entonces se colocarían uno debajo del otro) sino múltiples eventos (actualmente hay 7 disponibles).

-En primer lugar el visitante debe permanecer más de 5 segundos visualizando la parte superior de nuestros sitios para comprobar que el banner cambia. O sea, el primer paso depende de una probabilidad.

-Debe esperar 10 segundos para comprobar que no se repite el anterior, por tanto, se genera la duda: “cuántos hay”. El segundo paso depende también de una probabilidad y además genera una pregunta, que solo se responde si espera a que se repita el primero.

-Esperar 35 segundos para visualizar los 7 disponibles actualmente en caso de que le interese. Este paso precisa de un gran interés por parte del visitante ya que debe invertir mucho tiempo.

-De interesarle algún evento debe hacer clik sobre el banner, si no lo hace en los 5 segundos que se muestra (lo cual es probable si se detiene a leer la información que muestra el banner) tendrá que esperar 35 seg para que se repita…tiempo que invertirá buscando el mismo evento por otra vía: pinchando otra opción en la página  o en un buscador web que le ofrezca mayores posibilidades de encontrar rápidamente la información que busca.

De modo general, existe una probabilidad muy alta de que el objetivo de este recurso no se esté cumpliendo actualmente de manera óptima, si tenemos en cuenta además que generalmente los usuarios “escanean” las páginas sin leerlas con detenimiento, buscando palabras, anclajes visuales y puntos fijos que los guíen hacia lo que están buscando; su tiempo es esencial.

En esta propuesta, mantenemos la animación como recurso de énfasis visual, pero incluimos elementos de navegación ampliamente reconocidos y aportamos como dato informativo el número de eventos disponibles mediante este módulo. Mirándolo una sola vez, el usuario reconoce qué le estamos ofreciendo, si le interesa, revisará los banners controlando el tiempo que invierte en esta acción.

Ver propuesta

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

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