Директор по маркетингу
0,0
рейтинг
22 декабря 2009 в 21:59

Разработка → The App Button в Firefox 4.0

Firefox 4.0 выйдет ещё не скоро, но уже сейчас нас знакомят с интересными подробностями второго по распространённости браузера в мире.

image

The App Button


Главным новшеством, ранее отмеченным, было объединение кнопок вперед, назад и стоп в одну, меняющую цвет. В новых макетах добавляется кнопка Приложение (the App Button).
По задумке привычные «Файл, Правка, Вид и т.д.» будут заменены одной единственной кнопкой (как это сделано в MS Office 2010). Единственное что ещё предстоит сделать дизайнерам, это выбрать, как будет отображаться эта кнопка:

image



Firefox 4.0 с панелью закладок:

image

Firefox 4.0 с табами под навигацией:

image

Firefox 4.0 с панелью закладок между табами и навигационным баром:

image

Слева версия 4.0, справа 3.5:

image

Источник: blog.stephenhorlander.com/2009/12/21/windows-themeui-update
Антон @krokhmalyuk
карма
114,7
рейтинг 0,0
Директор по маркетингу
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

Комментарии (171)

  • +28
    редизайн хорош. ему бы еще скорость рендеринга как у chrome
    • +3
      ну к тому времени как он выйдет глядишь и допилят движок
      • +12
        И к тому времени Chrome выкатит свои обновления.
        • +58
          к тому времени хром сам начнет тормозить из-за аддонов
          • +4
            уже :)
            • –5
              да не тормозит он из-за них)
              • 0
                У меня на ASUS Z99 стал заметно подтормаживать. Может из-за процессора слабого, поэтому разница заметна
    • 0
      Круто!
    • –2
      Вот чего-чего, а хромовских тормозов, переключения вкладок по минуте нам не надо!

      Правда, боюсь, что с этим «Электролизом» таки добьются. Радует, что пока он отключается в about:config, но так понимаю, что это временно.
  • +32
    > Главным новшеством, ранее отмеченным, было объединение кнопок вперед, назад и стоп в одну
    Офигенное новшество…
    • +4
      Если серъезно, рад что проект в качестве оформления не стоит на месте. Немного промедления и конкуренты впереди… Спасибо за отличные продукты!
      • +4
        Лучше бы они не на красоте зацикливались, а на скорость работы обратили внимание.
        • –3
          Именно на скорость обратили бы внимание, а красоту можно и аддонами навести
        • 0
          Быстро работает, мне кажется вы придираетесь.
          • 0
            Значит нужно еще быстрее. Есть у кого брать пример ;)
          • –1
            Быстро если не сравнивать с другими…
            • 0
              Беспорядок как динозавр: если не замечать, то не страшно (с)К.О
        • 0
          Тут одно найдешь — другое потеряешь, надо все гармонично развивать :)
          +1 к скорости, +1 к дизайн, +3 к карме =)
      • 0
        Существует тема которую уже сейчас можно натянуть на Firefox 3.5
        Strata4.0 https://addons.mozilla.org/en-US/firefox/addon/14284

        И табы вверху… и Aero Glass и еще много приятных мелочей…
        • 0
          Aero Glass нет и непонятно, как его включить. Что я делаю не так?
          • 0
            Aero Glass будет работать только в Vista и 7.
            К теме Strata4.0 нужно доставить StrataBuddy https://addons.mozilla.org/en-US/firefox/addon/14762
            В опциях StrataBuddy на закладке Strata поставить радиобаттон в положение Aero Glass.
            • 0
              Ага, не поставил StrataBuddy. Спасибо, так гораздо лучше :)
  • +2
    поскорее бы он вышел…
    • –7
      +1
    • +1
      это безумная гонка; как только он выйдет захочется ещё чего-то
  • +9
    Пора им уже переписывать с нуля Gecko :)
    • 0
      Да зачем с нуля, он и так уже в принципе неплох в сравнении с тем, что было год назад, я думаю, что допилят
    • +7
      Опаааасссснооо!!! Переписывали они уже один раз netscape с нуля… Нет больше netscape.
  • –14
    кто ещё думает что это похоже на Opera
    • –3
      похоже Вы один
      • –3
        labs.opera.com/news/2009/12/22/win7_new_addressbar_t.jpg, может и не похоже, но чувство дежавю возникает.
        • +12
          адресная строка, кнопки… похоже, что это тоже браузер!
        • +2
          Чтобы возникло дежавю, неплохо было бы скриншот побольше приложить
    • 0
      Вы не одиноки. В голову пришла та же мысль. Правда пока огнелисники, собравшиеся здесь, обсуждают только рисунки, и минусуют оперцев, те в свою очередь уже пробуют живой продукт, ну хорошо, полуживой, но всё-таки продукт. Огнелисовцы, вы уж извините, не смог не ответить на ваши колкости в виде минусов. ;-)

      Ребят, да сколько можно спорить, какой браузер лучше или хуже, согласитесь, сейчас хороши все, кроме ишачка, а в идеале бы хотелось, что бы хорошо было абсолютно всё, из чего мы обозреваем сеть. И пусть каждый пользуется тем, что удовлетворяет его в бо́льшей степени, а спорить у кого размер больше, то есть какой браузер лучше, на мой взгляд, бессмысленно и всегда субъективно.
      • 0
        С другой стороны, поддержка AJAX-навигации в виде события onhashchange появилась первой в ИЕ8, а остальные браузеры — не все полностью готовы для аякса.
    • +1
      Похоже. В свежей 10.50 пре-альфа как раз эта самая кнопка приложения появилась. И меню исчезло. А совмещение stop-reload всегда было.

      Но Опера тоже не первая по этим пунктам, вот в чём фокус :-)
      • 0
        не в 10.5 а в 10.0, просто эту опцию включать надо было
        а я имею ввиду ещё и оформление табов
        • 0
          Того что не было включено по-умолчанию, считай и не было.
          • 0
            тогда в файрфоксе вообще ничего нет :)
  • +5
    … а в чем удобство размещения табов вверху?
    • –2
      экономия места?
      • +6
        где именно?
        • +7
          а, вы об этом? так логичнее, чтоб табы были НАД строкой адреса. это интуитивно подсказывает, что адрес относится к конкретному табу.
          • +6
            зато не логично, что закладки как бы относятся к конкретному табу
            • +2
              логичнее сделать опционально
              • +1
                я, когда устанавливаю новый фаерфокс первым делом выключаю панель закладок.
                занимают место, отвлекают внимание. 9 самых важных сайтов в SpeedDial, остальные на del.icio.us (он тоже в SpeedDial).
                по-моему у меня всё идеально в плане закладок.
                • +1
                  вы просто не информационный-маньяк как я)

                  На данный момент имею over 1500 закладок. Активно использую over 700 из них.
                  около 400 из них — закладки со статьями на разных ресурсах.

                  Про RSS — вообще молчу))

                  Но, да, у вас всё идеально.
                  • НЛО прилетело и опубликовало эту надпись здесь
                    • 0
                      Оу, меня тоже посчитали))).
          • НЛО прилетело и опубликовало эту надпись здесь
        • 0
      • +5
        Вот где экономия места:
        • +3
          Выключаем дектораторы и получается одинаково. Причем этим должно заниматься не приложение, а само десктопное окружение.
      • –3
        Экономия места актуальна на FullHD дисплеях, все-таки 16:9 это не 3:4…
      • 0
        целиться удобней
    • 0
      например, после того как я поставил тему с табами вверху, я перестал попадать по «панели закладок», всякий раз когда хочу переключить таб. в результате чего получаем перезагрузку страницы, а это не всегда приятно :)
      • +1

        Если кому интересно, тема называется Vfox3
        • +1
          А вот где экономии нет.
          • +5

            только персонально для вас :)
            • +2
              Вот тут реально присутствует экономия: img130.imageshack.us/img130/1309/111pc.jpg
              • 0
                Да уберите вы вообще панель адреса, кнопки, табы итд :)
                Вот где реальная экономия
                • 0
                  Чего уж мелочиться? Жмите F11=)
                • 0
                  Да, там я немного лоханулся. Правильно должно быть так: yfrog.com/j7realnyp

                  PS. lynx непобедим и незаменим :)

                  Lynx Version 2.8.7pre.6 (23 Jun 2009)
                  libwww-FM 2.14, SSL-MM 1.4.1, ncurses 5.7.20090803(wide)
                  Собрано linux-gnu Jun 25 2009 07:16:26

                  Copyrights held by the Lynx Developers Group,
                  the University of Kansas, CERN, and other contributors.
                  Distributed under the GNU General Public License (Version 2).
                  See lynx.isc.org/ and the online help for more information.
                • 0
                  табы можно в бок кинуть вертикальным столбиком.
                  • 0
                    я как-то пару раз пытался, так и не смог привыкнуть
                  • 0
                    это неудобно. имхо
    • 0
      Если речь идет о Chrome — то налицо применение закона Фиттса.
    • +1
      вообще тупая тенденция у всех браузеров пихать табы сверху. мне на широкофрматном мониторе намного удобнее пихать их слева по вертикали. у меня в этом случае под каждым табом будет по адресной строке или как?
    • 0
      тем что можно просто поднять курсор мыши вверх до упора ни о чем не задумываясь и он окажется на табе, а так нужно целять между рабочим пространством и строкой адреса
  • 0
    Ура, сайты в высоту будут еще больше… видят конкурента в хроме
    • –2
      Да, отлично прямо
  • +1
    А мне интересно, почему они решили оставить стандартные абы если был конкурс на лучшую замену табам? Или это был эксперимент?
    • 0
      видимо они решили, что ничего лучше табов так и не придумали :)
      • –2
        я придумал :) только писать было лень :)
        убрать панель табов, оставить индикатор панели, при наезде на него вылазит сама панель…
      • +1
        Табы — костыль для устаревших оконных менеджеров:
        * каждое приложение использует свою реализацию табов
        * со своей логикой, управлением, шорткатами
        * и эта логика отличается от переключения между окнами

        Лучше (рабочие окружения, тайловые оконные менеджеры) давным давно сделано. И только пользователи самой распространенной оси о них не подозревают и продолжают хавать кактус :)
        • +2
          да ну… мне тайловый метод нафик не нужен
          • 0
            А обертка группирующая окна по сценарию?

            Плюшек не счесть:
            * пользователь сам выбирает какие окна группировать
            * доступно для всех приложений
            * а значит тут же можно собирать окна скайпа
            * группировка по типу — все браузеры в одной группе
            * разнообразные методы конфигурирования — от плоских файлов до гуев
            * множество решений от разнообразных производителей
            * единый внешний вид и управление

            Декомпозиция рулит
          • +1
            а Вы пробовали? и долго сидели на нём?
    • 0
      Погнались за хромовскими леммингами. Как минимум трое из разработчиков фокса, которых я читаю, пользуются вкладками в виде дерева сбоку. Но для пользователей делают гламурно, а не функционально.
  • +9
    Интересно, а линукс-версии это коснется? а то тут все, что связано с оформлением, выходит с запозданием…
  • –6
    а где ссылка на источник?
    blog.stephenhorlander.com/2009/12/21/windows-themeui-update/
  • +2
    Второго не по популярности, а по распространенности ;) По популярности ff наверно таки первый ;)
    • +2
      а в чём, простите, отличие популярности и распространённости вчастности браузеров
      • 0
        * в частности
      • 0
        в осознанности и свободе выбора
      • +4
        популярность — это результаты опросов «какой браузер вам больше НРАВИТСЯ», а распространенность это процентный показатель количества запросов с одного браузера, чем с остальных
  • +2
    Надеюсь, по умолчанию строка адреса будет ВНУТРИ таба, а то сейчас интерфейс-логика слегка хромает. В этом плане верны, на мой взгляд, Опера и Хром.
  • 0
    > «Единственное что ещё предстоит сделать дизайнерам, это выбрать, как будет отображаться эта кнопка»

    Мне понравился 4-ый вариант на скриншоте :P

    Разработчики не говорят: когда он выйдет?
  • 0
    Мне одному кажется, что App Button означает лишний клик для доступа к функциям браузера (да и любого приложения), а значит снижение юзабилити?
    • 0
      И, кстати, а куда делось оконное меню (то, которое с переместить, свернуть, развернуть, закрыть)?
    • 0
      Нет. :) Мне тоже кажется. ) Вот это кстати яркая иллюстрация случая, когда эстетика противоречит юзабилити. Правда, это бывает далеко не всегда, ибо часто они идут рука об руку.
      • +3
        Я сам, честно говоря, из «вражеского» лагеря поклонников Opera, но в данном случае вряд ли есть разница… Собственно, я хотел сказать, что за последние два месяца я всего лишь пару раз залез в главное меню, посему один лишний клин не значителен, а места экономится существенно много.
        • 0
          Пардон, «клик», я хотел сказать :)
        • 0
          Возможно, для разных типов приложений этот вопрос имеет разную актуальность.
          • 0
            Ну так Opera кагбэ — это тот же тип приложений, что и Firefox. Я понимаю, что в каком-нибудь Photoshop так лучше не делать…
  • +10
    О, стало похоже на Opera 10.5 :) Вообще, кнопочка хорошая, я так понимаю, это в Aero стандартный стиль такой — с большой кнопкой. Но вообще, как-то скриншоты перегруженно смотрятся :(
    • +4
      О, у тебя +4 к комменту :) А тут минус 14. Ничего не понимаю (С) :)
      • +2
        я думаю разница в стиле изложения мысли )
    • +1
      Ну, если сравнивать с Opera, то можно ещё упомянуть совмещённую кнопку «Назад/Стоп»: если мне память не изменяет, то в Опере испокон веков была совмещённая кнопка «Обновить/Остановить». Но это хорошо, что все перенимают друг у друга идеи, потому что таким образом развитие не стоит на месте.

      Вот к примеру другие браузеры переняли у Оперы Speed Dial, а Opera в новой пре-альфе 10.50 переняла анимацию табов как в Chrome и стала нравиться мне гораздо больше.
      • 0
        Да ну нет, конечно, я написал не для того, чтобы сказать, что кто-то у кого-то что-то украл. Такая же кнопочка и в MS Paint под Windows 7 имеется. Просто красиво выглядит, какой-то такой акцент внезапный.
        Впрочем, я не совсем уверен, нужен ли браузеру акцент — все-таки они должны быть все на сайте, а не в браузере :). Да и к тому же, как только смотрю на скриншоты — сразу думаю что это очень напоминает IE8 :/ Вот уж откуда перенимать опыт всё-таки не стоит :).
        • +2
          Да я понял к чему Вы написали. Это и правда, вероятно, будущий стиль многих приложений (взять хотя бы 2010 офис, где кнопка на ленте уже тоже не круглая, а прямоугольная).

          Просто я решил добавить, так сказать, к слову, что очень рад, что они перенимают друг у друга самое лучшее. Прогресс и все дела! :)
          • +1
            Полностью с вами согласен :) надеюсь перенимать будут только хорошее :)
  • +2
    Что делать тем, у кого нет декораторов окон?
    Я про то, что обрамляет окно, навешивает заголовок и добавляет кнопки открытия, сворачивания и закрытия.
  • –8
    О, стало похоже на Opera 10.5 :) Вообще, кнопочка хорошая, я так понимаю, это в Aero стандартный стиль такой — с большой кнопкой. Но вообще, как-то скриншоты перегруженно смотрятся :(
  • 0
    Хм, я считаю это правильно, у меня уже давно tiny menu стоит и адресная строка справа.
  • 0
    нам бы ехать, а шашечки…
  • 0
    У меня уже давно вот так…

    Пробовал с табоми вверху, но отказался быстро, видимо с непривычки…
    • 0
      • 0
        Угу. Примерно так же настроено.Очень удобно.
        Только у меня меню появляется нажатием alt, как в висте.
  • +4
    Что-то подобное сегодня уже было… А — ну да:


    P.S. До Хрома конечно далеко (у него-то поэкономней), но все равно молодцы — движутся в верном направлении.
    • +7
      В maximized состоянии как в Chrome:


      А когда не на весь экран, там сверху полоска чтобы таскать окно можно было.
      • 0
        У меня, к сож., titlebar остаётся в maximized состоянии. XP.
    • –3
      Они наконец придут к цели, когда отбросят эстетические понты и сделают расстояние между краем экрана и табом в 0 пиксел. :)
      • +1
        У кого там край экрана, а у кого панель интсрументов…
        • –4
          Имеется в виду — обычный пользователь, среднестатистический. А не гикнутый гик :))
  • +5
    Опера слизывает кнопку-меню у 7го офиса… огнелис слизывает у оперы… инновации кругом.
    • 0
      У оперы на my.opera.com новость от 22 декабря, эта новость от 21 декабря.

      З.Ы. Хотя ещё с часовыми поясами не очень понятно ;)
      • +4
        У Оперы уже реализована функция «скрыть меню», которая делает все ровно то же самое, но без яркой кнопки с логотипом.

        • 0
          А какова роль маленького кружочка в правом верхнем углу первой вкладки? Я Оперой не пользуюсь, а мой «оперный» товарищ не смог ответить на этот ворос.
          По сабжу. В настоящее время Timy menu и Tabs on top позволяют добиться примерно такого же эффекта. Но все же такой дизайн в стандартной комплектации без каких-либо расширений — это приятно.
          Видно в мозилле боятся отставать от хрома и оперы и внешне браузеры становятся все более похожими. Вот это слегка расстраивает.
          • +5
            Кружочек означает что страница загружена/обновлена, но её ещё не посмотрели.
          • 0
            В fx 3.6 можно без всяких дополнений убрать панель меню. Правда выход его откладывается на январь 2010.
    • +1
      Думаю, что не правильно говорить «слизывает». Судя по рекомендациям Микрософта о дизайне приложений для Win7 — это теперь будет стандартом на ближайшие несколько лет.
      • 0
        Однако для 4-го огнелиса это будет «главным новшеством»…
    • +1
      Может мы просто не заметили какой-нибудь новый ГУИ гайдлайн от майкрософт?
  • –1
    Красота :))))
  • –3
    Опять этот спор -Опера\Хром\Лиса.
    Мне кажется спорить не о чем, все три браузера не плОхи. У каждого свои плюсы и минусы. Не исключено что когда в хром добавишь 10-15 адонов, он тоже тупить начнет, веди лиса «из коробки» быстро работает, а тупить начинает после расширений.
    А табы вверху мне вообще не кажется удобным.Ведь пользуешься ими очень часто, так зачем их убирать ещё дальше вверх, в хроме чтоб переключить страницу, нужно курсор протащить через избранное, через строку адреса и только потом ты кликаеш на закладку и поехал опять вниз — строка адреса панель избранного. Зачем так?
    • –3
      Лиса тупит даже из коробки, юзаю IE, Opera, Chrome, Firefox. И даже ишак грузится быстрее чем лиса, не говоря уже об остальных.
  • –4
    кажется ff4 будет довольно похожа на chrome.
  • +5
    Гении мыслят одинаково
    • +1
      только кто-то мыслит первым…
      • –1
        Хорошие художники копируют, гении — воруют :)
  • НЛО прилетело и опубликовало эту надпись здесь
    • НЛО прилетело и опубликовало эту надпись здесь
      • 0
        Там они просто сверху, а не в заголовке.
        • НЛО прилетело и опубликовало эту надпись здесь
          • 0
            Посмотрел, попробовал. Сверху, не в заголовке.
  • 0
    А к обычному виду можно будет переключиться?
  • +3
    Браузеры постепенно начинают переходить к единому стандартному интерфейсу? = )
    Опять небось что-то замутили с Евросоюзом? )))

    А если серьёзно, то и правда: у Opera кнопка, у Firefox кнопка. У Chrome вкладки на стекле, теперь и у Opera с Fx вкладки на стекле…

    Любопытно, что это не что иное, как проявление Microsoft-ского Ribbon UI (ленточного интерфейса):


    Осталось дождаться пока Microsoft в IE9 реализует нечто подобное. Правда уже с опозданием o_O
    • +2
      Ну хотя бы с офисом они успели ;)
  • –2
    мне одному непонятна эта страсть к экономии места на экране, вечно максимизированные окна, вынесение кнопок меню в заголовок окна?
    • +3
      да
    • +5
      Это не экономия, это эффективное использование пространства )
    • 0
      У меня ноут-пятнашка. Если включить все полагающиеся линейки — они сожрут четверть высоты экрана.
    • 0
      Экономить место на экране нужно, но я никогда не понимал, какой смысл в расположении кнопок в заголовке окна. Неужели интерфейс будет перегружен, если в том же paint опустить кнопки ниже, в меню?
  • +1
    Не понимаю, зачем это надо. Суть Firefox в том, чтобы по умолчанию он был простым и универсальным, а дальше каждый делал из него то, что ему нужно. Сейчас он универсален, а экономящие место могут объединить меню в одну кнопку с помощью tiny menu. В 4.0 универсальности поубавится.
  • 0
    Залейте картинки на нормальный фотохостинг
    • 0
      перезалил, хотя не считаю imageshack плохим хостингом.
  • 0
    никогда не пользовался этими кнопками. всегда клавишами. и место экономит на ноуте и с дизайном меньше вопросов.
  • НЛО прилетело и опубликовало эту надпись здесь
  • 0
    Молодцы, берут лучшее из Opera. Правда в отличие от Chrome, Firefox что-то с этим долго тянет.
  • 0
    Только хочется опцию «old school/standard/plain/basic design». Некоторые люди не любят изменений в дизайне и не хотят подстраиваться под очередную модную тенденцию или фишку.

    А еще эта опция дико нужна в корпоративном секторе, где не до рюшечек и гламура — людям работать надо. Есть на свете фирмы где используют альтернативные ИЕ браузеры.
    • 0
      Угу, очень хочется, но почему-то кажется, что если даже и будет, то в FF 5.0 уже этот (4.0) дизайн будет «old shool» и привыкать к нему все равно придётся.
  • –7
    «стоп» и «обновить» одной кнопкой — это хуйня, господа
    • 0
      Т.е. вы буквально каждый день останавливаете уже загруженную страницу и обновляете её же во время обновления? Вау…
      • 0
        Я буквально постоянно останавливаю уже загруженную страницу чтобы остановить анимацию(при помощи дополнения Active Stop Button правой кнопкой мыши по кнопке стоп) и обновляю загружаемую страницу: 1) если загрузка её залипла(бывает такое и перезагрузка спасает!); 2) если страница загрузилась, но какой-нибудь javascript в фоне что-то делает или какой-нибудь рекламный блок грузится и всё никак не загрузится, а страницу уже пора/нужно обновить.
      • 0
        попробуйте проделать это на айфоне. на edge. гарантирую что это будет происходить
    • 0
      а мне очень удобно
      аддон Smart Stop/Reload (объединяет кнопки в одну)
  • +1
    Суда по картинкам The App Button — это в точности Tiny Menu. Только теперь этот плагин будет в базовой комплектации, так?
  • –2
    Раздутые панели ещё можно с помощью CSS по вертикали сжать, а главное меню в одну кнопку с помощью дополнения Compact menu 2 (https://addons.mozilla.org/en-US/firefox/addon/4550), которое в отличие от других дополнений(если не ошибаюсь, а если ошибаюсь поправьте) с подобным функционалом, позволяет ещё бросить эту кнопку на любую панель. Ещё можно убрать заголовок окна с помощью Hide Chrome (https://addons.mozilla.org/en-US/firefox/addon/5737).

    pic.ipicture.ru/uploads/091223/NUFRs718Km.jpg
    pic.ipicture.ru/uploads/091210/S0Ic1SIV1t.gif
  • –1
    у меня вот так и всё более, чем устраивает
    img192.imageshack.us/img192/7303/browserb.png
  • 0
    Уж определились бы они с этими кнопками, а то с каждым новым релизом новые кнопки.
  • 0
    вот честно, не понимаю почему все так спорят из-за табов — меня вот намного больше волнует, что будет с менюшками File, Edit, Tools, Bookmarks… неужели от них избавятся и засунут в подменю?
    это же чудовищно неудобно ((

    также, мне больше всего непонятно, почему браузерам нельзя иметь свои целевые аудитории, FF с Оперой для тех кто поумнее, Chrome — для тех кому нравится попроще. в чем смысл слизывать друг у друга? просто лишают нас выбора ((
    • 0
      Скрывать меню — очень умно :)
      Hide Menubar addon помогает, но от альтернативных вариантов не откажусь
  • 0
    как вариант — на втором скриншоте подвинуть табы вправо, и левее Home поставить кнопку с лого Огнелиса — и место побольше останется. А вообще Hide Menubar рулит.
  • 0
    Не хочу никаких кнопок в заголовке окна, там у меня кнопки управлением окна!
  • 0
    А мой ФФ выглядит так вот ^-^

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.