Úsalo: Usabilidad y Accesibilidad para el diseño web. Usabilidad para todos

Quería poner en limpio unas notas en las que estoy trabajando, a raíz de un proyecto web al que asesoro, cuyo núcleo es información de eventos (Teatro, conciertos, animaciones, espectáculos, fiestas, etc.) organizadas por edades, lugar y fecha.

Antes de empezar, citar un reciente trabajo de Eduardo Manchón titulado «El discreto encanto de los listados». Si tuviera que titular este post de la misma forma, quizá habría optado por “Las maldición de las agendas” o quizá “Odio el programa de fiestas de mi ciudad”.

Pensemos que la información de “próximos eventos”, el clásico “What’s on”, es una forma específica de listados, que a veces adopta formas visuales y modelos tomados de la tradición impresa (Las hojas del calendario). En su naturaleza de listados, tomamos como punto de partida del artículo de Manchón, dos ideas contundentes:

• “Los listados son una de las mejores interfaces de usuario, no solo por su sencillez sino por su utilidad para el usuario final“.
• “Un listado es la manera más rápida de mostrar el contenido del sitio web porque es interfaz y contenido al mismo tiempo”

.

Antes de seguir, debo admitir que parto de un prejuicio un tanto irracional: odio los calendarios en la web. Voy a tratar de ser considerado con ellos, pero no me encuentro usándolos. Si tuviera que justificar este desencuentro, diría que se debe a que parecen una forma eficiente de planificar la semana y la agenda propia confirmada, pero no tanto para visualizar cómodamente la información de agenda posible disponible.

Además:

• Ocultan la información a la que dan acceso. No son “listados” (Recordemos, interfaz y contenido)
• Obligan a complicar el código, para adecuarse a la forma impresa tradicional.
• No suelen distinguir entre los días pasados y los días por venir. Por lo general adoptan el mes como unidad de tiempo, por lo que en su trascurso va creciendo la información no relevante, llegando a la paradoja de que lo que ocurre tras el último día del mes sea una sorpresa hasta que no se presente el calendario completo del mes siguiente.

Sin embargo son una buena manera de saber que hay de interesante el próximo martes 27 de diciembre. Pinchas en el día y, voilá, el listado.

¿Tengo que pinchar siete u ocho veces si quiero planificar la semana que viene?

• Lo siento, es muy posible que si. A menos que …
• El calendario nos de acceso a un listado más amplio, ordenado por días, posicionándonos en el lugar exacto, desde el que podremos seguir repasando la semana, bien haciendo un suave scroll, bien mediante los oportunos enlaces de “siguiente día” o “día anterior”.

Dado que el calendario por si solo no aporta contenido, una solución de conveniencia es complementarlo con un breve listado de varios eventos destacados. Este es el caso, por ejemplo, de la página principal de la Universidad de Murcia.

• Calendario … ¿qué aporta?
• Tres eventos destacados … algo es algo.

En este caso hemos de anotar además que la agenda ocupa una buena parte del pastel que se reparte en la página principal, por lo que podemos considerarla como un producto estrella del web corporativo. Si es una producto estrella, tiene sentido aplicar técnicas de “usabilidad al milímetro” . En otros web, la agenda es complementaria a otro línea de contenido.

Sin embargo, desde esta página de entrada general, llego a una página con una cuantas propuestas sencillas de entender, bien organizadas y que me simplifican la vida:

• Encuentro un listado del día que he seleccionado, con los items agrupados por categorías (Actividades deportivas, Jornadas, Exposiciones, etc.). Más claro, agua.
• Precediendo al título de página, hay una herramienta de navegación, discreta y que no entorpece la lectura del listado, que me permite seguir la navegación con otros criterios:
  - “Hoy”, “Próxima semana” y “Próximo mes”. Incuestionable lo que significa.
  - “Actividades” o “Convocatorias”. Aquí me paro a pensar en cual es exactamente la distinción, dado que antes de abrir el menú me inclinaba a pensar que encontraría los mismos bloques en los que se agrupa el listado. Ante la duda, dejaré la opción predeterminanda: “Todo”.
• Además, en el menú de navegación de la izquierda, encuentro un segundo bloque titulado “Agenda de actividades y convocatorias” (Ahora que lo pienso, echo de menos que la sección en la que estoy se titule así, y lleve una ruta en migas de pan).
  En página principal se rotulaba de un modo más compacto, “Agenda”, pero no me cuesta apenas identificarlo. Aunque me pregunto si este bloque no podría estar en primer lugar, puesto que las opciones de navegación que propone están estrechamente vinculadas con el listado que estoy valorando. (Ahora observo que estoy en una sección más grande que se llama actualidad, que conecta, además de con la agenda, con otro zona de contenido de la página principal denominada “Notas de prensa”. Esta agrupación hace que el menú lateral me sea menos visible cuando estoy en listados de agenda.)

  Aquí puedo saltar a:
  - Página principal. (¿De la web o de la agenda?)
  - Hoy.
  - Próxima semana.
  - Próximo mes.
  - Cursos, jornadas, seminarios.
  - Calendario.
  - Notificación de actividades.

¿Qué camino tomo ahora?

Desde luego, para saber lo que hay la semana que viene jamás volveré al calendario e iré pinchando en los días, si he logrado percatarme de las opciones del menú lateral o del que precede al título del listado.

Dado que este menú de la izquierda es el segundo que he leído, y que contiene al anterior. Me centro en él para tomar mi camino.

La repetición de “hoy, próxima semana, próximo mes” me hace preguntarme ¿Por qué no habrán resaltado esto desde el principio? ¿Por qué se esconden detrás del calendario?. Y pensando un poco más, veo que las opciones que ofrecen son de diversa naturaleza. En primer lugar el enlace a “Principal”, luego las ya mencionadas tres opciones temporales, luego un filtro por un tipo de actividad abundante y de alto interés para la comunidad de usuarios del web de la universidad, luego de nuevo el calendario y luego una opción que sugiere que me puedo apuntar para que me notifiquen actividades.

Casi por maldad compruebo que “principal” me lleva, según deduzco de la url, a la página principal de la agenda, que resulta ser igual que si pincho “hoy”.

• Sin duda me sobra un enlace o me falta una función más definida para esa página de entrada a la agenda.
• Esta página resulta ser también el destino de un enlace que no he comentado de la página principal, a continación del calendario: “más agenda”. Quizá podría decir “Agenda completa para hoy”

Los enlaces de “próxima semana o mes” conducen a un listado ordenado por categorías, como antes al entrar a un día en concreto. Llegaba hasta aquí confiado, pero ahora me doy cuenta de algo que no noté al consultar un solo día. ¡¡ No puedo ver la información por fechas!! De modo que si quiero organizarme la semana por días, quizá tenga que volver a usar el calendario.

Pruebo, sin mucha convicción, a usar la opción calendario, y llego a una página que compone tres calendarios: este mes y los dos siguientes.

Como cada vez me voy volviendo más malvado, pincho en una fecha al azar de dentro de dos meses, el 23 de febrero, y leo varias cosas, pero ninguna es ese día. Anoto comentar al final, algo sobre la clásica estructura de codificar la información de fechas en fecha de inicio y fecha de finalización.

Por último, descubro que el enlace de Congresos, jornadas, me lleva a un listado con un significado muy claro “No hay jornadas con el plazo de preinscripción abierto”. Luego el enlace en realidad era “Plazos de preinscripción a Congresos, jornadas, etc”.

• Extraigo como borrador de conclusiones que me gusta el enlace triple de “hoy”, “próxima semana”, “próximo mes”, pensando que de algún modo se podría resaltar esta utilidad desde la portada, permitiendo además luego agrupar el listado por categorías o por días.
• De modo un poco nebuloso, pienso que en los listados de agenda podría distinguirse de modo más claro lo que sucede en un día específico, de lo que está en plazo para apuntarse.
• También anoto el título elegido, que varía entre “Agenda” y “Agenda de actividades y convocatorias”.

Claro, como es Navidad, la agenda universitaria está un tanto apagada. En el siguiente post me iré a ver las fiestas de la Región de Murcia, en el portal Región de Murcia Digital: http://www.regmurcia.com/

Feliz Navidad a todos.

P.D. : Antes he comentado que una forma clásica de codificar la información de fecha en una base de datos suele ser la de inicio y final de actividad. Sin embargo, para una agenda de eventos, el modelo no permite gestionar realidades tales como:

• Tiene lugar desde el día x al y, pero solo los lunes y miércoles. El período completo son por ejemplo veinte días, pero solo se usan 6 en realidad.
• Hay fecha de realización y fecha de preinscripción.

Por lo tanto, y ya nos movemos en otro campo distinto del de la usabilidad, las fechas deben manejarse en tablas vinculadas, relacionando el item de contenido con la fecha, y con un atributo que indique la relación entre evento y fecha:

• id 234 > 11/03/2006 > Inicio plazo preinscripción
• id 234 > 20/03/2006 > Fin plazo preinscripción
• id 234 > 14/04/2006 > Inicio congreso
• id 234 > 18/04/2006 > Fin del congreso

  O también:

• id 234 > 14/04/2005 > Inicio y Día 1 del congreso
• id 234 > 15/04/2005 > Día 2 del congreso
• id 234 > 21/04/2005 > Día 3 del congreso
• id 234 > 22/04/2005 > Día 4 del congreso, Final.