Latest Entries

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?

Nuevo post

¿Cómo volver a escribir? El botón de “Add new post” da mucho miedo… pero bien, acá estamos. Y sin muchas vueltas, un update de lo que está pasando por mi cabeza estos días, sin filtro.

  • Durante los últimos dos años mi carrera profesional dió un vuelco enorme. Debido a esto, no tengo tiempo de publicar como me gustaría. Tengo un dilema sobre si escribir en Inglés o en Español.
  • He dejado de trabajar para clientes. En realidad, sólo acepto proyectos que sean lo suficientemente interesantes y sobre todo, divertidos.
  • Por el momento estoy 100% enfocado en Claris, una aplicación web para administrar proyectos que estamos desarrollando junto a mi amigo Pablo Micolini.
  • Modern Clix, mi theme gratuito para Wordpress, tiene más de 35000 descargas al día de hoy. Nunca en mi vida me hubiera imaginado tamaña repercusión.
  • He lanzado otro theme, pero esta vez pago. Se llama Pimlico, y cuesta $24,99. Tiene un éxito notable, pero no me voy a hacer millonario con esto, ni es mi intención.
  • Estoy rediseñando este sitio.
  • Voy a dar una charla en el Barcamp Córdoba. Hablaré sobre el pulso de la web en estos días: tipografías embebidas, CSS3, HTML5, media queries, etc.
  • Me enganché con el mundial como nunca lo hice en mi vida. Literalmente, lo único que hice durante esos días fue ver los partidos.
  • Estoy leyendo mucho. En realidad me estoy poniendo al día con libros de diseño de interacción que siempre quise leer, y por falta de dinero, no los podía comprar.
  • Estoy sacando fotos. No tanto como quisiera, pero sí mejorando mi técnica.
  • Tengo un bonsai, Olga. Me resulta difícil cuidarla por ahora, requiere atención. De a poco estoy leyendo sobre este mundo, que es fascinante y complejo. Me gusta.
  • Tengo una novia que es única. Nos amamos.

Qué sigue? Realmente no lo sé… pero necesitaba tomarme 5 minutos para compartir las cosas que estoy haciendo estos días. ¿Hay alguien del otro lado? :-)

Decoration is only superfluous

There has been recently a huge discussion on designing in the browser vs. doing it in Photoshop/Fireworks. While checking out your mockup in the browser is great, this mechanism it’s not suitable for all sites.

Turns out that as web designers, we design interfaces. You can think of them as part of a complex set of interactions: between your site and your user. Most people will agree in naming interfaces and interactions components of a science called User Experience Design.
Continue reading…

In Links

Eric Friedman on why you need to launch your web app today.

Modern Clix on Smashing Magazine

A couple of weeks ago, Smashing Magazine, one of those sites that you honestly need to check out at least once a day, announced a typographic design contest to the community.

Continue reading…

Rediseñando Taringa

This post is written in Spanish: It covers the redesign of the HTML and CSS code for Taringa.net, a site with over 13 million page views daily. In this article, I explain how to save thousands of dollars a day by using simple web standards techniques to reduce the size of the homepage by 50%. A version of this article will be published in English in the coming days.

Luego de leer este artículo en Alt Tab, en donde se entrevista a Alberto Nakayama sobre el funcionamiento de Taringa.net, quedé bastante impresionado con la red de servidores y recursos que el sitio consume actualmente. Para un sitio como Taringa, con más de 13 millones de páginas vistas por mes, mantenerse optimizado es crucial, en el sentido en que esto implica una reducción en el ancho de banda que se consume, y por ende, en los gastos mensuales en servidores y su mantenimiento.

La gran pregunta es, ¿pueden los estándares web ayudar a minimizar los costos de funcionamiento de Taringa? En este post explico como optimizé la página principal, utilizando técnicas simples de estándares web, logrando reducir su tamaño en aproximadamente un 50%, de esta manera, ahorrando miles de dólares mensuales en servidores y su mantenimiento.

Continue reading…

In Links

“Me moaning about shoddy UI inconsistencies and mistakes in Adobe products and how they get shitter with every release and especially since they took on Macromedia’s idiotic philosophies.” Via @mike9r.

Eiffel Tower, Paris, France

Album cover

What another album could serve as the soundtrack for today’s Obama inauguration day? A true classic of the 80’s.

In Links

Vivien points to 32 websites that use the gorgeous Georgia for its typesetting. Via I love Typography, which BTW, did a great realign recently.



From the archives

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.