Firefox Mobile Concept Video

Mozilla

69

Firefox is coming to mobile. The innovation, usability, and extensibility that has propelled Firefox to 200 million users is set to do the same for Firefox in a mobile setting.

User experience is the most important aspect of having a compelling mobile product. Every bit of interaction and pixel of presentation counts when typing is laborious and screen sizes are minuscule. Many of the standard interaction models, like menus, always-present chrome, and having a cursor, don’t necessarily make sense on mobile. It’s a wickedly exciting opportunity but there are myriad challenges to getting it right.

One avenue for exploring this opportunity is through Mozilla Labs, which is about pushing the envelope towards better and brighter interaction horizons, as well as incorporating a winder community into the innovation process. This concept video explains one direction we are thinking in, and we’d love to inspire participation in thinking about other directions.

Standard Mockup/Experimental UI Disclaimer
All of the images and videos are only conceptual mockups of an experimental UI for Firefox Mobile, any particular feature may end up looking entirely different, or may not even make it into the final release.

For a full discussion of the design, and how to get involved, please head over to Aza’s post.

69 responses

  1. Pingback from duocore ผลักดันวงการไอทีในบ้านเรา - ตอน 82 วิเคราะห์ปัญหา Game รุนแรง - 9 สิงหาคม 2551 on ::

    [...] blognone พาทัวร์งาน Mozilla Summit 2008 พบกับ Firefox 3.1 , Fennec Browser สำหรับมือถือ สัมภาษณ์ Mitchell Baker Chairperson [...]

  2. Thomas Post wrote on ::

    I can’t wait to get it. I hope that FireFox mobile will also have Java Runtime Environment. IE mobile does not, and I need it to do my banking. I hope you have considered making sure its in there.

  3. Pingback from Mozilla Firefox Mobile pada Nokia N810 | TeknoInfo on ::

    [...] Anda dapat berkunjung ke website Mozilla Mobile concept [...]

  4. adtech ile reklam 2.0 dönemi başlıyor ve Trkycmhrytllbtpydrklcktr r10.net seo yarışması wrote on ::

    Thanks mozilla..

    Love mozilla firefox ;)

  5. Pingback from Successful Tips to Explode Your Business» Blog Archive » Firefox has gone mobile for cell phones on ::

    [...] Firefox Mobile Concept Video [...]

  6. Pingback from Mozilla offers alpha version of mobile browser for N810 | CHARGED's 24/7 News Aggregator (with links to interesting feeds across the globe) on ::

    [...] released a video in June that offered a first look at Fennec. One unique feature to the browser is that it displays [...]

  7. Pingback from Mozilla offers alpha version of mobile browser for N810 | TechHairBall.com on ::

    [...] released a video in June that offered a first look at Fennec. One unique feature to the browser is that it displays [...]

  8. Pingback from Mozilla offers alpha version of mobile browser for N810 | InfoWorld | News | 2008-10-16 | By Nancy Gohring, IDG News Service on ::

    [...] released a video in June that offered a first look at Fennec. One unique feature to the browser is that it displays [...]

  9. lecam wrote on ::

    Interesting concept. I think it’s one of the most compelling ways of making gestures discoverable.

  10. Pingback from Firefox Mobile Concept Video | Jürgen Taverniers Portfolio on ::

    [...] the direction Mozilla Labs are heading for mobile browsers looks any like their Firefox Mobile Concept Video, its gona be AWESOME. zoomable tabs, optimization for small displays. Especially When you get to [...]

  11. Pingback from Opera Mobile 9.5 Public Beta Released on ::

    [...] Try it out and I think you’ll agree that it’s definitely the best Windows-mobile based browser out there…at least until Mozilla officially enters the market. [...]

  12. Pingback from ALEX TO » Blog Archive » Comment on Firefox Mobile Concept Video by ALEX TO » Blog Archive … on ::

    [...] Comment on Firefox Mobile Concept Video by ALEX TO » Blog Archive … Comment on Firefox Mobile Concept Video by Alex mobile computer lab… Maybe, but I’m not sure it’for everyone…. [...] [...]

  13. Pingback from ALEX TO » Blog Archive » Comment on Firefox Mobile Concept Video by Archive » Comment on … on ::

    [...] Comment on Firefox Mobile Concept Video by Archive » Comment on … Comment on Firefox Mobile Concept Video by ALEX TO » Blog Archive … [...] Comment on Firefox Mobile Concept Video by Alex mobile computer lab… Maybe, but I’m not sure it’for everyone…. [...] [...] [...]

  14. Pingback from Archive » Comment on Firefox Mobile Concept Video by Archive » Comment on … on ::

    [...] Comment on Firefox Mobile Concept Video by Archive » Comment on … Comment on Firefox Mobile Concept Video by ALEX TO » Blog Archive … [...] Comment on Firefox Mobile Concept Video by Alex mobile computer lab… Maybe, but I’m not sure it’for everyone…. [...] [...] [...]

  15. Pingback from Archive » Comment on Firefox Mobile Concept Video by ALEX TO » Blog Archive … on ::

    [...] Comment on Firefox Mobile Concept Video by ALEX TO » Blog Archive … [...] Comment on Firefox Mobile Concept Video by Alex mobile computer lab… Maybe, but I’m not sure it’for everyone…. [...] [...]

  16. Pingback from ALEX TO » Blog Archive » Comment on Firefox Mobile Concept Video by Alex on ::

    [...] Comment on Firefox Mobile Concept Video by Alex mobile computer lab… Maybe, but I’m not sure it’for everyone…. [...]

  17. Pingback from FranklyOnline » Blog Archive » Firefox Mobile - med nytt grafiskt koncept on ::

    [...] http://labs.mozilla.com/2008/06/firefox-mobile-concept-video/     Read More    Posta en kommentar [...]

  18. Pingback from Firefox Mobile: une première vidéo du concept | Another Pinky Punky on ::

    [...] Mozilla Labs vient de proposer la première vidéo du concept qui, il faut l’avouer, fait envie. [...]

  19. Paul Tran wrote on :

    Interesting stuff. How will the interface handle things such as zooming to content on the page? On the iPhone, you can zoom to a block of content on the page, and then drag the page around to see other regions.

    So make use of the demonstrated interface, you would have to scroll to the edge of the page, and then scroll further to ‘Zoom out’ or to perform other actions, or zoom out (presumably by double tapping as on the iPhone) then go to the edge.

    Also I’m not sure of the need for allowing the user to move around and arrange ‘tabbed’ windows in Zoomed out view. Is there a way for it to keep each window neatly laid out automatically?

    For a large tablet display, there may be use cases for this, but for mobile device with small screen, I’m not convinced having ‘expose-like’ functionality is as usable.

    But again, interesting work and look forward to seeing new developments.

  20. Pingback from Mint Usability » Blog Archive » Firefox mobile gets concept user interface on ::

    [...] Read more at Aza Raskin’s blog or Mozilla Labs blog [...]

  21. Pingback from » Firefox Mobile Concept Video on ::

    [...] Firefox Mobile Concept Video [...]

  22. Pingback from Video del concepto de Firefox Mobile | Data2max.com on ::

    [...] Vía: Mozilla Labs [...]

  23. Pingback from RST™ » Blog Archive » Firefox Mobile Concept Video Looks Promising [Firefox Mobile] on ::

    [...] Labs shows off their Firefox Mobile mockup with an impressive video demonstration of zoomable tabs and optimized screen real estate worthy of [...]

  24. Andy wrote on :

    What a new world, to have Firefox not only on my Mac. I really would like it on my iPhone… The Safari Mobile ist okay, but not good. Firefox is the right competitor in this race for the best mobile browser!

  25. Pingback from Comment on Firefox Mobile Concept Video by Tech Advice Guy » A … on ::

    [...] Edward_ wrote an interesting post today onHere’s a quick excerpt[…] Comment on Firefox Mobile Concept Video by Firefox Mobile… […] [...]

  26. Pingback from Tech Advice Guy » A Sign of SMS Addiction from iJustine on ::

    [...] Comment on Firefox Mobile Concept Video by Firefox Mobile… [...]

  27. Pingback from Everybody’s Tech » Technologymust be transparent on ::

    [...] Comment on Firefox Mobile Concept Video by Firefox Mobile… [...]

  28. Pingback from Comment on Firefox Mobile Concept Video by Firefox Mobile … | Gearfire.com on ::

    [...] gminks wrote an interesting post today onHere’s a quick excerptOne avenue for exploring this opportunity is through Mozilla Labs, which is about pushing the envelope towards better and brighter interaction horizons, as well as incorporating a winder community into the innovation process. … [...]

  29. Pingback from Comment on Firefox Mobile Concept Video by Firefox Mobile … on ::

    [...] unknown wrote an interesting post today onHere’s a quick excerptOne avenue for exploring this opportunity is through Mozilla Labs, which is about pushing the envelope towards better and brighter interaction horizons, as well as incorporating a winder community into the innovation process. … [...]

  30. Pingback from Comment on Firefox Mobile Concept Video by Firefox Mobile … on ::

    [...] Bob wrote an interesting post today onHere’s a quick excerptOne avenue for exploring this opportunity is through Mozilla Labs, which is about pushing the envelope towards better and brighter interaction horizons, as well as incorporating a winder community into the innovation process. … [...]

  31. Pingback from Comment on Firefox Mobile Concept Video by Firefox Mobile … on ::

    [...] Boris Veldhuijzen van Zanten wrote an interesting post today onHere’s a quick excerptOne avenue for exploring this opportunity is through Mozilla Labs, which is about pushing the envelope towards better and brighter interaction horizons, as well as incorporating a winder community into the innovation process. … [...]

  32. Pingback from Firefox Mobile interface concept video » D' Technology Weblog: Technology, Blogging, Tips, Tricks, Computer, Hardware, Software, Tutorials, Internet, Web, Gadgets, Fashion, LifeStyle, Entertainment, News and more by Deepak Gupta. on ::

    [...] One avenue for exploring this opportunity is through Mozilla Labs, which is about pushing the envelope towards better and brighter interaction horizons, as well as incorporating a winder community into the innovation process. This concept video explains one direction we are thinking in, and we’d love to inspire participation in thinking about other directions. Mozilla Labs [...]

  33. Julien Couvreur wrote on ::

    I love it!
    Do you have some ideas on how to handle zooming in the page more, especially if the interface is single touch?

    Cheers,
    Julien

  34. Pingback from faaabulous » Firefox Mobile, premier aperçu du concept on ::

    [...] Mozilla Labs, on travaille d’arrache-pieds sur le concept d’un Firefox Mobile dont voici ci-dessous une première idée d’interface utilisateur. C’est encore au [...]

  35. Pingback from Video: Mozillas Ideen für Touchscreen-Browser on ::

    [...] zu MobileSafari, im zukünftigen AppStore? Warum nicht! Mit Blick auf das aktuell veröffentlichte Konzept-Video des Firefox-Mobile Teams, könnten neue Ansätze zur Webnavigation sicher für ordentlich frischen [...]

  36. ksh wrote on :

    great stuff. when is it coming out ?

  37. ksh wrote on :

    awesome.when is it coming out ?

  38. Pingback from how to make an envelope on ::

    [...] in a mobile setting. User experience is the most important aspect of having a compelling mobile phttp://labs.mozilla.com/2008/06/firefox-mobile-concept-video/Inside ‘Swingtown’: The Me Again Decade AP via Yahoo! News Grant Show is proud of his [...]

  39. Mahagoni wrote on :

    Though I cannot afford any kind of device that could run this, so I have no experience with these things, I must say that it looks really nice and usable.

    But this looks like an entirely different browser from Firefox that runs on an entirely different kind of platform … so why do you want to call it Firefox? It might turn out to be as good or better as the real Firefox on the desktop or worse than it, but it will still be a different browser with a different user interface so I would try to create an association with the real Firefox …

    Just a personal opinion from a layman, of course.

  40. Pingback from links for 2008-06-12 | 流水流水 on ::

    [...] Mozilla Labs » Blog Archive » Firefox Mobile Concept Video (tags: firefox mobile browser) [...]

  41. Pingback from Breve vídeo do Firefox Mobile | Open Mania on ::

    [...] Firefox pelos visto quer se expandir para o mundo dos telemóveis e está a desenvolver uma versão do Firefox para esse efeito, não há assim grandes detalhes [...]

  42. Russell wrote on :

    Great concept! It will really come in handy for mobile browsing.

  43. tC wrote on :

    Anyways to minimize? I know it is a mobile phone so user don’t generally have too many sites up at once, however, users also have very limited space and though the preview panel is a great idea, you might start getting frustrated when the density of websites starts getting high. Have the ability of “hand gestures” to enable more functionality. Keep the preview panel but give the user the ability to minimize.

    Zoom in?

    Also, eliminate the left zoom out, only have it to the right. I can already see people getting annoyed with the left zoom out when they’re just trying to hit the back button. Not everyone has that much sensitivity in their fingers.

  44. Pingback from Daily Find #78 | TechToolBlog on ::

    [...] Firefox Mobile Concept Video – Showing how FireFox mobile will work. [...]

  45. Pingback from Conheça o novo conceito do Firefox Mobile | Connected Minds - Informática e tecnologia on ::

    [...] (Fonte: Mozilla Labs) [...]

  46. fragli wrote on :

    I am never going to get firefox mobile to my n73… am i?

  47. Pingback from Ecco un prototipo di Firefox Mobile on ::

    [...] Mozilla Labs un “concept video” di Firefox Mobile (nome in codice: [...]

  48. Pingback from Life Clerks » Firefox Mobile Concept Video Looks Promising [Firefox Mobile] on ::

    [...] Labs shows off their Firefox Mobile mockup with an impressive video demonstration of zoomable tabs and optimized screen real estate worthy of [...]

  49. Pingback from B On The Move - Tech News » Blog Archive » Firefox Mobile Concept Video Looks Promising [Firefox Mobile] on ::

    [...] Labs shows off their Firefox Mobile mockup with an impressive video demonstration of zoomable tabs and optimized screen real estate worthy of [...]

  50. Nabil wrote on :

    Looks great Aza, keep up the innovation. While using Safari on the iPhone is far better than any other mobile browser currently available, it does not take full advantage of the screen real estate in the manner in which your prototype for Firefox Mobile does. I think that hiding the tabs, url bar, and miscellaneous buttons is genius. I can’t wait to try it out on the iPhone.

  51. Pingback from Firefox Mobile, un adelanto oficial on ::

    [...] información: Mozilla Labs Tags: Firefox Otras entradas que te pueden interesar…:Firefox Mobile cada vez más cercaGoogle [...]

  52. Mark wrote on :

    Looking good. Good ideas. But having any functions that are based only at the bottom of the page you’re on does not seem like a good idea to me. The availability of these functions will vary based on the size of whatever page you’re at. They would be fine at the bottom of the Google home page, but, if, for some odd reason, you’d set your google search results to 100 per page (or you’re at some other very long page), all these functions will be very inconvenient and out of reach in a practical sense.

    The solution that comes to mind for this problem is to have a button below where you have the Page Info button (it could be flat and wide if you’d like to keep current ratios). Click this new button and then your functions bar slides out. This would also make it convenient for when you’re performing a specific function on a part of the page. Let’s say you want to call a number or bring up a map (if we don’t have an algorithm that detects it for some reason). Merely highlight the text in question and bring out the functions bar. This would be much more convenient that highlighting a part of the text and then having to scroll all the way down to the bottom of the page in order to perform functions on it.

  53. Pingback from Firefox RC3 | xarop on ::

    [...] creo que el éxito definitivo de Firefox recae en su versión para moviles, que ahora está en desarrollo, donde el tema de usabilidad será el punto determinante para que un [...]

  54. isriya wrote on ::

    You don’t mention how to close tab?

  55. Trackback from 无根之根 on ::

    Firefox Mobile首现尊颜…

    以下内容来自火狐实验室的新闻版:http://labs.mozilla.com/2008/06/firefox-mobile-concept-video/ Firefox浏览器即将要扩展到移动设备平台(Firefox Mobile)。Firefox一向秉承的创新、重视可用性、以及强大的扩…

  56. NeilC wrote on ::

    A great step forward in “open” mobile. But how will Mozilla deal with business model of “closed” deals between mobile manufacturers and the service providers?

  57. Pingback from Firefox Mobile Concept Video | Exploding Wumpus Blog on ::

    [...] Lifehacker, Mozilla Labs, [...]

  58. Pingback from Comment on Firefox Mobile Concept Video by insurance quotes on ::

    [...] Read the rest of this great post here [...]

  59. Trackback from foxiewire.com on ::

    Firefox Mobile Concept Video…

    Firefox is coming to mobile. The innovation, usability, and extensibility that has propelled Firefox to 200 million users is set to do the same for Firefox in a mobile setting.User experience is the most important aspect of having a compelling mobile p…

  60. Bryan Burkholder wrote on ::

    Interesting Layout. Dosent seem that it would work well on low resolution screens, such as my WM 6.1 HTC Apache has (240×320/320×240).

  61. Pingback from Firefox Mobile: il video di un concept di UI : Spaziocellulare News Magazine on ::

    [...] sarebbe male averlo nella versione finale, sperando che arrivi presto. Ecco il video. (fonte: Mozilla Labs Blog via: [...]

  62. Calvin wrote on :

    This looks awesome! Great job guys, keep open source the only source for great stuff!

  63. Pingback from Firefox Mobile (Concept) | Datanneal on ::

    [...] Mozilla Labs Previous Post addthis_pub = ‘Pietro’; Want an avatar? Datanneal currently [...]

  64. Pingback from Firefox Mobile: video concept « eBlog Tech on ::

    [...] Firefox Mobile: video concept El laboratorio de Firefox está preparando su versión para móviles. Si bien el video “no será la versión final” es sólo una muestra de la dirección que están tomando, vale como aproximación hacia el esperado navegador. Su idea es replicar el éxito conseguido con el Firefox para que conocemos todos, con más de 200 millones de descargas. Aquí el video para comenzar a conocer de qué se trata: [...]

  65. Pingback from Firefox Mobile - PDAPhoneHome.com on ::

    [...] Firefox Mobile Just a mockup video for Firefox mobile concept….I want it now! Mozilla Labs » Blog Archive » Firefox Mobile Concept Video [...]

  66. Pingback from Beeindruckender Firefox Mobile Browser » Text & Blog – Das Weblog von Markus Trapp on ::

    [...] Download Squad & Mozilla Labs] Laut der Angabe von Opera [...]

  67. Pingback from B On The Move - Tech News » Blog Archive » Firefox Mobile Concept Video Looks Nice [Firefox Mobile] on ::

    [...] Labs shows off their Firefox Mobile mockup with an impressive video demonstration of zoomable tabs and optimized screen real estate worthy of [...]

  68. Pingback from Life Clerks » Firefox Mobile Concept Video Looks Nice [Firefox Mobile] on ::

    [...] Labs shows off their Firefox Mobile mockup with an impressive video demonstration of zoomable tabs and optimized screen real estate worthy of [...]

  69. Pingback from at t mobile on ::

    [...] in a mobile setting. User experience is the most important aspect of having a compelling mobile phttp://labs.mozilla.com/2008/06/firefox-mobile-concept-video/T-Mobile, AT&T & Starbucks reach new agreement over WiFi switchover Engadget Filed under: Cellphones [...]