noviembre 2007 Archives

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.

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.