Responsivo a medias: Google+ y su #Whitespace


Desde la presentación de Google+, Google ha ido rediseñando (y aún continúa) todos sus servicios para ofrecer una coherencia entre todos sus sitios y mejorar la experiencia del usuario.
Con estos rediseños, llegaron algunas buenas mejoras, como incorporar técnicas de diseño web responsivo.

Hay un error (yo diría pecado) muy frecuente últimamente entre los diseñadores web: asumir que el diseño web responsivo se enfoca en adaptar sitios web a pantallas pequeñas.
Es un error gravísimo creer eso, ya que la intención de la responsividad en el diseño es ofrecer el esquema y comportamiento más adecuado al marco de observación (el navegador), respondiendo de manera dinámica a cualquier cambio en éste.

Y Google parece haber caído en este pecado (y si no en este, entonces cayó en el otro que comento más abajo).
Ayer se presentó un rediseño radical en Google+, asemejándolo más a una aplicación que a un sitio. Con el lavado de cara aprovecharon para implementar un diseño web responsivo, reubicando algunos elementos y cambiando las dimensiones de otros, según el ancho de nuestro navegador.
¿Y cuál es el error? El layout actual de Google+ está "optimizado" para anchos de pantalla de 1024px hasta unos 1440px, esto abarcaría los monitores de 10" a 19". Con menos de 10" ya deberíamos acceder a la versión móvil del sitio (si implementan responsividad, otro grave error es tener una versión móvil separada de la versión desktop). Y con más de 19", se hace notorio un elemento que no debería ser percibido: el espacio en blanco.



Como se ve en la imagen, a la derecha del stream queda un enorme espacio en blanco inútil.
El espacio en blanco es un elemento importante en el diseño. Pero si el usuario final fija su atención en el espacio en blanco, si se percata de su existencia, entonces el trabajo del diseñador fracasó.
Google+ presentó desde su inicio una apariencia minimalista de la que podía enorgullecerse. Sin embargo, ahora presenta una zona en donde se aglutinan todos los elementos, y otra zona (que puede ser MUCHO más grande que la primera) en la que no hay nada, queda vacía.

Vacío no es igual a minimalismo.

Y la cosa empeora mientras más grande sea nuestro monitor, ya que el inmenso espacio vacío genera aún mayor sensación de condensación en la zona izquierda.
Un claro ejemplo de cómo se desaprovecha el ancho de la pantalla es este:

Click para ampliar
Hay un espacio para filtrar el contenido del stream, pudiendo elegir leer las publicaciones de un solo círculo, simplemente marcando el círculo deseado. Hay un ancho suficiente para mostrar los botones de bastantes círculos, y sin embargo, la lista colapsa después de sólo DOS botones, dejándome un enorme espacio desperdiciado a la derecha.

Pero todavía puede venir algo peor que el exagerado espacio en blanco:

Por la mañana, mientras los hashtags #whitespace y #useofwhitespace se convertían en trending topics, Vic Gundotra ofrecía un hangout en el que comentó que tenían algo planeado para ese espacio en blanco, aunque no precisó qué sería.
Y si Google no cayó en el primer pecado (ignorando los monitores de más de 19" en su diseño), es probable que caiga en uno mayor: el estilo Facebook. Esto es sobrecargar cada rincón del monitor con todo cuanto pueda meterse.

Si realmente tienen algo planeado para "rellenar" ese espacio en blanco, entonces perdería todo vestigio del concepto minimalista con el que comenzó Google+.

Y hablando de desaprovechar el tamaño del monitor, no pude dejar de pensar en la ironía de que este diseño "responsivo a medias" proviene de la empresa que desarrolla Android, cuyas aplicaciones para tablets no son más que la versión estirada de las mismas para smartphones.

Descargar Ubuntu
Descargar Chrome
 

© 2011 Sentido Binario