« Consultores en Estrategia Web | Página principal | Productos de eMail Marketing »

Un Extreme Makeover en tres días

El 8 de diciembre se nos encargó la tarea de actualizar el boletín electrónico del CLADEA, cuya anterior edición se podía y puede ver todavía aquí. Es relativamente reciénte que la página web del CLADEA se le encargara al equipo de desarrollo Web de la Universidad ESAN, del cual formo parte. Se había hecho el trabajo de traslado de la información e instalación de la misma en nuestros servidores y se estaban realizando algunas actualizaciones relacionadas al funcionamiento. Pero éste era el primer trabajo que se me encargaba personalmente para la página del CLADEA.

El objetivo era mantener el diseño y la estructura de funcionamiento vigentes hasta entonces. Y actualizar la información, mientras nos familiarizábamos con la estructura de la información contenida de manera que pudiéramos realizar un rediseño del boletín, primero, y posteriormente un rediseño de la página web completa del CLADEA.

Se inició el trabajo el mismo 8 de diciembre. Ese mismo día un breve análisis del diseño y la estructura nos reveló que no era recomendable mantenerlos. Resultaba más provechoso, tanto para los usuarios como para la propia institución, desechar el esquema bajo el cual funcionaba el boletín e implantar uno nuevo más eficiente, manejable y atractivo, en ese orden.

A manera de resumen, los problemas encontrados pueden agruparse de la siguiente manera:

  1. Menúes en javascript: La navegación por las diferentes secciones del boletín no estaba incluída en el código sino que aparecía en el navegador escrita por la programación en javascript de la página, cada vez que un usuario ingresaba. Lusuarios que no aceptaban o tenían el javascript desactivado en sus navegadores no podían ver el menú y, por ende, no podían navegar a través de las secciones del boletín. Lo cual resulta especialmente fastidioso para usuarios poco expertos, como lo son la mayoría, que no saben ni les interesa saber cómo habilitar el javascript. Así como para quienes usan lectores de pantalla, usualmente personas con discapacidad que necesitan este tipo de ayudas tecnológicas para que les lean lo que está escrito en el código de una página, quienes estaban imposibilitados de encontrar la navegación.
  2. Organización en Marcos: Los marcos constituyen un viejo truco mediante el cual algunos navegadores permitían dividir la ventana madre en sub ventanas rectangulares de tamaños predefinidos. Cada sub ventana es capaz de contener una página completa propiamente dicha. El truco estaba en que cada página fuera sólo un segmento del diseño total.
    Estas funcionarían en conjunto, de manera que a la vista del usuario una o más de ellas pudieran permanecer estáticas e invariantes (la cabecera y la navegación por ejemplo; en las partes superior e izquierda de la pagina respectivamente) mientras que las otras variaban (usualmente las correspondientes al contenido). Una desventaja es que no todos los navegadores los aceptan, de manera que en algunos casos el usuario termina frente a una pantalla vacía que le informa que su navegador no soporta los marcos.
    Otra desventaja tan importante como la primera es que el código de la ventana madre sólo contiene referencias que indican dónde encontrar a las sub ventanas cuyo contenido es el que se debe mostrar, pero no contiene nada del contenido propiamente. Una vez más aquellos que utilizan asistentes tecnológicos pensarían estar frente a una página en blanco así como muchos de los robots que navegan la red para indexar los contenidos de las páginas e ingresarlos en las bases de datos de buscadores como Google.
    Había que deshacerse de los marcos.
  3. Presentación y contenido entre mezclados: Si el lector cuenta con el tiempo y la paciencia necesarios, podrá darse cuenta al recorrer los números anteriores del boletín del CLADEA de la variación que hubo desde su diseño original hasta el penúltimo número, el 22.
    Es en realidad toda una evolución. El primer boletín, hecho de html simple, es una lista de notas de prensa en texto que se extienden hacia abajo en una sola página. Muy pocos links que aprovechen la capacidad hipertextual del html. Los números 2 a 13 aprovechan la tecnología Java para darle animación e interactividad al boletín aunque sólo superficialmente, ya que las páginas interiores siguen siendo de texto. En el número 14 se emprendió un primer rediseño; fue allí que se instauró el uso de marcos y javascript para los menúes. Sin embargo, si estos dos hubieran sido los únicos problemas, aún se habría podido realizar la actualización que se necesitaba de urgencia. El problema más agudo era la mezcla existente entre el contenido y su presentación.

Como suele suceder en estas ocasiones, el primer problema que arrastraría la ejecución de este plan sería el corto tiempo. La agenda de estaba recargada y no había más de tres días para dedicarle a este trabajo; y no exclusivamente, sino compartiendo el tiempo con otros proyectos en marcha. En el CLADEA, por si fuera poco, estaban retrasados y necesitaban que el nuevo boletín estuviera publicado "¡YA!".

TrackBack

URL de TrackBack para esta entrada:
http://www.josedante.com/cgi-bin/mt/mt-tb.cgi/3

Déjanos un comentario

(Si no nos has escrito un comentario antes aquí, quizá necesites aprobación del administrador de este sitio antes de que tu comentario aparezca. Hasta entonces, no aparecerá en la entrada. Gracias por esperar.)

Acerca de

Esta página contiene una entrada ingresada de la seccion .

Otros ingresos en esta categoría son:

Pueden encontrarse más en la página de inicio o revisando los archivos.

 

Esta página está registrada en BlogsPeru y PeruBlogs.