Identidad Visual Infomed

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

2

Buscando una continuidad desde el punto de vista gráfico con los solapines, a fin de garantizar la sistematicidad entre todos los componentes de la Papelería Institucional que se generen, se elaboró una propuesta de Tarjeta de presentación para los miembros de la institución (CNICM) y con la flexibilidad necesaria para hacerla extensiva a los diferentes centros provinciales.

En ella se incluye el identificador de Infomed, un texto que especifica a qué centro pertenece el portador, los símbolos de la OPS y la OMS (instituciones con las que colaboramos que poseen un alto prestigio y refuerzan la seguridad que inspiramos en el público como institución), el nombre y cargo, la dirección del centro, la dirección de nuestra página web y los teléfonos, fax y e-mail personales.

3

A raíz de los ajustes aplicados al identificador de Infomed y la aplicación sistemática del nuevo diseño de cabeceras a algunos de los nuevos sitios que se están realizando o actualizando en nuestra sección de Especialidades (Histología, Biotecnología, Diabetes, Optometría, Salud Ocupacional), surge la necesidad de someter el sistema actual de solapines a un proceso de rediseño que resulte coherente con la nueva identidad y revalore las necesidades de la institución en cuanto a comunicación y seguridad. Nuestro constante intercambio con visitantes exige una adecuada implementación marcaria que consolide la imagen y el prestigio existente.

En conversaciones con los jefes de seguridad, se analizó la incorporación de un nuevo dato que facilite la identificación tanto por la seguridad de la institución como por los visitantes: la clasificación en “Trabajadores”, “Especialistas”, “Libre acceso” (que corresponde a los Directores, Vicedirectores y algunos Jefes de Departamentos) y “Visitante”, con la correspondiente diferenciación cromática para cada uno que contribuya al inmediato reconocimiento. A partir de este análisis se desarrolló la siguiente propuesta: Solapín Libre Acceso , Solapín Especialista, Solapín Trabajador y Solapín Visitante.

Actualmente se continúa trabajando en esta propuesta (ubicación del cuño, pertinencia, etc), y en el resto de los soportes de la Papelería Institucional (Tarjetas de presentación, Hoja Carta, etc)