Thursday, July 4, 2013

New Firefox branding

New Firefox Branding

If you haven't noticed already, Firefox now has a new logo. This logo is cleaner, flatter, and more modern. Take a look:

 The logo is definitely different and even I must admit to flinch a little when I saw it. However, after looking at it for a while, you definitely get used to it.

Of course, this is just the first step to the new Australis UI coming in Firefox 25 (If things go smoothly). For those of you who don't know what Australis is, I'll tell you. Australis is the name of Firefox's future UI-refresh that aims to make Firefox lighter, cleaner, and easier to customize. Here's a screenshot of the latest progress.
You can try out Australis by downloading the UX build of Firefox here: UX Nightly Download Page

And if you aren't using Firefox currently, you should. Firefox is extremely fast, customizable, and respects your freedom! Get it via this link: http://www.mozilla.org/firefox/ or by using the Mozilla tab at the top of this page.

Tuesday, June 4, 2013

Real world phone statistics

So I currently am on vacation in Florida. Today I spent almost the entire day at Islands of Adventure and carefully examined every smartphone I saw. (It's possible people thought I was creepily staring at them, but they would be wrong)

Now of course, with hundreds and hundreds of smartphones on the market and me being around hundreds and hundreds of people, I assumed I would see a large range of phones. I was quite wrong.

In fact the results where surprisingly unsurprising. Apple and Samsung dominated the Park. Here’s the ratios of my observations.

iPhone to Galaxy S - 10:1
Galaxy S to other Androids - 5:1

These results really demonstrate what "real" people are using. Whether or not you think Android is better than iOS or that Apple makes better products than Samsung, the results stand. iOS is still by far the most popular Smartphone.

However what we can observe is Samsung's high abilities here. Hundreds of Android phones, but there where 5X as many Galaxy S's as there where other android phones. These are incredible results and I have to give Samsung credit for making the Galaxy S series really a brand of its own, separate from Android.

Of course, this does not mean the iPhone is the best smartphone or that the Galaxy S's are the best Android handsets. These are simply the most well known, best advertised, and the phones that "just work" for people.

Monday, April 29, 2013

New Thunderbird Icons now in the current Daily!

New Thunderbird Icons now in the current Daily!

I recently finished my bug up that adds new Thunderbird icons.

As you all know, the Australis UI-change for Firefox is a pretty big deal, and should arrive in Firefox 24. However, as seen from some of my other blog posts, I have been pushing some theme changes for TB as well. The changes will not be nearly as drastic, but the more major ones will include.

  • New TB Icons - Will arrive in the next version of Thunderbird
  • Tabs in the titlebar - May arrive in the next version of Thunderbird.
  • New Three-pane vertical view - May arrive in the version proceeding the next TB version.
  • New Composer Window UI - Unknown. Hopefully sooner rather than later
 So as you can see, the changes won't be nearly as rapid as the Australis is, and for the most part TB will stay familiar.

Anyway, today I am pleased to inform you all that the TB icons have arrived in the current Daily. Take a look!


Pretty nice eh? This is just a small change, but eventually things should look pretty awesome.

(Don't have Thunderbird or Firefox. Go get it! Use the "mozilla" link in the top-right corner for more information on Mozilla products.)

Friday, April 12, 2013

Mozilla: True Open Source

Mozilla: True Open Source

Lately I have been very busy and quite stressed. It seems like my list of things to accomplish is never ending, and I have noticed that my coffee intake has gone up about 100% (Which probably isn't a good thing). However, I decided that it would be beneficial for me to take some time to forget about my todo list, and write about true open source.

As many of you know (I should hope, if not, you now do know), I have been contributing to the Mozilla Project for awhile now. I have done mostly front-end changes to Firefox and Thunderbird, and lately my contributions have been more rapid, which I am very  pleased about. After getting more familiar with the source tree, and new web APIs, I have been able take a lot more bugs.

Remember that now I am more than just a "One time volunteer", I am an active contributor to the project. But this brings up the point of this post. Why am I more than a just another minor developer? Well the reason is that Mozilla is true open source, not Google open source, or even Github open source. Mozilla is actually more than Open Source, it's an Open Project.

I have tried to contribute to many, many different projects, but here's the deal, you can't *really*, contribute to them. First take Google's Android, which they call "Open Source". Is it open source? Sure. You can take the code months after it is released, but don't even think about giving back to it.

Now Chromium. OH! That's another Open Source web browser, it should be just like Firefox then right? Well it should, but it just ain't. I have tried to make some changes to it, I checked out the source (which by the way took about a day to accomplish), made a few fixes, then tried to find a place where I could send this patch... I looked and looked... However I couldn't find anything. Eventually, I just dropped it and left. Chromium is another project where you can get the source, but if you want to contribute a patch, then good luck, very few people will figure out how to do that.

Next examine Github or even Bitbucket, people create Open Source projects there too. Yes, and these are very nice. You can contribute to whatever projects you want, but again there is a catch. Most projects are small, but still you will make a few changes and try to push it. Well, the person who has to accept a merge doesn't know anything about you. They might never even look at the patch, in fact, they might have completely forgotten about their project. Github is Open Source, but that is about it.

So I did all of that before I hoped onto Bugzilla. But at Bugzilla everything changed. At first, I filed bug reports, many of them actually, some still need to be addressed. I did that for maybe a month. Then, when I was working a little more on testing the ability to add swipe animations for Firefox, I thought it might be a good idea to add the animation even without a Mac, just by pressing the back button. (Okay, now that I think back on it, probably not the best thing UX-wise, but whatever), so I decided to file a bug and started working on it. I was then pointed to IRC for some help when I needed it, and began spending a few hours a day on it.

So I kept working on that bug, while also filing others, and whatever else. Eventually, I started spending more time on IRC, almost the entire day actually. It allowed me to get to know more about how things worked, I talked to some people on it, and became part of the project. And then I finally got to the point where I needed a review on my patch. At the same time I had to re-request ui-review because of some confusion.

The next day, my reviewer pinged me and told me that he was impressed with my patch, and was surprised that it was my first one. Unfortunately that review+ never showed up on that bug as UX decided to ui-review- that (which I completely understand). However, since then I have worked on many bugs, mockup'd a new UI for TB, and much more.

The point of this exhaustive story is that at Mozilla I have done much more than anywhere else. Firefox is a full, advanced product, and there are people who make their living by working on it. I can never be sure why they decided to let just about anyone work on something so important, but they do, and it is quite amazing. Volunteers aren't just another minor developer, but instead can be full-fledged contributors. Now, I don't know nearly as much as some other people, but this experience has been a wonderful learning opportunity so far, and I can be sure that it will continue. I have only been a part of this for a few months, and have done so much already, I can hardly wait to see what the future has in store.

To the Mozilla Developers who have helped me/worked with me: Thank you for making this experience different than everything else. You have taken time to help me with what may seem like obvious questions, and have now allowed me to contribute more significantly... To the UX team, although you didn't like my first idea, my TB concept was promoted, and has gained some serious momentum which I am most grateful for. I also want to thank Mike Conley, Stephen Horlander, Stephen Pohl, and Jennifer Morrow for allowing me to constantly bother them with questions and ideas, I really appreciate it.

Mozilla really is different, and they should be proud. I know I am proud to volunteer for such an outstanding organization.

Wednesday, April 3, 2013

Is Android really an un-intuitive operating system?

Is Android Really an Un-Intuitive Operating System

Short answer, no. For years, Android has been placed under iOS as a confusing and hard to use OS. However, especially since Jelly Bean, I was asking myself if this was still true. Is Android hard to use? Everyone thinks it is, Cnet, Engadget, wherever else, they all say it is so much harder to use than iOS.

Now, I used iOS for many, many years. I know all the ins and outs of the OS, but I fairly recently got an Android phone (about 5 months ago). And for me especially, Android was incredibly intuitive, and I was shocked to discover that it strikes the balance between customization and simplicity, all in one.

Let's look at some aspects of Android and compare it to iOS.
Here is the main Android screen. Is this hard to figure out, besides the fact that I changed some of the apps to other ones here, and picked a different clock widget, this is the exact setup new users will see.

Now, when you first get your phone, the OS will show you how to see all your apps by clicking the app tray icon. However, even without it, it's not hard for anyone to tell that you can touch it. Without a doubt, someone will press it and see all their apps.

Now, for the most incapable of all users, that will be good enough. They won't know for a very long time that they can move those icons, and will leave them in the tray. There is a little app store logo in the top right, which clearly shows them where to get more apps, so that is good enough.

Eventually though, they will try to create folders like they see others do, so they will touch that app tray icon, tap and hold an icon, and then... WHAT!!!

Where are we? They now see that they are holding an app icon on the main screen, they let go of the app. They see it fall on the main screen, probably into a folder. Then a whole new world opens up, they can customize the screen!

Stop. Now, it is important to note that this is not unintuitive. Instead, it is just as intuitive as iOS, but with *more* features, these *more* features are completely optional, but once discovered, loved.

Now, let's look at something else:

What if we want to change our wallpaper. Well, some think that the fact that you have to touch and hold on the main screen to select a wallpaper is confusing. And it is! But guess what?

Say "what?"

That's another additional feature, and is optional. Instead, if they want to change their wallpaper, they will head over to settings like on iOS, tap on the only thing that could concern a wallpaper (Display), and see the wallpaper button. Where they can then go on to pick a wallpaper and set it.

Not hard at all. A wallpaper can also be set in the gallery, just like on iOS. So once again, this isn't any more difficult than iOS. But yet people consider these additional features, hard to use. Which is simply not the case, if you are pretty suave in these things, then you will use the shortcuts, otherwise, you can do it the old fashion way.

 And this is how most system settings work, I can't think of much that is unintuitive. But let's move on:


Take a look at the gallery. It's not hard to use, though I will say one thing is a little confusing, but barely so. As you add more apps, photos you take won't necessarily be in your Camera Roll, they will instead be placed in separate Albums, which can be difficult to find if you completely ignore the back button.

Actually, let's talk about these buttons.

One thing that really causes people to think of Android as confusing is the fact that is has three buttons, instead of one. But is this confusing. No. Actually, when you think about it, it makes more sense then iOS. Consider.

On the left, we have a back button. What could it do?  Well, go back of course. This is just convenient, instead of taping on the back button up top, we can just use this button. In fact, even if the app doesn't have any back buttons shown, we could probably use this to go "back". Nothing else, just back.

In the middle we have a home button. All this does is take you home, just like on iOS.

Lastly, on the right side, we have a button that resembles multiple pages. Although people may not know what it is at first, they will eventually figure out that it displays opened apps for multitasking. But let's compare this to iOS, how do you do this on iOS. Well, many people don't ever know how to. People who are more familiar with iOS will know that you double-tap on the home button to get here, but Android just gives it it's own button. Smart eh?

Now, let's look at the browser. Chrome is probably my favorite browser on mobile. (I know I'm a Firefox guy, and hope that it improves and will help it improve, but for now, Chrome is just faster and better for multitasking)

The browser is very, very simple to use. If you want to go back, press the back button that we talked about earlier. If you want to switch to a new tab, press the tab button OR swipe from either the left or right to navigate yours tabs (best feature ever, that is the reason I use Chrome). Other than that, there are no other buttons cluttering up the screen like Safari does. If you want to see your bookmarks, use a new tab. To bookmark a page, click on the three square icon, that is used throughout all of Android to display a list of functions. Very easy, makes sense, don't show more than needed.

Let's look at this "more functions" button right after the short jump.








See, when you press on it, you get a list of all the other functions possible, nicely listed in clean text. There is a little star if you want to bookmark something, along with some arrows, otherwise it's pretty straight forward.

None of these options are confusing, in fact, they are easier to decode then Apple's holy icons.

You don't have to navigate through a hierarchy of views to get to a simple Other Devices list.

Chrome even lets you request the desktop site easily, which is very nice.

Now, jumping down...




And down....





And down....







Now this is pretty confusing actually, and probably the most ridiculous part of Android. The calendar. Instead of being like every other calender app, they decided to make their calender's month view one long, everlasting, spreadsheet looking thing. They fade out previous months to try to emphasize the current month, but don't do a good enough job.

I find it quite hard to figure out what month I am looking at, and more importantly, what dates are part of this month.

Adding an event isn't very obvious either, and actually... I forgot how to, so let's just say it's hard and be done with it.

So the calendar is definitely a weak point in Android, and hopefully Google will fix that in Key Lime Pie.








I could go on quite a bit longer and talk about things, with more pictures, but for now, I stop. The point here is that minus the calender app, I can find almost nothing that is unintuitive about Jelly Bean. In fact, in many cases, it is more intuitive than iOS.

Having extra features doesn't mean it is confusing.  Overall, I would say for sure that Android is quite easy to figure out, and there is not to much against it. However, perhaps I missed something, if you know of something that is terribly unintuitive, drop a comment below, I would love to examine that.

Wednesday, March 27, 2013

The stupidest UI element Apple has ever made.

The stupidest UI element Apple has ever made.

Now, I have to say, I don't usually like to bash companies products. Most of the time, they are still well-engineered products, that we can learn from in some way. Safari is like that. I of course find Firefox to be a better browser, but Safari is the picture of what a browser should be like on OS X.

But it's not perfect. I would like to draw your attention to this remarkably dumb ui element, that I am still pondering the reason behind Apple's decision. Unfortunately, for them it is too late to change it, which would confuse users even more. Anyway, without further ado, the picture:


Take a look at where the arrow is pointing. If you looked just at that, you would be sure that we are on the "history" tab page... But we are not. Instead we are in the "Top Sites" page. What?!?!

This is the most annoying thing I have ever seen. Has Apple not heard of "standards".

A. Darker colors imply the selected element.

B. Making things look pressed in also implies the selected element. Not only is the History tab darker, but appears pressed in next to the other tab.

Why Apple did this I don't know, but I can say this has caused confusion even for me (and that doesn't happen very often).

Now, just because this post is a little too short, let's look at the second-most-rediculous thing Apple has made.


Looks a lot like a button to eject your phone right? Well it is, and isn't. Instead, about 3/4 of it is for selecting your phone to add music, apps, and whatever else on it. However, the last 1/4 is meant to eject your phone.

You don't even know how long after updating iTunes I was trying to figure out how to add my music to my phone. I looked for the device in the sidebar, not there. Then I see this little icon. "Eject your phone, kind of pointless when I can't SELECT it." I thought annoyed at this point.

Eventually, I had to end up Googling "How to sync music to your phone, iTunes 11" in order to find out that you have too click on the "eject" button, just not the "eject" icon...

Yikes Apple. Please be careful.

Saturday, March 23, 2013

Firefox's new UI (Step 1)

 Firefox's New UI (Step 1)

Over the past several months, we have been working on a new UI for Firefox. One that will lighten up the experience and make it less "machine-like". Step one is very close to completion, "Australis". 

These are the new curvy tabs that resemble Thunderbird's current look. Emphasizing the current tab, and drawing them in the titlebar on OS X. As seen from my image above (That is no mockup, that's the real thing.), Things are looking pretty good. But there is still some work to do.

But now, I must admit that my involvement in this is very new. So far my work is on moving the buttons off the titlebar (which is almost done). Anyways, there are a few people who get to take most of the credit for this wonderful work.

First, Mike Conley - The code driver behind this work. Blog at http://mikeconley.ca/blog/

Second, Matthew N. - Who did the "hard part" for Windows.

And of course, Stephen Horlander, the mastermind behind this whole idea. Blog at: http://stephenhorlander.com/

(Sorry if I missed someone, these are just the people I am aware of working on this via code/main design)

This looks so good it makes going back almost impossible. Take that Chrome!