septiembre 2009 Archives

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

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