A quick tutorial to Firefox new and groovy mobile version


More DIY videos at 5min.com

Video Transcription


Hello. My name is Aza Razkin I am head of User Experience at Mozilla Labs and I would like to show you possible direction for Firefox on mobile. So the basic ideas that you are an infinite to the plain, this is the main screen, you have your bookmarks and a big plus button that will open your tab. When I click in, zooms out for context and zooms in a new tab. We are going to use some demo magic to couple of page because if I type in humanized.com you will see that as I start to scroll, the URL bar is at the top of the screen and that I have kinetic scrolling just like on the iPhone. Now it is important to note here that well I have a mouse and cursor here for the demo on the real thing. This will of course all be touch screen. No multi touch, single touch. So, let us get to the first really new thing here. Down at the bottom of every page, we have a home into the actions. And this are things like dig this page, delicious this page, map an address that appears in a micro format on this page. Over things you don’t really want to do but are difficult to do on a mobile because it is difficult to type. Right trying to type on mobiles, trying to like, trying to remove a contact blends with a cotton balls, it is just not fun. So this things would be extensible possibly from content space. Who knows, I think it is a need thing to explore. So the next question is of course, how do I get out of the page. Well, if I start to pin in any direction up, down, left, right, you will start to see this little white thing, this is zoom, zoom out. I go to that line, zoom out underlines and I release and I zoom out of the page. Now I said that works if you are not going any direction. So, you just take the page, throw it and you zoom out. It is actually a lot of fun and really fast and easy to great gesture that is self learnable. So, I am going to move these pages over. You will notice that as I do this, the whole canvas sort of zooms out a little bit to cumulative, I am going to hit plus again, a new tab opens out. I am going to call slash dot. So you might be wondering now where are the controls like forward and back the things that you always have in a browser. Well, one of the great things about this particular setup is that the entire area here is for content. Every single pixel on the screen is showing what is most important to that content. How do I get to the controls, well I will just pull the page over a little bit. Just pull it over, as they go long way get out to zoom out, do not want that. Just a little way and I get to the controls. So the way that I call it up, so just throw the page just gently and it comes up, throw it back, throw it up, here it is. So it is again really easy to big target. So you have back, forward, bookmark, page info, that are things like page identity, are you talking to who you think you are and your password, password to menu, that kind of stuff. You will also notice that when I do this, the URL bar comes up. Now let us say I have entered something in here like treadmill kittens, then this is just like the awesome bar in Firefox three so a whole and ensure results pop from your history and this are ordered by frequency and recently. And one of the cools things is they do not even have to type anything into this box to get this list because we are minimizing typing. You click your cursor up there and immediately you get a set of results. Now you are often doing quick look ups on mobile, so as soon as you have typed something in, you can hit this Google button, Yahoo, define a word and map something, search or email. These are just schematic but they show you that it is really easy to perform a simple action, a simple look up action using firefox on the mobile world. So that is most of this year so I am just going to throw the page, which zooms out. Now, one of the other cool things here, I hit plus again, is that the browsers just automatically knows where to insert new tabs if finds open things. I am going to call Toolness here, let us zoom out, open one of the thing. So here we go. Get rid it. Here we