Mobile UI for touchscreen - round 2
February 7, 2008
We got a bunch of feedback from our first two posing of UI for devices. Here is another one! We just posted another mock up which incorporates some ideas around “getting out of the user’s way” (after all, why would you want to look at our UI, when you really want to be looking at the web!).
So, basically, we do not show any UI but a translucent (not so much indicated here in this mock up, but pretend it is translucent) icon over the content:
When you press it, we quickly raise a dock where you can access your tools
What do you think? Leave comments here, or join the discussion up on the Wiki.
February 7, 2008 at 10:51 pm
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 7, 2008 at 10:51 pm
I think David Tenser’s proposal above is superb.
February 7, 2008 at 11:20 pm
Looks nice. One thing I’d do is to let the Firefox icon only show partly from the bottom-right corner. It would still be an obvious click target, and when you click it, it could gently slide into place and reveal the rest of the UI.
Similarly, when the UI goes away, the icon would move back to the corner, so you get a visual clue as to where you should click if you want to bring it back up again.
A nice touch could be to also slowly fade out the icons completely if you don’t touch the screen for a few seconds.
February 8, 2008 at 12:48 am
[...] new mobile version of the Firefox browser. Doug Turner, Firefox mobile product manager, has just released another idea for the user interface for the new mobile FF, on his blog. Basically, the browser would have a [...]
February 8, 2008 at 12:58 am
I’m on opera mini with my w610i, it does not have tabed browsing, it should be able to open new page while browsing this one,there is no toolbar, i think you guys already know my point… I cant wait to have my prefered browser in my pocket, this toolbar hiding is a neat idea, we need tools on our hands and tabs B-)
February 8, 2008 at 2:17 am
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 8, 2008 at 2:46 am
[...] Home Mobile product manager Doug Turner released two more designs. [...]
February 8, 2008 at 3:18 am
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 8, 2008 at 3:53 am
I would improve the contrast of the title bar, and remove the border between it and the content - we’re small on space.
The same for the URL textbox, give it as much space as possible, reduce left&right margins.
Is that a refresh button? does it change to a stop button while the page is loading? after you’ve typed a new url, does it change to a go button?
How does one leave the app? Or change settings (if there are any)
Can I get additional information about the site if I select the titlebar, i.e. ssl info?
Will Larry come to the mobile browser?
February 8, 2008 at 3:58 am
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 8, 2008 at 4:16 am
You could just hide the interface completely and have people call it up with gestures. With multitouch sure to spread quickly, everything could be done with gestures. The iPhone has proved that people prefer gesture-based interfaces.
February 8, 2008 at 4:18 am
nice, I can be *at least* a tester for that … any list of missing stuff out there so that I can code a bit =) ?
February 8, 2008 at 4:35 am
Minimo 0.2 does not run properly on my device (HTC Herald/T-Mobile Wing). Don’t know if it ever will, but I would hope for a checkbox to turn off any slick animation.
Other than that the super-minimal interface sounds like a good idea. These screens are really small.
February 8, 2008 at 5:19 am
Nice idea. I must say I agree with David Tenser. Just having the firefox icon in the bottom corner is good enuf.
February 8, 2008 at 6:09 am
Certainly looks encouraging, and I also agree with David Tenser regarding the Firefox icon.
February 8, 2008 at 8:31 am
I really like the idea of a less obtrusive UI. A couple of suggestions:
- I think tab switching is a very frequent task that should be very accessible. What about tapping the title bar to show the current tabs? It may not be very discoverable though. Maybe if the tabs icon is moved above the Firefox icon instead of to the left, as I believe it is the fastest position to get after clicking the icon.
- What about an option for pinning the toolbar like tap and holding the Firefox icon for people who prefer to have an always visible toolbar or for some tasks that require frequent back/forward like comparing images, or frequent tab switching.
- Also, it the tab icon is removed from the secondary UI, its space could be use by a zoom button that pops a slider. Gestures are great but not very discoverable.
February 8, 2008 at 8:32 am
I love this. You guys could teach the Mozilla desktop browser team a few things about a good user interface: Keep it out of the way of the web.
Kudos for not trying to intergrate the ugly green keyhole and stick with what we already identify with: the firefox logo.
February 8, 2008 at 8:38 am
[...] can share your comments and suggestions on Doug Turner’s blog or Mozilla Wiki. Related Categories: Mobile Firefox, News Related [...]
February 8, 2008 at 9:02 am
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 8, 2008 at 9:29 am
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 8, 2008 at 12:19 pm
I say that when the page is loading a stop button should appear beside the back arrow. That way you can stop the page while it loads without having to open up the Menu. Also, I would suggest you merge the go and refresh buttons. Overall, I think I like the idea of this corner menu. Just remember that for basic users, finding new features becomes a lot harder when you hide them in menus.
February 8, 2008 at 2:23 pm
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 8, 2008 at 2:54 pm
The only thing I can see that I’d change is the button next to the url bar: I’d make it a single-directional arrow invoking the image “Go” when the url bar had changed from the current page’s url, and the current rotational arrows evoking “Reload” when it hadn’t.
February 9, 2008 at 3:36 am
[...] karto paskelbiamos įdomios šios būsimos naršyklės koncepcijos-prototipai. Vakar pademonstruota netgi permatoma, „dingstanti“ FM sąsaja, kuri taupo vietą ir taip mažuose telefonų ekranuose. [...]
February 9, 2008 at 3:43 am
[...] scrivere i vostri commenti e suggerimenti sul blog di Doug Turner o su Mozilla Wiki.Fonte: mozilla links - edizione italiana Permalink [...]
February 10, 2008 at 12:34 pm
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]
February 10, 2008 at 12:35 pm
[...] oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. Turner’s team didn’t scrap the toolbar entirely, but based on user [...]
February 10, 2008 at 5:54 pm
The thing I immediately think of when I see the mockups is: it could be *any* browser. I’d like to see if a simplified keyhole from Firefox3 would work. At least then it’d have some lineage from it’s bigger brother.
February 10, 2008 at 7:18 pm
If you like to see a mobile version of a website using you computer instead of a mobile phone, then use the following link:
http://tiltview.com
The site redirect you to a mobile version of the website you are trying to access.
February 12, 2008 at 6:14 pm
i dont know if a title bar makes that much sense, perhaps it should have a dual function such as a drop down menu or such, so that you can remove the buttons on the bottom.
February 13, 2008 at 4:44 pm
[...] A few days ago, two prototypes of Firefox Mobile, the latest bun in Mozilla’s oven, made it onto the Mozilla wiki. Today Firefox Mobile product manager Doug Turner released two more designs. [...]