Mobile Safari Gmail redesign

Google recently updated their Gmail web interface for the iPhone in Mobile Safari. The changes are subtle, but effective. They describe how the interface redesign makes Gmail act more like a native app, and they’re right. But there are some differences that make this new look work more intuitively than a web-app or a native app. A hybrid of the sort, allowing the unique qualities of native app with the full functionality of living within the browser.

The first thing you’ll notice when logging into Gmail, the Safari navigation toolbar disappears. One thing about native applications, given that users are not in a browser, normally no navigation toolbar exists to enter in a URL, you don’t need it.

Full-Screen Mode

Gmail in “Full-Screen Mode” with a fixed-position toolbar.

Gmail’s prior version also had a fixed toolbar with the same navigation UI elements, but the difference was in the placement. It was very cluttered originally, with your controls fixed on the side. The effect was that of a toolbar following your every move. Quite annoying when you are trying to scan your inbox. This time around, it’s affixed to the top status-bar, clean and out of the user’s way.

This is one of my favorite part’s to the redesign. Prior versions might have hid the navigation toolbar at first launch, but when you would pull down to scroll, the URL would reappear. No reappearing now.

Full-Screen Mode

Safari navigation toolbar hidden, giving Gmail “Full-Screen Mode” with a fixed-position toolbar.

But we are still in a browser at the end of the day, so we can’t be sandboxed in. By tapping the status-bar just as if you were trying to scroll to the top in Safari, not only will you fly to the top, but our old friend re-appears. When the user scrolls back down, the toolbar hides once again.

Top Tap

iPhone status bar revealing the Safari toolbar.

They also made some crazy improvements to the page load speed and caching. When one flick’s their finger to scroll down quickly, normally you see a bit of that loading “checkerboard” effect. Scrolling now is more like a momentum-driven gliding.

Fluid Scrolling

While scrolling the Gmail toolbar remains fixed in a better, less obtrusive way than before. Scrolling is also much faster, without the “checkerboard” loading look.

Google keeps impressing me by how much they look into improving the iPhone’s UI. Considering Google is now competing directly with Apple, I think they are clearly taking the higher road. When Apple has a petty dispute over an app they may try to release, that’s when the true innovations come. With the Google Voice HTML5 breakthrough, YouTube and now Gmail, my hat goes off to them.

The curious Google vs. Apple war continues

Google vs. Apple


Google continues to release updated mobile apps like Google Voice and YouTube while Apple’s released apps do sometimes get the cold shoulder. For instance one example is Apple’s Texas Hold’em which remains neglected at version 1.1. They have been very good with some of their other apps, i.e. Remote, but I hold them to a higher standard considering they created the platform. Apple should be concentrating more on being a better role model for iPhone and iPad developers. Paid apps written by Apple seem to be forgotten about quicker than their widespread free counterparts, which is one of the reasons I haven't made the iMovie purchase yet.

Google’s push to use more HTML5 is good web practices. Even if it’s not directly related to Apple’s iPhone development roadblock’s, it clear Google has chosen to take a smarter ‘higher’ route.

Google’s ‘business as usual’ attitude with development should be admired. In the last couple weeks they have introduced some welcomed features. One addition, rich text signatures in Gmail, has been on my wish-list from the beginning. I really like the sound of App Inventor for Android, although I don’t own an Android device (I would love one though), it sounds like a great way to support a developer community which competitors should take note.