En nuestro newsletter del mes de Junio presentamos a la Web 2.0 como una nueva tendencia en el diseño de interfaces y fundamentalmente un cambio en la lógica de producción y consumo de información a través de la Web.

Analizando los sitios Web que presentan un “estilo Web 2.0” pueden encontrarse muchas similitudes en la forma en la que resuelven diferentes aspectos de la interfaz. Sitios como Flickr, del.icio.us, Wikipedia o Amazon Reviews presentan una estética representativa del nuevo estilo.

Esquinas curvas

Una de las características del nuevo estilo son las curvas. Aplicadas en botoneras, tablas y fondos parecen haber reemplazado definitivamente los estilos cuadrados y de ángulos rectos.

Este aspecto del diseño de la Web 2.0 ya había comenzado con la interfaz del sistema operativo Windows XP que planteaba un diseño más amigable y bastante menos tosco. De alguna manera, el Windows XP marcó una ruptura con los diseños duros, típicos de los comienzos de Internet.

Textos bien legibles

Afortunadamente la era de las tipografías pequeñas y grises parece haber terminado. Aquellos que utilizan lentes para leer estarán agradecidos porque la Web 2.0 trae consigo textos grandes y con un alto contraste de color.

Desde hace unos años, los textos en color gris y las tipografías pequeñas estuvieron de moda. Los diseños eran muy modernos pero ilegibles para prácticamente cualquiera que no tuviera una visión perfecta.

En el nuevo estilo, no sólo se buscan fondos blancos con tipografías en color negro, sino que además el cuerpo suelo ser como mínimo 10, lo cual asegura una mayor legibilidad. Pero como si esto fuera poco, una de las características más comunes en la Web 2.0 también es la posibilidad de cambiar el tamaño de la tipografía según las preferencias del usuario.

Como consecuencia de estos cambios, las mejoras en la usabilidad son notables. Los usuarios se sienten mucho más cómodos con una tipografía clara y los tiempos de lectura en la pantalla mejoran sustancialmente.

Colores

El color estrella de la Web 2.0 es el blanco. En los sitios que hemos mencionado podemos ver muchos espacios en blanco, color generalmente usado como fondo.

El color para los links es el azul, volviendo a un viejo estándar de usabilidad que aseguraba que los links debían estar únicamente en este color.

Otros colores que también se usan bastante son el rojo, naranja y amarillo.

Otros recursos Web 2.0

En la Web 2.0 hay mucho espacio destinado para los botones y las cajas de texto dentro de los formularios. Los botones suelen ser grandes, coloridos y con tipografías de considerable tamaño.

Las solapas también son muy utilizadas, incluso en algunos casos suelen reemplazar a la botonera principal, aunque en general son utilizados para mostrar clasificaciones de información que de otra manera requeriría la utilización de un combo desplegable.

Los tags son 100% un recurso de la Web 2.0. Consisten en pequeños espacios, por lo general, dentro de la página de inicio, donde se coloca un conjunto de palabras clave con los términos de búsqueda más solicitados por los usuarios.

No me animaría a decir que en este caso la usabilidad es una variable que haya sido tenida muy en cuenta. Pues, en la mayoría de los casos, los usuarios desconocen la utilización de los tags y la existencia en un mismo lugar de un conjunto de palabras en tamaños de tipografía distintos y sin relación aparente no resulta muy intuitiva.

Por último, los iconos también constituyen uno de los recursos más utilizados. Suelen ser bastante elaborados y grandes. Se usan para votar contenidos, compartirlo, etc.

En síntesis, si bien no existen normas definidas para diseñar un sitio Web 2.0, pueden identificarse un conjunto de características que se encuentran presentes en los sitios referentes de este nuevo estilo. Aquí hemos resumido aquellas que consideramos más significativas y que pueden ayudarlos a identificar y desarrollar sitios Web 2.0.