{"id":1575,"date":"2009-04-08T10:26:00","date_gmt":"2009-04-08T18:26:00","guid":{"rendered":"http:\/\/mozillalabs.com\/?p=1575"},"modified":"2012-03-30T23:17:24","modified_gmt":"2012-03-30T23:17:24","slug":"taskfox-prototype-ubiquity-in-firefox","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/labs\/2009\/04\/taskfox-prototype-ubiquity-in-firefox\/","title":{"rendered":"Taskfox Prototype: Ubiquity in Firefox"},"content":{"rendered":"<p>As a user experience exploration, Ubiquity has been incredibly successful. Over a million downloads have highlighted the need for the web to be connected more tightly with by the power of task-based interfaces. Due to the passion of users, the <a href=\"https:\/\/wiki.mozilla.org\/Labs\/Ubiquity\/Latest_Ubiquity_User_Tutorial\">user tutorial<\/a> has been translated into ten languages. Similarly, the thousands of commands written for Ubiquity illustrate a latent desire to be able to write tiny amounts of code that enhance the web in fundamental ways.<\/p>\n<p>We are currently working on <a href=\"https:\/\/wiki.mozilla.org\/Taskfox\">bringing some of that power<\/a> to Firefox. See the link for the goals and non-goals for Taskfox, which is what we call the Firefox feature inspired by Ubiquity. You can see some static mockups on the <a href=\"https:\/\/wiki.mozilla.org\/Taskfox\/Mockups\">mockups page<\/a> of the project wiki. Static mockups only get you so far, however. To really get a sense of how something feels, you need to touch it and see it in motion.<\/p>\n<h3>Prototype<\/h3>\n<p><object width=\"550\" height=\"358\"><param name=\"allowfullscreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"movie\" value=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=4062903&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=cc6600&amp;fullscreen=1\" \/><embed src=\"http:\/\/vimeo.com\/moogaloop.swf?clip_id=4062903&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=cc6600&amp;fullscreen=1\" type=\"application\/x-shockwave-flash\" width=\"550\" height=\"358\"><\/embed><\/object><\/p>\n<p>Some thoughts:<\/p>\n<p>* The main thing we haven&#8217;t prototyped is the interaction of the awesome bar results and the Taskfox commands. We know that this is a major remaining question so we&#8217;ll be prototyping that soon. We&#8217;ve more or less ignored that interaction for this prototype.<\/p>\n<p>* We&#8217;ve moved all modifiers into the suggestions area. That is, you can&#8217;t type &#8220;translate Hello, World into Japanese&#8221;. Instead, you type &#8220;translate Hello, World&#8221; and select Japanese inside the preview. This simplifies the interaction in the Awesome Bar, and makes the interface a bit more discoverable and localizable, at the cost of effortlessly typing what you want to do. Fortunately, everything in the preview will be keyboard navigatable so you&#8217;ll still be able to tab-and-type without using the mouse.<\/p>\n<p>* Being able to navigate results with the keyboard is lacking in Ubiquity proper. We&#8217;ve tried to solve that in TaskFox.<\/p>\n<p>* We&#8217;ve made &#8220;diving into results&#8221; a fundamental part of TaskFox. Clicking the more arrow (or using the right arrow keys) slides everything over for an ultra-fast way to checkout a more detailed view of information. See the video for more detail.<\/p>\n<p>* We haven&#8217;t concentrated on visual style, so forgive it.<\/p>\n<p>* You can drag results and they&#8217;ll &#8220;tear off&#8221; to form their own window. In this way, any result\/detailed view can become more permanent. E.g., if you want to start a youtube video playing you can pull it off and place it in a corner of your screen while you continue browsing. The torn-off window can be re-docked into your tabs.<\/p>\n<h3>Try it out yourself<\/h3>\n<p>The demo is written entirely in HTML and Javascript (with some help from jQuery). It has only been tested in Firefox. It&#8217;s a prototype so type slowly, or it won&#8217;t work.<\/p>\n<p><a href=\"http:\/\/azarask.in\/aza\/TaskFox\">Go to the demo!<\/a><\/p>\n<h3>Get Involved<\/h3>\n<p>We have a weekly <a href=\"https:\/\/wiki.mozilla.org\/Taskfox#Meetings\">public meeting<\/a> every Thursday at 3:00pm PDT (10:00pm UTC). These are open to everyone, no RSVP needed. To join in, dial in to one of the following numbers:<\/p>\n<p>    * +1 650 903 0800 x92 Conf# 8604 (US\/International)<br \/>\n    * +1 416 848 3114 x92 Conf# 8604 (Canada)<br \/>\n    * +1 800 707 2533 (pin 369) Conf# 8604 (US Toll Free &amp; Skype)<\/p>\n<p>You can also join <a href=\"irc:\/\/irc.mozilla.org\/fx-team\">#fx-team<\/a> to chat about Taskfox on IRC, or discuss it on the <a href=\"http:\/\/groups.google.com\/group\/mozilla.dev.apps.firefox\/topics\">mozilla.dev.apps.firefox<\/a> newsgroup. Anyone can help out by creating your own mockups or prototypes, filing bugs, write patches, and generally giving input.<\/p>\n<p>&#8212; Aza Raskin, Blair McBride, and Alex Faaborg from the TaskFox team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As a user experience exploration, Ubiquity has been incredibly successful. Over a million downloads have highlighted the need for the web to be connected more tightly with by the power of task-based interfaces. Due to the passion of users, the &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/labs\/2009\/04\/taskfox-prototype-ubiquity-in-firefox\/\">Continue reading<\/a><\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[33],"tags":[4863,19646,529],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/1575"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/comments?post=1575"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/posts\/1575\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/media?parent=1575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/categories?post=1575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/labs\/wp-json\/wp\/v2\/tags?post=1575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}