A better Gmail

I love Gmail. Since its release, a couple of years ago as a Beta, I got hooked with its speed, but most importantly, with its concept of wrapping similar emails as conversations. It really was and example of “thinking out of the box” in those days. In fact, one of the features I miss every day in my iPhone’ Mail app is to wrap emails as conversations… they’re just so useful once you learn it!

Recently the Gmail team made slight changes to its interface. No secrets here, we all know Gmail web interface is a bit akward. I find it curious that its web presence is not so polished as its iPhone version. Gmail and YouTube for the iPhone are really setting the bar for other iPhone developers… and honestly I’m finding myself watching videos in the YouTube web application rather than the native iPhone app. It just works better.

It’s also already known that they are a bit reticent with design. I can understand the thinking behind this. However, they are slightly improving the user interface of each of their web applications. If you are curious of the design process behind Google products, read an in-depth look from Douglas Bowman here.

So when I logged in to check my emails today, I found the new Gmail. Compressed, with too much contrast, and some curious UI decisions (like the placement of the “Compose mail” button), it just looks strange, very strange for me. So I made a quick mockup on how I would like to see Gmail. Again, restricting myself by thinking that they are reticent towards new design ideas, and that they should maintain their brand identity over time. Have a look:

Thumbnail

How Gmail could look. Click on the screenshot to enlarge it.

I tried to give more white space to the overall interface, so the emails list doesn’t look just as a unreadable block of text with no proper line height. Each email has certain actions (drag, mark and star) that are now more separated between them, so they can be more easily clickable (following the Fitts’s law).

I found out that two of the three main principal links on the current Gmail (Mail, Contacts and Tasks) that are placed in top left area, could work as tabs, except for Tasks (this link opens a to-do list window similar to a chat conversation). So I placed Mails and Contacts as proper tabs, and leaved Tasks as an item in the left sidebar. This way I can group similar items and give users a hint on their importance and what to expect when clicking. I also placed the more important element of the interface, the “Compose mail” button next to these tabs.

Finally, the list of Gmail folders is also revamped a bit: The current folder has a different font size, and it’s also set in bold, so you won’t miss or doubt what folder you are looking at.

Again, this is a really quick mockup on how Gmail could look, based on their restrictions of brand/design identity. An extensive work could be made. How do you like this?

Porque todo lo que pensás sobre arquitectura de blogs está mal. Interesante post con un análisis de Arquitectura de la Información en blogs.

Más sugerencias para Clarin.com

Antes de irme a dormir, entré a Clarin.com y ví que agregaron una barra (con un par de checkboxes), que te permite “ocultar” el contenido que no te interesa de la home de Clarín (¿o debo decir del blog de Clarín?).

En terminos de usabilidad, esto es un paso enorme. La cantidad de noticias que ingresan al día es enorme y es una buena forma de filtrar lo que no te interesa, (en mi caso, Tendencias, Entretenimientos y La Ciudad). Es una buena técnica para aplicar también en otros sitios con muchas noticias al día, por ejemplo, en un blog como ALT1040, en donde filtraría TODO lo que tenga que ver con las elecciones mexicanas (no me interesa en lo más mínimo, Eduardo, sorry :S)

Checkboxes en Clarin.com

Tres cosas que me gustaría ver en Clárin (y gracias por sacar el bold de los títulos ;))

  • Un poco de cookies. Por lo que veo, el sitio no “recuerda” tus preferencias. Estaría bueno que si yo destildo algo que NO quiero ver, que directamente no lo cargue la próxima vez que entro al diario. Por un lado, me olvido de hacer esos clicks demás, y por otro, gano velocidad al cargar el contenido que sólo quiero leer de Clarín. Me imagino que una combinación AJAX + cookies es el camino que deberán tomar.
  • Apoyo visual. Las noticias se siguen perdiendo, como en un blog. No hay una jerarquía (pero si una cuasi-categorización). Me gustaría ver que cada noticia tenga un color de fondo (sútil, en colores pasteles claros), en donde con cada color pueda automáticamente distinguir que una noticia corresponde a “Deportes” y no a “El País”. Esto me daría una ayuda visual para leer exactamente lo que quiero leer, mucho más rápidamente, sin perder tiempo leyendo títulos que tal vez no me interesan y me brindaría un paso hacia la jerarquización de las noticias, que con el nuevo diseño, se ha perdido totalmente.
  • Mejor empleo de tags. Los tags están mal usados. Si me pongo teórico, sólo son categorías, pues están predefinidas (aunque no tanto, cambian según la semana y el día) por el equipo de Clarín. El poder de los tags es “darle la voz a la comunidad”, es decir, dejar que el lector clasifique con sus propias palabras las noticias y que ellos mismos vayan armando ese conocimiento colaborativo con toda la comunidad. Tal vez un pequeño formulario en cada noticia con un campo para ingresar los tags que querés (y si me pongo exigente, estaría copado que pongan un autocompletar con los tags relacionados, o con los tags que podrían ser adecuados para las noticias, según el voto de otros usuarios, como en Delicious) solucionaría el problema.

Definitivamente me gusta como se están moviendo, como agregan más features a medida que pasa el tiempo y como no se quedan quietos y prueban. Pulgar arriba para Clarín :)

Podés ver una reseña anterior del nuevo diseño de Clarín en este post.

¿Clarín rediseñando?

Disculpen mi desconexión sideral con la blogósfera y sobre todo con mi blog … pero hoy al entrar a Clarín ví diseño nuevo y no me aguanté de postear. Alguien tal vez me pueda desburrar, ¿puede ser que estén rediseñando?

Digo “están rediseñando” porque creo que todavía le falta algo de laburo encima. En lo gráfico sobre todo. Respecto a arquitectura de la información, leo las notas y realmente me pierdo, veo que no están cláramente divididas, parece todo un bloque grande de información sin highlights sobre noticias importantes o división entre secciones que lleven a mi ojo a diferenciar entre ellas. Está todo demasiado blanco para mi gusto.

Por otro lado, volviendo al diseño, la elección de familia tipográfica deja bastante que desear. Mezclar Georgia (o Times, no ví el código), junto con Tahoma, un poco de Trebuchet Ms y algo más puede conducir a resultados indeseados. Uno de los principios del diseño es “el diseño es en un 80% tipografía” y otro es “no mezcles demasiado fuentes sans-serif con serif”. Digo, se podría mejorar, tal vez sacarle el font-weight:bold a los títulos de las noticias y darle un toque más de tamaño. Georgia es una fuente muy linda, pero usada como bold es medio chota … fijensé que buen laburo hizo Jason en A List Apart mezclando Georgia y Verdana (nosé quien me dijo que no era bueno mezclar más de 2 familias tipografícas en un diseño … seguro que nunca vió un laburo de David Carson, jeje).

Respecto a la tecnología, dos cosas que realmente me llamaron la atención:

  • Más allá de que digan “Clarín solo tiene un blog para subirse a la moda pero no tiene utilidad alguna para los lectores”, el esfuerzo que hacen para adaptarse a las nuevas tecnologías es interesante. Hoy veo que ya tienen secciones con podcasts … y eso me hace pensar seriamente en si éste es el paso que faltaba para una aceptación masiva del mundo del podcastingen Argentina.
  • Tags. Esto tampoco lo había visto antes, ahora tienen etiquetas, llamadas “claves del día”. De nuevo, vuelvo a recalcar, me encanta como Clarín —más allá del análisis liviano de si se hace por moda o si se usa o no— busca adaptar su edición on-line con nuevos conceptos. Mi aportación sería que le dén el tamaño correspondiente a cada etiqueta según la cantidad de información/búsquedas que hay sobre el término … y con eso tendríamos un diario —en lo tecnológico— ideal.

Que alguien me saque la duda de si están rediseñando o no … tal vez solo mi navegador no cargó la hoja de estilos y ya estoy delirando :P

Actualización: Fer me hace dar cuenta que el rediseño de Clarín parece un blog … ¡es verdad! Me encantaría hacerle una entrevista a alguien de 451 para que nos cuente como fue el proceso … ¿alguien puede mover los hilos por ahí? :)

Card Sorting en la vida real

Una de las técnicas mas sencillas y efectivas en Arquitectura de Información es el Card Sorting, que consiste en ordenar contenidos de un web site en tarjetas. Nunca la había visto “en vivo”, pero dandome una vuelta por el blog de El Factor Humano, veo que Nelson hizo un post muy explicativo (con fotos incluídas) sobre card sorting y sus experiencias con él.

De la teoría a la práctica.



Copyright © 2004–2010 Rodrigo Galindez. All rights reserved. Hosting by XMundo Networks.

RSS Feed. Proudly powered by Wordpress. Correct at time of going to print.