1. Seal of Quality

Isn’t it great that Apple reviews all programs before they’re added to the App Store? It’s a bit like the Seal of Quality™ stamp that good old Nintendo put on their NES games to ensure you that your purchase would give you hours of quality game play in front of the television set make more money.

In practice, this means that we can feel safe with our iPads knowing that the virtual chocolate box app we purchase meets Apples’ rigorous quality standards. And it’s only $0.99! That’s almost free as in beer, folks (who cares about free as in speech anyway?).

2. Browser Choice

We all know how important the web browser choice is. That’s why it’s so convenient that Apple already made the choice for us on the iPad: Safari! They even went the extra mile to make it impossible to install other browsers, so I don’t need to worry about whether or not Safari is the right choice for me.  And besides, Safari is the best browser out there, right?

Or as they say themselves:

“Our lives are full of choices. iPod Touch or iPod Nano? Silver, Pink, Orange, Green, Blue, Purple or Black? All of them?

As a for-profit corporation, we have always believed that the freedom to make smart choices should be restricted to Apple to make the product experience, the Web, and the world, a better place. This shows through with our iPad running Safari, a free-as-in-beer, closed-source Web browser that we have chosen for more than 350 people in the US. Values of choice and self-determination are built into everything that we do: you can either buy the iPad, or don’t. You know you want to.”

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.

However, I have a confession to make: Firefox isn’t yet my default browser on the N900. I think it will be very soon, but right now, my browser of choice on this particular device is another Mozilla-based browser: MicroB. It’s actually the best web browsing experience I’ve ever had on a mobile device (but to be fair, Firefox is the second best experience, so it’s definitely up in the same league already).

Allow me to summarize my initial impressions with both of these Mozilla browsers:

• The Awesome Bar in Firefox is… awesome. I never actually reflected on how convenient it was to use until I tried MicroB, which forces me to remember URLs again.
• Weave is probably extremely useful, too, but since I’m using the latest trunk builds of Firefox (“Fennec”), I can’t actually use it.
• I’m not completely sold on Firefox’s UI model of showing controls on a surface on the sides of the web page. I’d be curious about whether there has been any usability research that suggests it’s better than the more traditional toolbar at the bottom of the screen. Btw, I’ll follow up with some ideas about this in a future blog post.
• I’ve fallen in love with the volume rocker zoom in MicroB — it’s smooth, fast and surprisingly accurate. Would love to see this in Firefox!
• When double tapping to zoom in MicroB, a subtle zoom animation is used which feels intuitive and responsive. In Firefox, the zoom is instant, making it feel less fluid.
• The default page zoom in Firefox is designed to make the full width of the page fit on the screen. This unfortunately has the side effect of making the text on almost all web pages too small to read. It seems like MicroB has chosen a different approach where the default zoom includes about 800px of the web page width, which makes it possible to read most pages without zooming in.
• Actually zooming in on a page in Firefox is a bit tricky, because it auto-zooms on the object you double tab on, even if that object is only e.g. a small image. This means that you often zoom in too much, and since it’s not possible to adjust the zoom level in an easy way (keyboard shortcuts don’t cut it, especially not for me since I have the Scandinavian keyboard layout where [Ctrl]+[-] doesn’t work), you have to double-tap again to zoom out and then try again.
• MicroB feels more responsive when panning around on a page. This is mostly due to the fact that the UI and panning is done in a separate process from the actual Gecko web rendering process. At FOSDEM, I was pleased to hear in the Mobile talk by Mark Finkle that Firefox will make full use of the Electrolysis technologies that are currently being baked. What this means, in simple terms, is that Firefox will be just as responsive as MicroB in the future since the web rendering process will be separate from the UI/frontend. I can’t wait to see the results of that (which of course will benefit desktop Firefox as well).
• The checker pattern seems to show up more frequently on the screen in Firefox compared to MicroB. I don’t know if Firefox is just more conservative with how much of the web page it pre-loads off-screen, but sometimes it can cause the whole screen to remain “blank” for a few seconds, which rarely happens with MicroB.
• The Back button history in MicroB is a good idea in theory: when clicking the Back button, small thumbnails of the previous pages are shown, making it easy to pick the page you want to get back to. However, the implementation sucks because it takes several seconds to load these thumbnails and the thumbnails are big enough that you have to pan around in order to see anything more than one page back. Would be nice to see some kind of combination of Firefox’s and MicroB’s implementation: when tapping on the Back button, Firefox would simply go back to the previous page, but when tapping and holding, it would show a pop-up with preloaded thumbnails in a similar fashion as with MicroB, except without the delay. (Maybe the actual thumbnails could be recorded when you navigate away from a page?)
• Flash — as much as I hate it — works pretty well in MicroB out of the box. In Firefox, I have to enable it manually, and the responsiveness of the UI with Flash enabled isn’t great. Can every web site switch to open video, please?

I personally feel that both MicroB and Firefox are really good web browsers, and the fact that they’re both powered by Mozilla’s Gecko web rendering engine is a huge plus for me. So in a way, I don’t feel bad for not using Firefox primarly right now, because my current web browser of choice is still filled with Mozilla love.

That said, I can’t wait to use an Electrolysis-powered version of mobile Firefox later this year!

Of course, traveling nine hours back in time also means fighting a pretty intense jet lag. The first night is always toughest (although I was pretty excited about one particular dream I had of holding the jaw of a huge lizard with one hand and petting it with the other… it’s a shame I had to wake up while I was running through the forest to get my camera!), so I’m confident that both Kadir and I will be more energized tomorrow.

As I’ve said before, my vision for SUMO goes beyond Firefox: SUMO is a vibrant community of people who want to help others with their web experience. It’s also a support website platform for products like Firefox, mobile Firefox and Thunderbird.

The URL for Firefox Support, the largest SUMO-powered support site, is currently support.mozilla.com. While I don’t think URLs are that important in the first place (the navigation and structure of websites are far more important), this particular URL is a bit unfortunate because the support site is indeed about Firefox, and not Mozilla as a whole. A URL like support.firefox.com would make more sense, and would also send a clearer message to everyone what the focus of the site is.

In the ideal world, there would be a central place for support on mozilla.org where users of all products could find easy access to the support offerings per product. In other words, something like mozilla.org/support, which already exists today (although I would also make sure that support.mozilla.org worked).

Then, each product would have its own support site hosted on the product domains, e.g. support.firefox.com, support.thunderbird.com, and support.seamonkey-project.org. Of course, these sites would also link to all the amazing community-hosted support websites around the world — just like they do today.

So, what stops us from creating this ideal world? Well, nothing, really. But we’re an incredibly big community and support is just one piece of the big puzzle, so I encourage you to participate in the discussion!

I’ve found that I blog much less nowadays and the main reason for it is a lack of time — it’s so much simpler to just post a Facebook status update, or tweet. But at the same time, I often feel that I could write at least a few sentences about any given topic, which immediately makes the 140 character limit somewhat… limiting.

In the Mozilla world, I recently worked in the Paris office for a week, interviewed some really strong candidates for the Support Community Manager role, hung out with my Mozilla community friends at FOSDEM 2010, and sang songs about nukeador — all of which are topics worthy of (micro)blog posts on their own.

So, rather than letting this blog slowly die, I will start to write briefer blog posts and get them out more frequently. Consider this my Sunday morning promise (whatever that means).

Five years ago, you couldn’t choose what type of computer of device you wanted to use to browse the web because all websites were designed to work with IE on Windows. Something as basic as surfing from your mobile device — we take this for granted today — was completely out of the question. Microsoft was in full control of the Internet and your web experience.

This all changed when Firefox was released on November 9th 2004. Finally, web developers could design web sites according to standards instead of designing them to work for IE. Finally, users could experience web sites the way they were meant to be. Finally, the web was accessible to everyone.

In a nutshell, Firefox is the reason why we can surf the web using our iPhones, Linux netbooks, or OpenSolaris PCs.

Firefox set the web free.

As Commodus once said: “Are we so different, you and I?”

This event was extra special from a SUMO point of view, because for the first time, we were able to invite a number of non-localization contributors of SUMO. I was very pleased to finally meet European Live Chat experts Tobbi and mzz in real life (to be fair, we did invite many more SUMO community members, but unfortunately most of them were unable to join). You can chat with both Tobbi and mzz in the #sumo channel of irc.mozilla.org.

Another SUMO contributor I had never met before is Milos from Mozilla Serbia. He is an incredibly multi-talented contributor helping out with things like Serbian localization, QA of new SUMO features, web QA, market share analysis and many other things. As always during events like this, time really flies and I wish I had more time to hang out with Tobbi, mzz, and Milos.

Of course, it was also great to meet long-time SUMO contributors Simone from Mozilla Italia, and Thomas from Mozilla Germany again. I had really productive chats with them about which things to improve with SUMO l10n and I’m hoping we can get these fixes in early in 2010. More on that soon.

My photos from the event can be found on Flickr. Some random things I liked about MozCamp 2009 in Prague:

• Iacopo Benesperi from Mozilla Italia talking about how to be a nice person if you represent Mozilla at public conferences – couldn’t agree more!
• My brand new Firefox amulet from ArtZilla superstar Tobias Leingruber
• Robert Nyman’s beard
• Discussing Internet history with Glyn Moody
• Celebrating my fellow Eskilstunian Patrick’s birthday

One of the absolute highlights of the event was something I had been fantasizing about for almost two years. The idea actually formed at FOSDEM 2008, when Seth and I had a brief moment of genius (or just a strong hangover) and started to play with the idea of having Chris Hofmann come up on stage and do the Ballmer dance, Mozilla-style. When I blogged last year about the almost painful laughs during the Sunday dinner with Seth, Mark Finkle, Mic and  Zbigniew, this idea of “I love this community” was the primary reason for the pain.

So it was with pure joy, pride and excitement that I finally got to experience it for real — it felt like giving birth to a child (or not even close; what do I know?). Thanks Seth and chofmann for making it happen!

I really do love this community.

Update: A blog post about MozCamp 2009 without acknowledging the incredible work by the people who organized it is not cool. William, Irina and the track leaders Patrick Finch, Marcia Knous, Paul Rouget, Gandalf and Brian King all did an amazing job. Thank you!

Things like this makes me smile.