Monday, December 5, 2011

Seeing Gmail labels even on a small screen in new Gmail UI, courtesy of Gmail Blog

I like this blog; I have been using Gmail's new UI, and it achieves many of its goals on a small screen, but some things still annoy me. But this clarification addressed one of them, as seeing all my labels *including* my "Regression", label which is of course *very important* for me to see, even if all the messages are read!!! :-) It turns out that if you use labels a lot and chat not so much, this suggestion is a help:

" Best of all, you can easily adjust the balance between labels and chat to fit your own personal preference by dragging the divider between the sections up and down. "

It is a little elusive with the other auto-magic behavior of these regions, but I finally managed to grab it and adjust it.

I do love my Gmail, but sometimes one must take the bad with the good with new UIs... :-)

Connie "One man's bug is another man's feature" O'Dell
Sr. Verification Specialist
CO Consulting - Boulder, CO -

---------- Forwarded message ----------
From: The Gmail Team <>
Date: Mon, Dec 5, 2011 at 10:00 AM
Subject: [Official Gmail Blog] Designing Gmail's new left navigation

Posted by Jason Cornwell, User Experience Designer

One of our goals for the Gmail's new look was to make Gmail feel more like a native application with independently scrolling panels rather than a website that scrolls as a single page. This design approach brings with it many advantages: the search box and primary navigation are always in the same place, your inbox unread count is always visible, etc. As with any design decision there were challenges with making this change. People with lots of labels might have their chat contacts pushed entirely off the screen and those with gadgets, like the Google Docs or Calendar gadgets, might have to scroll the left panel past both the labels and the chat contacts in order to see them.

We went through a number of different design revisions to try and address these issues as elegantly as possible. We experimented with several accordion designs, which stack sections on top of each other but only allow one or two to be open at a time.

We also experimented with designs that involved only one scrolling region, but showed fewer entries per section.

The final design combines aspects of both approaches. It is a ducking accordion design with only two sections. The bottom section has two tabs, one for chat and one for gadgets, with room to add more tabs in the future. The upper section, which contains labels, expands to show all of the visible labels when you mouse over it. This allows you to see chat contacts but still give quick access to the labels. Best of all, you can easily adjust the balance between labels and chat to fit your own personal preference by dragging the divider between the sections up and down.

This design went through a number of iterations as well. We carefully adjusted the timing and triggering behavior of the expanding labels section to minimize accidental triggering. We noticed in usability testing that having the labels section expand when you are mousing over the Inbox label delete didn't work for everyone. We tweaked the system only to expand if you moved your mouse below the inbox label and keep it there for a moment. We also tried to ensure that if you are moving your mouse to click on a particular label or chat contact, that label or chat contact will never move out from under you.

The end result is a system that is more flexible, more responsive, and always keeps your chat contacts and unread count visible without adding a lot of complexity or requiring too much clicking around.

Posted By The Gmail Team to Official Gmail Blog at 12/05/2011 09:00:00 AM

You received this message because you subscribed to the Gmail Blog via email.
To unsubscribe, email More info at

No comments:

Post a Comment