Tendencias y mejoras

Capturas de pantalla de algunas web apps

En la web 2.0 han cambiado muchas cosas. La web ha sido mejorada a base de esteroides (AJAX) y ahora se construye mediante nuevos lenguajes de programación diseñados pensando en la productividad y en los humanos (como Ruby).

Como en todo, las grandes y populares webs han sentado unas bases que los demás intentan seguir, con éxito variable. Se trata de cambios estéticos y de usabilidad (muchas veces ligados), que intentan demostrar que el diseño de páginas web no está reñido con su accesibilidad o con el uso de tecnologías que conforman a los estándares.

Pero como todo lo relativo a internet, la mayoría de la gente no tiene ni la menor idea de qué es eso que los raritos llaman «Web 2.0». Aún hay demasiada gente (e incluso profesionales) que construyen sus webs totalmente con imágenes y que no entienden porqué el uso de flash es nocivo para una página web.

Al margen de cómo estén hechas las páginas o qué es lo que hay detrás para hacerlas funcionar, hay unos elementos comunes que se distinguen a simple vista y que han sido impuestos por el movimiento web 2.0. Estos elementos, que son «lo que se lleva» en este momento, son:

  • Simplicidad
  • Uso de resaltado amarillo (tipo fluorescente)
  • Mucho «whitespace»
  • Íconos grandes y coloridos
  • Animaciones no flash
  • Degradados y efectos 3D

El gran perderdor de esta renovación ha sido el flash. Su momento «Cool» fue bastante breve, pero el número de personas que se quedaron estancadas en ese momento es descomunal. Sin embargo, también ha jugado un papel importante en la revolución, como por ejemplo en las primeras versiones de flickr. Actualmente su uso en la web 2.0 está bastante extendido, pero no para presentar contenido, sino para interactuar con el usuario en aplicaciones ingeniosas. Este uso de flash sí es lícito, emho.

Como todas las revoluciones, su alcance (o incluso su grado de revolución) es variable según el punto de observación y el criterio del observador, pero lo cierto es que algo sí está cambiando. Espero que en un futuro próximo surjan aplicaciones web realmente buenas, que pongan en práctica estas nuevas directrices.

[imágenes: Odeo, Juice, Backpack, Skinny Corp]

del.icio.us

Ya os he hablado antes de del.icio.us, un sistema de marcadores sociales cuyo fuerte es la posibilidad de poner etiquetas o tags a los enlaces que añadimos.

Estoy en proceso de pasar todos mis enlaces diseminados por el ordenador del curro, el de casa, el servidor… a del.icio.us, para que estén en un lugar todos juntos y organizados por tags.

Algunos de vosotros utilizáis del.icio.us, o al menos os suena de ver mi página de enlaces (que zumbará durante los próximos días), pero sabíais que se puede recomendar un enlace a un amigo? Sólo hace falta que añadáis al enlace una tag especial: «for:nombre«, donde nombre es el login en del.icio.us de la persona a la que se lo queréis hacer llegar.

Haceros una cuenta en del.icio.us. Os encantará y podréis acceder a vuestros enlaces desde cualquier sitio. Si veis algo que me queréis hacer llegar, o de lo que queráis que hable en el blog, utilizar el tag for:reven al añadir el enlace.

EXTRA: Si ya estás familiarizado con del.icio.us, quizás te guste probar del.icio.us direc.tor, un organizador para del.icio.us. Para utilizarlo, solo tenéis que:

  1. Añade el siguiente enlace a los marcadores del navegador: delicious direc.tor (es un enlace especial, con un poco de javascript!)
  2. Vé a tu página de del.icio.us
  3. Haz click en el enlace que acabas de añadir
  4. Introduce tu contraseña si se te pide

Ahora puedes buscar en tus enlaces por tag, descripción, … Todo rezuma AJAX!

Recordad, for:reven

Terra: mejoras a peor

En diversas páginas se han comentado las actualizaciones a peor que han sufrido recientemente algunas páginas. Hoy le ha tocado el turno al servicio mail de terra.es.

La nueva página (de la que debo ser un «afortunado» beta-tester, ya que otros usuarios aun no han recibido el mail de invitación para cambiarse) ha supuesto un rediseño completo, no sólo de la interfaz, sino también de toda la aplicación de fondo. Además se pasa de los ya paleolíticos 5Mb a los impresionantes (?) 250Mb. ¿Qué queréis? Estamos en España.

Los chicos de terra se han animado a utilizar una aplicación basada en Ajax (ver mi post anterior), inspirándose en servicios como Gmail. Desde el punto de vista gráfico la interfaz es bonita y la elección de colores es atractiva. El tamaño de la letra es adecuado para mí, pero seguro que supone un problema a alguien con la vista cansada. Aumentar el tamaño de la letra no sirve de nada, por lo que explicaré más adelante.

¿Entonces, dónde falla? En la lentitud de todo el sistema. Los elementos dinámicos que se cargan con Ajax tardan una barbaridad. Ajax funciona para Google porque Google consigue hacer la magia: no que todo funcione, sino que parezca que es un programa. Google maps carga rapidísimo teniendo en cuanta que trabaja con imágenes. El correo de terra tarda siglos: al acceder a tu cuenta y después de cargada la interfaz, faltan las imágenes, los anuncios, el resumen de tus mensajes,… Demasiado.

Más cosas: el espacio visual. Da miedo. Echadle un vistazo:

terra

La interfaz ha de manejarse con poco más de la mitad de la pantalla (menos si utilizas un ordenador con una resolución de 800×600). Me parece que un diseño vertical hubiera sido más adecuado: a mi no me importa bajar la página para acabar de leer mi mensaje y así podrían poner anuncios de un kilómetro de largo (literalmente) sin molestarme. La falta de espacio horizontal se refuerza por el hecho de que la interfaz se divida en dos zonas cuando se listan los mensajes. Al hacer click sobre un mensaje previsualizamos el mismo en la mitad inferior, es decir, en la mitad de la mitad inferior. Intentad leer el mensaje si podéis. De ahí que personas que necesiten un mayor tamaño de letra no resolverán nada: las letras se saldrán de las imágenes de fondo de la interfaz y en lugar de ver 5 líneas de su mensaje y 5 mensajes de su lista de recibidos, verán 2,5 de cada.

En mi opinión los chicos de terra tendrán que intentarlo mejor. La mejora ha sido sustancial, pero falta un poco más de refinamiento. Un cambio menor, como lo de la publicidad vertical puede solucionar un problema muy grande. Seguro que hay otros muchos más que se me han escapado. Terra suspende. Veremos en la recuperación.

Ajax

Hace poco me he iniciado en Ajax, es decir, «Asynchronous JavaScript And Xml». Es la tecnología de moda, la que usa Flickr, Gmail, Google maps y también el correo de terra, aunque de eso hablaré en otro post…

Estoy empezando a experimentar con Ajax y he colgado una página dentro del área de proyectos web dedicada exclusivamente a ajax. Dentro de poco la actualizaré con más información y algunos ejemplillos. Los que queráis saber más del tema echadle un vistazo a:

Ajax: A New Approach to Web Applications [Inglés]
XMLHttpRequest & Ajax Working Examples [Inglés]
Manoloweb’s Instant Edit [Castellano!!]