Notas archivadas en 'Diseño web'

Nuevo rediseño del portal de Prensalibre.com

Nuevo rediseño de Prensalibre.comHoy me entero nada menos que en la edición impresa de Prensa Libre que finalmente decidieron sepultar de una vez por todas al monstruo de sitio web que tenían por todos estos años. Creo que toda la crítica de los blogueros guatemaltecos y de los consultores y asesores de los premios que Prensa Libre patrocinó en los últimos años finalmente cayeron en oídos receptores.

Como siempre, todo cambio positivo y hacia la modernidad web es bienvenido. No obstante, rara vez se puede dar una brinco agigantado que deje detrás todo ese lastre acarreado por casi un decenio. Hay cosas nuevas y positivas que serán bienvenidas por todos los lectores del matutino, pero en especial por la comunidad más pujante del ciberespacio chapín, los blogueros. También hay detalles que aún necesitan revisión y que posiblemente sean abordados en el nuevo año.

Lo bueno del rediseño:
Hay varias cosas bien pensadas y tecnologías que son muy gratas para los que usamos el portal de Prensa Libre. La limpieza del nuevo rediseño es muy grata y se agradece que se eliminaran todas esas animaciones que hacían del sitio uno de los más lentos del país.

La navegación:
Los menús de navegación justo debajo del cabezal de PL son una buena solución para todas esas secciones y suplementos. El tipo de cambio y calendario en la barra lateral izquierda son muy útiles para la navegación a través de las ediciones pasadas del diario.

Edición del día en formato PDF:
El poner la edición del día como una descarga PDF es muy útil y práctica y será algo muy utilizado por los lectores, archivistas, y coleccionistas de recortes periodísticos.

RSS feeds:
La redistribución de la noticias recientes a través del sistema RSS (redistribución realmente sencilla por sus siglas en inglés) era una función solicitada desde hace mucho tiempo y la falta de ella sólo mostraba el atraso tecnológico del portal más visitado de Guatemala.

DIVs y etiquetas semánticas:
Adiós a las tablas y HTML. Sí el nuevo código detrás del portal usa etiquetas XHTML 1.0 Transitional con algunos errores de validación aún (17 en la prueba que hice en la portada). Pero, sin duda alguna, es un gran avance y un cambio que será muy bien recibido. Los blogueros chapines ya no se podrán burlar del administrador web de Prensa Libre porque se le ha olvidado etiquetar con el DOCTYPE correcto el código XHTML. Cuando regresen a corregir esos 17 errores de validación, sería conveniente que repensaran también el cambio de ISO-8856-1 a unicode UTF-8. Ver Evaluando PrensaLibre.com de Oscar Mota para un diagnóstico muy acertado de las fallas más obvias del diseño anterior.

Algunas fallas del rediseño:
Hice varias capturas del nuevo sitio de Prensa Libre y por lo que observé a primera vista, el rediseño aún es rígido e inclinado hacia la izquierda. En algún momento durante las capturas de pantalla, la hoja de estilos no cargo y eso justo cuando cambié a Safari para hacer las capturas. El rediseño está pensado para un monitor de 800×600 de la parte del contenido del sitio. Eso fue lo que pensé inicialmente, pero luego cuando ya funcionó la hoja de estilos, la publicidad animada ocupó el espacio libre a la derecha de la estructura del contenido. Por lo que veo, 800×600 está realmente muerto y digo esto mientras escribo la nota en una iMac de 24 pulgadas a 1920×1200. Creo que cuando ya muchos utilizan monitores de 19 pulgadas con resoluciones arriba de 1200, incluso 1024×768 está en camino de pasar a la historia (menos en los ‘cafés’ que alquilan el acceso al Internet).

Conclusión:
Sin duda alguna, estoy seguro que el nuevo rediseño con su sencilla navegación, descargas de archivos PDF del contenido impreso, y redistribución de notas vía RSS serán bien recibidas tanto por los lectores casuales, cómo por los ávidos lectores yiks, blogueros chapines y en general por la comunidad de desarrolladores web 2.0 en Guatemala.

¿Qué otras cosas han notado ustedes sobre el nuevo diseño del portal de Prensa Libre?

Prensalibre.com con feedsPrensalibre.com con etiquetas semánticas y DIVsPrensalibre.com diseñado con 800 pixeles de contenidoPrensalibre.com diseñado para monitores 1024×768

Claro, Movistar y Tigo de Guatemala no pasan prueba de validación de estándares web

El año pasado Christian se quejaba del mal servicio al cliente de Tigo Guatemala en su sitio web ya que habían cargado el sitio de Flash y existían fallas graves con respecto a la utilidad del sitio para sus usuarios.

Ahora, es Jaroche quién pone el grito en el cielo acerca del nuevo sitio de Claro Guatemala (anteriormente PCS) y les encarga que gasten un poquito menos en publicidad y un poco más en utilidad (usabilidad), accesibilidad y seguridad.

Yo estaba por escribir una nota sobre Movistar Guatemala (Telefónica) y el mal diseño de la navegación, utilidad, accesibilidad del nuevo sitio.

Creo que no voy a perder mucho tiempo con los detalles sobre como pensar, diseñar, elaborar y programar un sitio web que sea útil y accesible para los clientes y usuarios. La información está por doquier sobre el uso de estándares web, sobre la separación de los datos y la presentación, sobre el uso correcto de XHTML y CSS para publicar sitios que sean accesibles por todos los navegadores y sistemas operativos desde el PocketPC hasta una súper estación de trabajo Mac o Linux.

La imagen vale más que mil palabras dice por allí y así que mejor les dejo unas cuantas capturas de los sitios arriba mencionados y dónde es evidente el mal desarrollo y fallas en los aspectos de utilidad, accesibilidad y rechazo de clientes potenciales que no usen Internet Explorer y/o Flash.

Lo más triste de estas imágenes es que en Guatemala en 2006 aún se aún se encuentren sitios importantes y necesarios diseñados con la filosofía y metodología de 1996. Cabe mencionar que ninguno de estos sitios pasa la pruebas mínimas de validator.w3.org en el uso de estándares.

Da la casualidad, que a veces, uno sólo quiere utilizar el sitio web de alguna de estas empresas para enviar un mensaje corto de texto y se topa con un montón de túmulos y desvíos tecnológicos que impiden tener acceso a una función que debería ser simple y de fácil manejo.

¿Qué opinan ustedes acerca de los sitios de las tres empresas de telefonía móvil en Guatemala?

Captura de Claro punto com gtCaptura de Tigo punto com gtCaptura de Telefonica punto com gtCaptura de Movistar punto com gt

Plugin de Feedburner para WordPress

Christian nos aconsejaba el uso de Feedburner, un sistema que nos permite gestar y administrar los enlaces de publicación remota, o feeds como se le conoce en inglés. En la nota de Christian nos demostraba como podemos modificar un archivo críptico del servidor (.htaccess) para que todos los protocolos de sindicación se unificaran en un solo sistema, el de Feedburner. Bueno, yo he encontrado una forma más fácil y sencilla de hacer lo mismo: el plugin de Feedburner para Wordpress. Adicionalmente, muchos que no tienen acceso o los permisos para modificar el archivo .htaccess podrán utilizar el plugin de Feedburner para Wordpress.

El uso del plugin y el servicio de Feedburner le puede agregar mucha utilidad a nuestros sitios y al mismo tiempo facilitar el uso de feeds a los usuarios que visitan nuestras bitácoras ya que en vez de 7 o más enlaces para los feeds, tenemos un solo enlace universal. Logramos unificar un sistema que puede tornarse caótico y al mismo tiempo le agregamos un aire de limpieza y legibilidad a nuestros sitios. Recuerden el lema, ahora ya casi cliché, menos es más. No es necesario tener tantas chicletas.

¡Suerte!

Demasiadas chicletas e íconos son caóticos

Bienvenidos a la nueva y renovada Crónicas efimeras

Después de un largo período de inactividad y de rezago en cuanto al motor detrás de este sitio, me complace anunciarles que finalmente Crónicas efímeras se ha mudado al año 2006. Desde hoy tiene un nuevo aspecto y correo la versión mas actual de Wordpress. Con esta actualización me uno al selecto club de Cvander y Mauricio Romero, quienes recientemente actualizaron sus sitios.

También, habrán cambios radicales en cuanto al enfoque, el contenido y la frecuencia de publicación. Desde hoy habrán más notas sobre diseño web, consejos y tips técnicos que me servirán a mi primeramente, como recordatorio, y a otros como consejos, guías o métodos para utilizar en nuestras bitácoras inmediatamente. Trataré de compartir muchos consejos de diseño gráfico, impreso y web. Dejaré en este sitio mis descubrimientos sobre herramientas, y sitios de utilidad.

Sin embargo, no dejaré de publicar notas sobre la actividad cultural en Guatemala, al igual que lo que voy aprendiendo del uso correcto y efectivo del idioma español; al final de cuentas, éstas son las razones principales por las que empece esta bitácora. Tengo ya varias notas, en el tintero, sobre el uso correcto o incorrecto del lenguaje castellano al momento de traducir tecnicismos del oceánico léxico del idioma inglés; solo necesito pulirlas un poco más.

Mis notas en inglés las dejaré únicamente para hacer reseñas de bitácoras y sitios guatemaltecos que considero valen la pena.

Por el momento los dejo con una solicitud. Por favor, si encuentran algún aspecto del sitio que no funcione o tenga algo raro, por favor dejarme un recado aquí. Les agradezco de antemano su visita y comentarios.

Etiquetas Technorati:

Guatemala: jugando con el tiempo

guatemala-jugando-tiempo.jpg

Vía Google Video me tope con un video del Puente del Incienso en lapso de tiempo y de allí al sitio de Guatemala: jugando con el tiempo. El sitio tiene un diseño muy particular, tal vez no tan efectivo, pero sin duda interesante. Lo malo del sitio es que lo han armado todo en flash, lo cual evidencia que sus creadores son cineastas, o al menos videastas, y eso cuando la corriente del diseño web apunta hacia alejarse lo máximo de sitios hechos en flash. Flash, tiene su lugar en el diseño web, pero no en la estructura ósea del sitio.

Guatemala: jugando con el tiempo es un proyecto audiovisual, que tiene sus bases en la técnica del time-lapse [lapso de tiempo]: dar emotividad a imágenes estáticas que transforman en movimientos visuales.

La descripción arriba en palabras de los realizadores. Cabe mencionar que tienen videos e imágenes impresionantes; la cantidad de basura que los capitalinos generan es un lica que DEBE verse. A mi gusto, quisiera saber más detalles (técnicos) de los videos, por ejemplo cuanto tiempo fue el lapso de tiempo para la creación de dichas animaciones.

Por lo que veo, todo este material visual está en la etapa de borrador. Yo propongo que se use más música hecha en Guatemala o por lo menos por guatemaltecos para maximizar el impacto visual y que vaya acorde con las imágenes fluidas de Guatemala. Antonio Consenza y Paulo Alvarado han creado bastante buena música que se presta para acompañar las animaciones. Pero, hay muchos más músicos y discos a disposición de los realizadores; pueden darse una vuelta por la columna de A tono en la revista Recrearte.

Mis felicitaciones por lo original del material audiovisual y les recomiendo pasar por el sitio de Guatemala: jugando con el tiempo para un deleite de las retinas.