Friday, 11 November 2011

How real users helped us develop Gmail’s new look

Posted by David Choi, User Experience Researcher

When building Gmail’s new look, our goal was to make the most engaging, accessible, and most of all, easy to use email experience possible. To accomplish that, we had many real Gmail users try out changes to the look and provide feedback during its development.

One of the most important ways we obtained feedback was through usability studies. In these types of studies we observe people trying out our products in a controlled environment. We invited Gmail users from all walks of life to participate in usability studies and used the results to find problems and identify improvements before we launched.

For Gmail’s new look, we started very early. Long before any Googler began using or even building the new look, our designers created an early prototype. We then had Gmail users participate in a usability study either by coming to one of our offices or remotely connecting from their homes.

An example of one of our usability labs. People in usability studies use our products on the pictured computer while they are being observed through a one way mirror and video cameras from the room next door.

The study participants evaluated the early prototype by doing many of their everyday Gmail tasks, such as reading, sending, and replying to emails. We then looked at how easy or difficult it was to complete those tasks, and made changes based on this feedback. For example, one of the things we found with our prototype was that we had put too much emphasis on conversation level actions at the expense of per-message actions. As a result, our study participants had difficulty finding the reply button on each message. In response, we changed its appearance, size, and location to make the reply button easier to see.

As we continued to develop the new look, we evaluated our progress through additional usability studies with even more people. Much of what we captured from these studies was users’ first reactions to the new look. But Gmail is something people use repeatedly, not just once. So in addition to first impressions, we were also interested in seeing how people adjusted to the new look as they used it repeatedly in their daily lives. To find that out, we conducted a different kind of study called a longitudinal study. Longitudinal studies are used to observe the longer term effects our products have on people’s usage.

The longitudinal study consisted of turning on the new look for a group of Gmail users. We captured their initial reactions after their first experience. Then we let them use the new look in Gmail as they normally would as part of their everyday lives. As the days and weeks passed by, we periodically checked with them to see how they were adjusting to all the changes. Like with anything new, there were some changes that our participants initially needed time to adjust to, but later came to prefer as they used the new look more. On the other hand, problems that were not seen during the first couple times of use later emerged after more prolonged use. For example, many of the changes we made to the new left navigation were the result of people reporting their repeated experiences using labels and the chat area over time.

These studies have been absolutely critical in helping us build Gmail’s new look. Much of how it looks and behaves is a result of people participating in these studies and giving us their feedback. If you are interested in becoming a participant in a research study about Gmail or any of Google’s products, you can sign up at google.com/usability.

Thursday, 10 November 2011

Improving themes in Gmail’s new look

Posted by Jason Cornwell, User Experience Designer

One of the most visible improvements in last week’s Gmail update is the entirely new theme system and the new high definition themes that it supports. This refresh to themes both simplifies them and makes them more immersive. You can browse what some of the new themes look like below:


Themes are now implemented as semitransparent layers on top of a large background image. Each theme uses either a dark or light variant of most UI elements to balance legibility and visibility of the background image, allowing the background image to peek through and provide color and personality. Background imagery can also change based on date, time, or weather. Bringing all these changes together really makes the new themes shine:

Old
New
Old
New

In addition, these changes also reduce the technical complexity of the theme system, which will enable us to create more beautiful and unique themes in the future.

Like the new themes? You can switch to the new look today by clicking on Switch to the new look in the bottom-right of Gmail.

Tuesday, 8 November 2011

A new way to connect with Gmail and friends

Posted by Sarah Price, Community Manager

Today, the Google+ team launched Pages, a new way for you to build relationships with the things you love. We’re looking forward to connecting with you on our new Gmail page on Google+.


When you add the Gmail page to your Google+ Circles, you'll see updates from our team, including launches, tips and tricks, and more. You'll be able to discuss those updates with other Gmail users in the comments on the posts. Mention +Gmail when you share your own tips -- if we see a really stellar tip, we might reshare it. We’re also planning to hold regular Hangouts, so you can shoot the breeze with Google community managers, engineers, product managers and designers.

In addition to Gmail news, we’ll feature some of your other favorite Google products, including Google Calendar, Google Voice, Google Chat and Google Tasks. Be sure to add the Gmail page to your Circles and let us know what you think.

Changing information density in Gmail’s new look

Posted by Jason Cornwell, User Experience Designer

When our design team looked at tackling a redesign across Google properties, responsive design was high on our list of priorities. Responsive design implies that a page or application should dynamically re-adjust itself based on the your environment. The specifics of the device that a user is using, and in particular the size of their browser window, should have an impact on the way the application presents itself. To put it simply, Gmail needs to look and feel great on a tiny netbook screen, on a high resolution 30” monitor, or anything in between.

You can try this out yourself if you are using Gmail’s new look. Open up Gmail and make your browser window much smaller. Everything should crunch down as you adjust to give you a better experience in a smaller window. No matter what size your browser window is, Gmail should look and feel great out of the box.

We also thought quite a bit about the density of the information on the screen in the new design. Gmail’s old design packs a huge amount of information into a small space. While this is perfect for some, many people appreciate a more airy design with more whitespace between lines and elements on the page. This is especially true on larger monitors.

We wanted Gmail to be more attractive and easier to read by default, so if you’re on a larger monitor you will see that the items in your inbox are spaced farther apart than they were in the old design. We believe that this results in a better overall experience, but it does take some getting used to. In our internal testing we found that most of us adjusted to the new spacing after about a week and found the old spacing cramped and uncomfortable when they looked back at the old design.

Others, however, found the original spacing to be ideal and wanted to see as much information as possible without scrolling, even on a large monitor. We added a density setting to the gear menu in the toolbar to make sure that everybody can find a setting that works for them: Comfortable, Cozy, or Compact.

Comfortable is the spacing that we recommend for most people. With your density set to Comfortable, the display adjusts fluidly based on screen size.


Compact is the densest setting and matches the line spacing that existing Gmail users are used to. With your density set to Compact the display will stay dense no matter what size your window is.


Cozy is somewhere in the middle. With your density set to Cozy the display will get a little denser when you make your window small but the changes aren’t as dramatic.

Mathletes among you may recognize that the density setting is really a ceiling function.

We think Gmail should be smart enough to always make itself look good on your screen, so we incorporated responsive design. We also think you should be able to see what happens when you change your settings, so we put the density settings in the gear menu right next to your inbox. When you make a change, you can immediately see what it looks like. Our density settings reflect our design philosophy that Gmail’s new look should be more responsive, personal, and beautiful.

You can switch to the new look today by clicking on Switch to the new look in the bottom-right of Gmail.

Friday, 4 November 2011

Suggested times in Google Calendar

Posted by: Lode Vandevenne, Software Engineer

Creating an event is easy, but finding a time that works for everyone is sometimes tricky and time consuming. To make this easier and save you time, we’ve added a new 'Suggested times' feature to Google Calendar.

To get started, create a calendar event, add guests and click Suggested times. The resulting list will include upcoming times where all participants are available. For example if you want to create an hour long meeting with Kara, and she already has an hour long meeting at 3pm, then times like 2pm and 4pm will be suggested.


As part of our ongoing commitment to accessibility, the list can also be navigated using the arrow keys and is accessible with a screen reader.

For more information, please visit the help center.

Thursday, 3 November 2011

Introducing the Gmail app for iPhone, iPad and iPod touch

Posted by Matthew Izatt, Product Manager

Update: 11/2/11: Earlier today we launched a new Gmail app for iOS. Unfortunately, it contained a bug which broke notifications and caused users to see an error message when first opening the app. We’ve removed the app while we correct the problem, and we’re working to bring you a new version soon. Everyone who’s already installed the app can continue to use it.

Waiting. Walking. Watching TV. Working out. Winding down. Waking up. We check email pretty much everywhere these days. And when we do, we want easy access to our important messages so we can respond quickly and get back to life -- or slinging birds at thieving green pigs.

With that in mind, we’ve created a new Gmail app for iPhone, iPad, and iPod touch. We’ve combined your favorite features from the Gmail mobile web app and iOS into one app so you can be more productive on the go. It’s designed to be fast, efficient and take full advantage of the touchscreen and notification capabilities of your device. And it’s one more reason to switch to Gmail.

Speed
We want to give you the information you need quickly, with minimal effort and distraction. So we’ve included some time-saving features:
  • Get alerted to new messages with push notifications and sounds
  • Find an email in seconds with search across your entire inbox
  • Autocomplete email addresses from your Gmail contacts or select from your device’s address book
  • Upload photos with a click using the new attachment button in compose view
  • On iPad, navigate your inbox and read your mail simultaneously with split view
Upload photos
Reply, move, label and more

Efficiency
Our inboxes overflow with dozens and even hundreds of messages a dayâ€"and this can be even more challenging on a smaller screen. The new Gmail app helps organize your mail so you don’t have to go wading through your inbox to find that key message from your boss or loved one:
  • Focus on your important messages first with Priority Inbox
  • Quickly scan countless emails on the same subject with threaded conversations
  • Organize your mail by archiving, labelling, starring, deleting and reporting spam
Threaded conversations on the iPad

Touch
We’ve also optimized the interface so you can perform common actions in Gmail with the lightest touch:
  • Pull down your inbox to rapidly refresh if you’re eager for new mail
  • Swipe right to view your labels without ever leaving your inbox
  • Swiftly scroll through dozens of emails just by sliding your finger
Pull down to refresh
Swipe right to view labels
We hope the Gmail app makes checking email on the go a little easier. It is available in the App Store today and works on all devices running iOS 4+. For more information, check out our help center.