General

Cabeceras para anuncio de eventos en Blogs

3

Actualmente el Dpto. Web está trabajando en la apropiación y personalización de la herramienta WordPress MU para su implementación en los sitios de anuncio de eventos. Se planea que una vez establecida los usuarios puedan crear estos sitios empleando plantillas (temas) previamente rediseñadas y adaptadas a las necesidades de identificación del centro; estamos estudiando los temas disponibles y analizando cuáles se ajustan mejor a nuestro fin. El tema Semiologic disponible para todos los usuarios registrados en Infomed Blog es uno de lo más destacados, debido a la increíble flexibilidad que ofrece para aplicarle modificaciones visuales desde la interfaz de usuario. Este tema permite variar el ancho de página, modificar las fuentes empleadas en el sitio y escoger la cabecera para el mismo, o sea, que se puede crear un set de cabeceras genéricas personalizadas con la identificación de Infomed y CENCOMED y que funcionen para todos los eventos con diferentes variantes cromáticas, y que el usuario mismo seleccione cuál emplear.

La aplicación de este proyecto definido previamente con el Grupo de Tecnología y la dirección del centro, representaría un paso de avance en la optimización de nuestros servicios y nuestro funcionamiento interno: el usuario podrá actualizar constantemente su sitio e intervendrá en el resultado visual del mismo de una manera más activa, y garantizará una mayor inversión de tiempo por parte del Dpto. Web en proyectos de prioridad para el centro (en un análisis realizado al Plan de Trabajo de este Dpto. se comprobó que el 80% del tiempo laboral se destinaba al diseño y realización de anuncios de eventos).

Estas son algunas propuestas de cabeceras para los sitios de anuncio de eventos, en los dos últimos ejemplos se puede comprobar como cada una de estas muestras pueden variarse cromáticamente aumentando el número de opciones para escoger. Los textos relacionados con el evento que aparecen en estas cabeceras de ejemplo serían editables en las plantillas de usuario, manteniendo las características tipográficas definidas.

Filed under General by on . 3 Comments. #

Propuesta Diseño Infomed Enlaces

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

Filed under Diseño, General, Identidad Visual Infomed, Organización de información by on . 2 Comments. #

Nuevo Sitio BVS Cuba: Cabecera

2

A raíz de la solicitud de un rediseño del sitio BVS Cuba, con el objetivo de optimizarlo desde el punto de vista gráfico y ajustarlo a una nueva versión de la plataforma BVS, se hizo una breve evaluación de homólogos que aportara datos sobre la tendencia tanto gráfica como conceptual del resto de los sitios BVS nacionales; esta información es esencial si se desea una adecuada inserción a la BVS desde el punto de gráfico. Actualmente aparecen 25 países asociados a esta red, de los cuales 16 poseen una BVS nacional incluyendo Cuba.

Los resultados en cuanto al diseño de las cabeceras fueron los siguientes:

-La mayoría incluye el identificador de la BVS pero no respetan su diseño original, sino que hacen interpretaciones que en ocasiones no poseen un buen rendimiento gráfico.

-Se emplean imágenes que refuerzan la identidad del país mediante diferentes asociaciones: Personas del país (fundamentalmente niños), flora y fauna autóctona, lugares históricos que poseen un amplio reconocimiento internacional (este recurso es el más generalizado por su simplicidad y fuerza identificadora) y elementos de la cultura o la historia nacional de gran relevancia.

Tomando en cuenta estos datos, se definieron los atributos a comunicar en la cabecera y los recursos gráficos a través de los cuales expresarlos:

-Atributo: País Cuba / Recurso visual: Imagen de un sitio conocido internacionalmente y representativo de Cuba, nombre del país (protagonismo visual)

Atributo: Confianza y Profesionalidad / Recurso visual: Gama cromática limitada, azules, verdes

-Atributo: Pertenencia a la Red BVS / Recurso visual: Incorporación del Identificador original de la BVS, alusión a la gama cromática de la BVS.

-Atributo: Información, biblioteca digital, red / Recurso visual: Libro como símbolo de la información, elemento que compone las bibliotecas, imagen del libro compuesta por pixeles para connotar el atributo digital y diversidad de libros en coherencia con el atributo “Red”.

-Atributo: Colaboración con la OMS y la OPS / Recurso visual: Incorporación de los identificadores de estas organizaciones

Finalmente, se utilizó una imagen de gran impacto visual del Morro de la Habana (mundialmente conocido y asociado a nuestro país en la mente del público) y un grupo de libros (representados mediante iconos para pantalla de computadora) que se integran a la imagen formando una estela. Actualmente se continúa el proyecto de diseño general de este sitio, de modo que la propuesta está aún en fase de elaboración y sujeta a modificaciones, pero me pareció conveniente este primer acercamiento. Ver Propuesta

Filed under BVS, Diseño, General by on . 2 Comments. #

Papelería Institucional (2da parte): Tarjetas de presentación

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.

Filed under Diseño, General, Identidad Visual Infomed, Papelería Institucional by on . 2 Comments. #

Papelería Institucional (1ra parte): Solapines

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)

Filed under Diseño, General, Identidad Visual Infomed, Organización de información, Papelería Institucional by on . 3 Comments. #

1 2 3 4