{"id":361,"date":"2011-01-02T00:24:15","date_gmt":"2011-01-01T13:24:15","guid":{"rendered":"http:\/\/xhva.net\/log\/?p=361"},"modified":"2011-01-31T17:30:33","modified_gmt":"2011-01-31T06:30:33","slug":"questions-to-the-firefox-4-ui-team","status":"publish","type":"post","link":"https:\/\/xhva.net\/log\/2011\/01\/questions-to-the-firefox-4-ui-team\/","title":{"rendered":"Questions to the Firefox 4 UI team (FFb8)"},"content":{"rendered":"<p>Oblig\u00ada\u00adtory descrip\u00adtion of com\u00adplainant: web user since 1994, Mozil\u00adla user since the Mozil\u00adla Suite point releas\u00ades and before that Netscape 1+, web devel\u00adop\u00ader of 15 years, cur\u00adrent\u00adly teach\u00ading web tech skills, pro\u00adgram\u00adming and visu\u00adal design. Not a noob to UI design (his\u00adto\u00adry in desk\u00adtop app dev) and typ\u00adi\u00adcal\u00adly an advo\u00adcate of minimalism.<\/p>\n<ol>\n<li>\nWhy did you remove the sta\u00adtus bar to recov\u00ader ver\u00adti\u00adcal space then imme\u00addi\u00adate\u00adly replace it with a taller addon bar miss\u00ading the absolute\u00adly crit\u00adi\u00adcal fea\u00adture of show\u00ading the link tar\u00adget? <a href=\"http:\/\/jboriss.wordpress.com\/2010\/04\/29\/removing-firefoxs-status-bar-and-rehousing-add-on-icons-part-1-of-2\/\">Jen\u00adny Boriss\u2019 post on this<\/a> con\u00adtains some extreme\u00adly flim\u00adsy ratio\u00adnale for a change that affects hun\u00addreds of mil\u00adlions of peo\u00adple who\u2019ve been look\u00ading in the sta\u00adtus bar link tar\u00adget for 15+ years. At the absolute min\u00adi\u00admum, include a \u2018link tar\u00adget\u2019 drag\u00adgable in the Cus\u00adtomise Tool\u00adbar box that can be placed on the left side of the addon bar. Also see this <a href=\"http:\/\/firefox.uservoice.com\/forums\/57440-firefox-4-beta\/suggestions\/1217833-bring-back-the-status-bar?page=1\">peti\u00adtion to bring it back<\/a>.\n\t<\/li>\n<li>WTF did you do to the JS alert() and prompt() dialogs? Why aren\u2019t they plat\u00adform dialogs any more? Is this a hack around the app-modal prob\u00adlem? They\u2019re intense\u00adly ugly on WinXP at least and just look like part of the page. You may think that\u2019s a good thing, but I cer\u00adtain\u00adly&nbsp;don\u2019t.<\/li>\n<li>\nWhy does the addon bar have a close but\u00adton, yet no oth\u00ader tool\u00adbars do? Why is there no option to remove it? Drag\u00adging it off like any oth\u00ader fea\u00adture does\u00adn\u2019t do any\u00adthing. I love hav\u00ading to resort to user\u00adchrome hacks.&nbsp;<\/li>\n<li>\nNev\u00ader auto-com\u00adbine but\u00adtons on the menu bar (Stop and Refresh) accord\u00ading to some arbi\u00adtrary rule that the user does\u00adn\u2019t know. The tool\u00adbar edi\u00adtor is intend\u00aded to be as close to WYSIWYG as pos\u00adsi\u00adble, and any changes should have clear rea\u00adson\u00ading or ratio\u00adnale. BTW, why do the Refresh &amp; Stop but\u00adtons com\u00adbine when placed in that order, and not Stop + Refresh? This is how I\u2019m work\u00ading around the auto-com\u00adbine at the moment.&nbsp;<\/li>\n<li>\nThe entire \u2014 and I\u2019m not kid\u00adding \u2014 addons man\u00adag\u00ader is <strong>hor\u00adri\u00adble<\/strong>. Unlike almost every\u00adthing else that\u2019s part of the <em>brows\u00ader<\/em> itself, it\u2019s eschews the stan\u00addard plat\u00adform UI feel and colours for some web\u00adpage mish\u00admash. To be specific:\n<ul>\n<li>The whole design feels flat. Medi\u00adum grey text on light grey back\u00adground with light grey blue lines. Sub\u00adtle grey cross\u00adhatch\u00ading all over the place makes it look&nbsp;dirty.<\/li>\n<li>Is is much too wide on a decent screen. One of the ben\u00ade\u00adfits to the old addon man\u00adag\u00ader, although it\u2019s obvi\u00adous that you did\u00adn\u2019t see it this way, was that the addons man\u00adag\u00ader was inde\u00adpen\u00addent of the brows\u00ader win\u00addow\u2019s size. There was nev\u00ader a need to max\u00adimise the addon man\u00adag\u00ader, because it was just a sim\u00adple list with a cou\u00adple of but\u00adtons that lead to a modal dia\u00adlog box or a link. Addons don\u2019t need 1650 pix\u00adels to dis\u00adplay two sen\u00adtences of information.<\/li>\n<li><a href=\"http:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-huge.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-huge-300x155.png\" alt title=\"addons-huge\" width=\"300\" height=\"155\" class=\"right size-medium wp-image-362\" srcset=\"https:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-huge-300x155.png 300w, https:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-huge-1024x529.png 1024w, https:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-huge.png 1680w\" sizes=\"(max-width: 300px) 100vw, 300px\"><\/a>As a side effect of mak\u00ading the man\u00adag\u00ader so large, now it\u2019s <a href=\"http:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-huge.png\">total\u00adly bloody over\u00adwhelm\u00ading on load<\/a> (Jesus, just used the new prompt() again to insert that link. The text box is too small and it feels total\u00adly wrong.) You\u2019re show\u00ading too much on a nor\u00admal desk\u00adtop screen, so for a user like myself with ~35 addons the list can\u2019t be scanned or parsed. You\u2019ve suc\u00adcess\u00adful\u00adly turned a sim\u00adple list into a mega full-screen appli\u00adca\u00adtion that\u2019s too visu\u00adal\u00adly large to con\u00adcep\u00adtu\u00adalise as a list and now it\u2019s scary to work&nbsp;with.<\/li>\n<li>The addon list feels like it has arbi\u00adtrary back\u00adgrounds assigned to each addon; it\u2019s not clear from a glace what\u2019s dis\u00adabled, what\u2019s bro\u00adken, what\u2019s work\u00ading, or what\u2019s just been updat\u00aded because of the sim\u00adi\u00adlar\u00adi\u00adty of each. Also, diag\u00ado\u00adnal lines are always a bad idea for sit\u00adting behind text, even if they\u2019re sub\u00adtle. I believe you\u2019re bet\u00adter off break\u00ading this list into two, pos\u00adsi\u00adbly three: enabled, dis\u00adabled and bro\u00adken. The list will be much more read\u00adable and scannable at a glance.<\/li>\n<li><a href=\"http:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-scanning.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-scanning-300x155.png\" alt title=\"addons-scanning\" width=\"300\" height=\"155\" class=\"right size-medium wp-image-363\" srcset=\"https:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-scanning-300x155.png 300w, https:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-scanning-1024x529.png 1024w, https:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/addons-scanning.png 1680w\" sizes=\"(max-width: 300px) 100vw, 300px\"><\/a>Warn\u00ading or infor\u00adma\u00adtion mes\u00adsages for each addon are hard to read due to colour and shad\u00adow effects and hard to scan because they\u2019re bad\u00adly placed. This is an exten\u00adsion to the prob\u00adlem above. Can you find a bet\u00adter, more ver\u00adti\u00adcal\u00adly scannable place for this if the oth\u00ader issues aren\u2019t fixed?<\/li>\n<li>I don\u2019t believe we gained any\u00adthing by inte\u00adgrat\u00ading the Addons web\u00adsite into the man\u00adag\u00ader. Click\u00ading an addon opens anoth\u00ader tab any\u00adway, so it\u2019s just an arbi\u00adtrary step\u00adping-stone por\u00adtal\/s\u00adtart-page. You\u2019re still installing addons via an app-modal pop\u00adup which can some\u00adtimes take 10 sec\u00adonds to appear while the brows\u00ader lets me click around and change tabs (that in par\u00adtic\u00adu\u00adlar has con\u00adfused me many times, some\u00adtimes mak\u00ading me think the click has\u00adn\u2019t reg\u00adis\u00adtered, and I\u2019m an advanced user for christ\u2019s sake).<\/li>\n<li>Non ques\u00adtion: while the UI team is focussed on reduc\u00ading brows\u00ader chrome, it\u2019s wast\u00ading huge amounts of screen on white\u00adspace in the addons man\u00adag\u00ader. Take a look at the screen\u00adshot linked above. Under\u00adneath the fake \u201ctabs\u201d: huge waste of space. The entire search bar (which is also prac\u00adti\u00adcal\u00adly invis\u00adi\u00adble up there): huge waste of space. Each addon in the list: crim\u00adi\u00adnal waste of both ver\u00adti\u00adcal and hor\u00adi\u00adzon\u00adtal space. Yes, I under\u00adstand and respect the use of white\u00adspace. I believe the addon man\u00adag\u00ader is over\u00addo\u00ading it though.<\/li>\n<li>So much effort has been put into get\u00adting tabs against the top edge of the screen in order to ben\u00ade\u00adfit from <a href=\"http:\/\/developer.kde.org\/documentation\/design\/ui\/fittslaw.html\">Fit\u00adt\u2019s Law<\/a> or some deriva\u00adtion there\u00adof but inex\u00adplic\u00ada\u00adbly the addon list scroll\u00adbar isn\u2019t against the edge of the screen. Why? When did you last see a full-page scrolling list inset from the side of the screen?<\/li>\n<li>Why is the addon man\u00adag\u00ader a nor\u00admal tab instead of being an app tab? This results in it get\u00adting lost with\u00adin oth\u00ader tabs, like it\u2019s some ran\u00addom web site instead of being a <em>brows\u00ader con\u00adfig\u00adu\u00adra\u00adtion win\u00addow<\/em>.<\/li>\n<\/ul>\n<\/li><li>Why do addon icons auto\u00admat\u00adi\u00adcal\u00adly inher\u00adit a but\u00adton-like bor\u00adder? I thought we were going for min\u00adi\u00admal\u00adist, and <a href=\"http:\/\/xhva.net\/log\/wp-content\/uploads\/2011\/01\/ugly-borders.png\">this cer\u00adtain\u00adly isn\u2019t<\/a>.\n\t<\/li>\n<li>In one recent Test Pilot study you found that many peo\u00adple have large amounts of tabs open. Widescreen is becom\u00ading the dom\u00adi\u00adnant screen ratio. Why was\u00adn\u2019t a ver\u00adti\u00adcal tab list option devel\u00adoped to com\u00adpen\u00adsate? You\u2019ve just pissed a lot of peo\u00adple off by remov\u00ading 23 pix\u00adels of sta\u00adtus bar, imple\u00adment\u00ading tabs-on-top by default and (worse) draw\u00ading app con\u00adtents in the OS-reserved title bar but there\u2019s no option for ver\u00adti\u00adcal tabs that would restore space tak\u00aden by chrome? I would have thought this would be a top pri\u00ador\u00adi\u00adty. Ide\u00adal\u00adly, Fire\u00adfox would watch the num\u00adber of tabs the user has over a few ses\u00adsions and offer to demon\u00adstrate the ver\u00adti\u00adcal tab align\u00adment with an easy way to switch it&nbsp;back.<\/li>\n<li>Why does the book\u00admarks bar auto\u00admat\u00adi\u00adcal\u00adly turn off when upgrad\u00ading from 3.6 if a user has stuff there? I have com\u00admon sets of pages in fold\u00aders up there, as does my part\u00adner, my moth\u00ader, my sis\u00adter, and many tech\u00adni\u00adcal\u00adly-mind\u00aded peo\u00adple I work with. The only rea\u00adson I can imag\u00adine for this is to futher reduce ver\u00adti\u00adcal chrome, but annoyed users will just turn it back on again any\u00adway! And if I did\u00adn\u2019t know how to turn it back on, well, I\u2019d be real\u00adly frus\u00adtrat\u00aded at hav\u00ading lost all that&nbsp;stuff.<\/li>\n<li>Aside: Fire\u00adfox Sync is a nice idea, but I would\u00adn\u2019t have a clue what it does if I was\u00adn\u2019t a Mozil\u00adlian. The Set Up Sync option gives no details what\u00adso\u00adev\u00ader. Where you do explain it, make sure to pimp the \u201cencrypt\u00aded, and even Mozil\u00adla can\u2019t read it\u201d side, because I see that as a big sell\u00ading point over any solu\u00adtion that Google or MS may pro\u00advide in the future.<\/li>\n<\/ol>\n<p><em><br>\nEdit 1:44am: fixed incom\u00adplete sen\u00adtence; killed sil\u00adly exag\u00adger\u00ada\u00adtion, rephrased some state\u00adments into ques\u00adtions and cor\u00adrect\u00aded Jen\u00adny Boriss\u2019 name.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Oblig\u00ada\u00adtory descrip\u00adtion of com\u00adplainant: web user since 1994, Mozil\u00adla user since the Mozil\u00adla Suite point releas\u00ades and before that Netscape 1+, web devel\u00adop\u00ader of 15 years, cur\u00adrent\u00adly teach\u00ading web tech skills, pro\u00adgram\u00adming and visu\u00adal design. Not a noob to UI design (his\u00adto\u00adry in desk\u00adtop app dev) and typ\u00adi\u00adcal\u00adly an advo\u00adcate of min\u00adi\u00admal\u00adism. Why did&nbsp;you&nbsp;[\u2026]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"ngg_post_thumbnail":0},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/posts\/361"}],"collection":[{"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/comments?post=361"}],"version-history":[{"count":20,"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/posts\/361\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/posts\/361\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/media?parent=361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/categories?post=361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xhva.net\/log\/wp-json\/wp\/v2\/tags?post=361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}