Tag Archives: firefox mobile

Some ideas for the mobile Firefox UI

This post is also available in Belarusian thanks to Marcis G. Thanks for the translation!

Following up on my post yesterday about my impressions with web browsing on the N900, I wanted to elaborate on one of the points I was making: Firefox’s UI model of showing controls (a.k.a. chrome) on two sides of the web page.

I see a few problems with it:

  • You need to swipe your finger in a specific direction in order to reveal specific chrome (e.g. swipe to the right to show tabs, and swipe to the left to show Back/Forward buttons and some other controls).
  • The split between the chrome on both sides isn’t natural. For example, both Back/Forward and tabs are types of navigation, but they’re on separate sides. This means you simply have to learn on which side specific UI is located. Not a huge problem, of course.
  • If you’re zoomed in on a page, you may have to swipe several times to reach the side of the web page and reveal the chrome (or double tap and then swipe).
  • Having controls at the bottom of the screen feels more intuitive to me. More objectively, though, it also works better in portrait layout when you’d rather not waste width on chrome.
  • The required panning of the web page itself when reaching for chrome feels rather clunky. I’m swiping to reveal toolbar buttons, not to pan around on the page, but I have to do both at the same time in Firefox.
  • The tab thumbnails are always of the same (small) size, since the chosen tab model doesn’t allow for flexibility.

My simple ideas:

Allow me to present a few ideas on how the UI could be simplified. Please excuse this poor GIMP mockup:

The mockup above shows a redesigned navigation toolbar and a different way of switching tabs. Let me explain each feature in more detail:

  • The new toolbar is overlaid on top of the web page and fades (or slides) into view when interacting on the page (e.g. when scrolling or tapping).
  • All buttons are on the same toolbar. This means that you don’t have to remember which direction to swipe to reveal the controls, because any direction works.
  • The web page itself doesn’t pan when the toolbar appears.
  • After a short while of no interaction, the toolbar fades/slides away again.
  • The left side of the toolbar shows the Back/Forward buttons, the center shows the Tab (or Web Page) Switcher button, and the right side shows a Bookmark and a Tools button.
  • This toolbar can easily fit in a portrait layout.
  • Clicking the Tab Switcher button shows the currently open tabs. The size of the thumbnails change dynamically depending on the number of open tabs. Clicking on the Tab Switcher button again or outside the tab switching “pop-up” takes you back to the current web page again.
  • Clicking the Tools button reveals a “pop-up” similar to the Tab Switcher chrome, but this one of course shows the Firefox options window. Rather than clicking a back button to come back to the web page, you click outside of the “pop-up”.

In addition to the ideas above, I would also suggest that the toolbar is made customizable. Personally, I would like a zoom button (maybe even a +/- type of button) instead of a bookmarks button, but there’s obviously a limit on how many buttons you can show at the same time. This mockup assumes approximately the same button size as in the MicroB browser, so there would be plenty of space for buttons, at least in horizontal layout.

Thoughts? Piece of crap? Just shoot me.

Nokia N900 impressions

I’ve been using the Nokia N900 for a couple of weeks now and I have both good and bad things to say about it. To give you an idea of what I’m comparing with, my previous phone was a Nokia N95. Here’s my list of impressions:

Pros

  • The screen is pretty good, and I rarely have a problem clicking on links and buttons using my thumbs. The fact that it’s resistive feels like an advantage in this incredibly cold Swedish winter. Next to a Nexus One, however, it’s obvious that the color reproduction could be better.
  • The Mozilla-based MicroB browser really is awesome. Scrolling and zooming is so smooth and quick that it feels like surfing on the iPhone, only this time you’re using the real web. By far the best web browsing experience I’ve had on a mobile device.
  • The fact that I can use it to call VoIP, Skype, Gtalk, and regular cellular networks is amazing.
  • The Conversations application seamlessly integrates IM and SMS in an intuitive manner.
  • The media player handles almost anything you throw at it after installing a few extra software packages.
  • Great synchronization with Exchange-based mail services (e.g. Zimbra, which Mozilla uses).
  • Nice multiple desktop solution (though lacks useful widgets).
  • Battery life is impressive in active use such as in a phone call. Though see the standby time below…
  • The “one-click” (actually a few clicks) publishing of both photos and videos to services like Facebook and Flickr is really neat. Though see below about the camera quality…
  • It really is fun to use it. And it’s open source! And it can run Firefox!

Cons

  • This thing is heavy! I thought my N95 was heavy, but this is significantly heavier. It definitely feels like a solid device, for better or worse.
  • The camera is actually worse than the 3-year-old N95 camera in a number of ways: terrible colors in low light, terrible metering, light leaks making the subject in focus appear washed out, and the field of view is narrower than the N95 camera. In comparison, here’s a photo taken by the N95. Both are 5-megapixel cameras.
  • The standby time is a joke. I don’t know what I’m doing wrong, but sometimes I can just keep the phone in my pocket during the whole day and it will discharge in less than 8 hours. I first kept all accounts logged in (Skype, VoIP, Jabber), but have since then compromised a bit and only keep Jabber online. Still, the battery isn’t impressive.
  • The horizontal layout is annoying most of the time. When I’m out and about, it feels awkward that I can’t use the phone with one hand. I understand the “handheld computer” legacy (I even owned an N810), but feel that my typical use is much more like a regular smartphone than a portable computer. Ideally, all applications should support both layouts.
  • The keyboard, while certainly better than the N810, is still not really good. It’s too easy to click on the wrong keys, and there’s no auto complete feature that can detect (and correct) common spelling mistakes.
  • The auto suggest feature only shows one suggestion, so 90% of the time it’s not suggesting the word you want and as a result you end up ignoring the suggestions altogether.
  • The physical unlock switch is only comfortable to use when in horizontal layout. It’s nearly impossible to reach with one hand if you just want to make a quick call.