Покинутая всеми вкладка

    Всем привет!
    Это мой первый блин вклад в историю Хабрахабра! Прошу поддержать :)
    Речь пойдёт о навигации и интерфейсах. О самом простом решении облегчить жизнь пользователя любого браузера или интерфейса, использующего вкладки или окна.

    В ввиду увеличения потребляемой информации, используемых сервисов и некоторых постоянно открытых ресурсов, становится всё сложней найти вкладку, с которой буквально только что ушёл. И тем сложнее, чем больше вкладок. Проблема эта сопровождает с самого знакомства с Виндовс и его окнами.
    Суть проблемы в том, что как только ты уходишь с какой-либо вкладки, она тут же становится абсолютно такой же как и все остальные неактивные вкладки (или окна, в случае с Виндовс). А выделяется только одна единственная активная вкладка.
    Самый простой способ показать пользователю где та вкладка, которую он только что покинул — это выделение её среди остальных. При этом такое выделение не должно быть ярче или «активнее» чем активное окно. Ну а ещё лучше, если это выделение будет, к тому же, само исчезать, если оно не оказалось нужным.

    Пример использования подсветки покинутой вкладки в Гугл-хроме:
    img

    Ещё бывают случаи, когда вкладок на столько много, что их подписи-заголовки (а иногда и фав-иконки) вовсе не помещаются на них. Вот в таких случая подсветка покинутой вкладки станет вовсе незаменима.
    img
    Небольшая добавка (upd)
    В Хроме уже даже используется подсветка других вкладок. Создайте несколько вкладок и щёлкните правой на одной из них — если выбрать «закрыть другие», то другие, кроме той, по которой вы щёлкнули начнут мигать. Только актиния вкладка не мигает почему-то. Если даже изначально щёлкать по неактивной.

    Буду очень рад услышать ваше мнение и замечания на этот счёт.
    И ещё раз всем привет!
    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 135

      +2
      Я подумал что в постах хабра появилась реклама )
        +2
        Аналогичное чувство, ну да ладно. По поводу вкладок, пока читал, появилось развитие идеи автора: чем позднее использовалась вкладка, тем ее цвет темнее и ближе к темно-голубому. То есть, у автора топика, только предыдущая вкладка белая, а я сделал бы ее чуть темнее. Предыдущую еще темнее и так далее.
          0
          Таким образом будет сложно отличить вкладку которую закрыл последней и предпоследней, т.к. контраст цвета будет не сильно различим, и чем больше история открытых вкладок тем меньше будут замечаться отличия в цвете вкладок. Оптимально наверно 2-5 вкладок максимум и не темнее, а разными оттенками делать.
          Я сам использую extension для firefox ColorfulTabs — он делает немного не то (раскрашивает одним цветом закладки с одного домена), но тоже облегчает ориентирование в куче вкладок.
            0
            Также extension Tab Mix Plus имеет настройку «открыть предыдущую активную вкладку при закрытии текущей» — тоже помогает не заблудиться в нашествии табов ;)
        +2
        непонятно через какое время убирать это выделение? Если юзер перешёл на новую вкладку и вспомнил про старую только через 2 минуты то Ваш метод не работает.
        ИМХО удобнее будет по запросу пользователя отображать список вкладок в порядке посещения, тем более что запрограммировать это легче чем визуальные эффекты
          +1
          Список вкладок? Его как минимум прийдётся читать и разбираться что то, что не то. Рефлекторно это работать не будет.
          А чтобы сказать сколько именно должна быть подсвечена эта вкладка нужно проводить хотябы небольшое исследование.
          Возможно, вкладка может оставаться подсвеченной и больше двух минут.

          Спасибо за комметарий. Нужно ещё думать :]
            0
            на сколько мне известно по alt+tab браузеры в осномном переходят на «вкладку, которую он только что покинул», зачем мне видеть ее дрцгим цветом, если я даже заголовка не могу разглядеть?
              +2
              сори не alt+tab а ctrl+tab
                0
                Чаще всего Ctrl+Tab — переключение вкладок слева на право. Alt+Tab — и подавно.
                Тем более, если без всяких настроек, плагинов и прочего (чем не пользуются «средние» пользователи).
                  0
                  =) простите, сужу со своего пенька, в опере по ctrl+tab переключает на последнюю активную
                    0
                    в FF 3 тоже, правда, возможно, из-за плагина ТабМикс плюс
                      0
                      Привыкнув к фаерфоксу, ненавижу это хронологическое переключение. Вместо наглядного отображения порядка табов на панели оно заставляет думать что я в каком порядке открывал и как к нему добраться.
                      Хотя да, тут как кому удобнее.
                        0
                        да, это просто дело привычки и не более, я, например, только в опере себя чувствую комфортно :)
                          0
                          привыкнув к винде с ее порядком аль-таба, переключение по какому-то левому порядку тоже може показаться странным :)

                          впрочем я за ctrl+tab в порядке отображения и кнопку back на таб-баре
                            +1
                            Tools — Preferences — Advanced — Tabs — When cycling trought tabs with Ctrl-Tab и там выбираем любимое поведение. Это настройка появилась в последних версиях Оперы
                            • UFO just landed and posted this here
                                0
                                А я уже понял суть своей привычки. У меня табы открываются в групированном порядке. Вместо того, чтобы перескакивать в списке переключения. Поэтому и наиболее удобно.
                            –1
                            > Alt+Tab — и подавно.
                            Да?
                              +1
                              По панеле Alt+Tab'а даже мышкой щёлкнуть нельзя!
                              Разве нет? Договаривайте))
                                –2
                                При чем здесь мышка? Вы говорите что по Alt+Tab окна переключаются «слева на право», видимо имея ввиду «как на панеле задачь». Это ни разу не так.
                                  0
                                  Ах, да! Всё понял, исправляюсь: Alt+Tab переключает нынешнее на предыдущее и назад. Эдакий Ctrl+Z.
                                  Но в остальном Alt+Tab не удобен, особенно, если открыто много окон: нужно раздумывать и читать (если открыто мого папок, например) куда перейти, вместо интуитивных действий. Мышкой щёлкать в панеле нельзя — это смущает многих средних пользователей, которые только-только узнали про Alt+Tab.
                                    +1
                                    В Vista можно и мышью щелкать, не отпуская Alt (иначе окно переключения с экрана скроется).
                                      +1
                                      Если Использовать Alt+Shift+Tab, то окна переключаются в обратном направлении
                                        0
                                        Об этом почти никто не знает. Хотя, это вполне логично.
                            +1
                            Aging tabs для файерфокс уже решило эту проблему. )
                              +1
                              Огромное спасибо! Это дополнение полностью выполняет ту задачу, которая озвучена автором топика.
                                +1
                                Всегда пожалуйста) Давно уже пользуюсь.
                                  +1
                                  Пожалуй приведу ссылку и скриншот. Штука мегаудобная — позволяет играть как яркостью табов, так и цветом табов и текста по мере их «старения».

                          • UFO just landed and posted this here
                            +27
                            Ребята вы реально недооцениваете этот браузер

                              0
                              как вывести это окошко? :]
                              (не могу вспомнить)
                                +6
                                ctrl+tab
                                или
                                правая кнопка мышь+колесо

                                можно настроить на мышиные жесты — действия:
                                Cycle to next page
                                Cycle to previous page
                                  0
                                  вот блин. и правда «век живи век учись».
                                  спасибо от души!
                                    –3
                                    Хех, узнал одну полезную функцию в FireFox'е :)
                                      +1
                                      какую?
                                        +3
                                        Что по ctrl+tab вкладки перебираются в порядке обратном порядку посещения :)
                                          +3
                                          Хотя, возможно, это не стандартное поведение. а ТабМикс шутит…
                                            +1
                                            скорее всего, в FF ctrl-tab и ctrl-shift-tab для хождения по вкладкам туда-сюда
                                              0
                                              у меня табмикс не стоит. так что все-таки стандартное скорее
                                                +1
                                                Самое забавное, что речь шла про другой браузер.
                                                  0
                                                  : ъ
                                                  тут речь получилась про всё и про сразу)
                                                    0
                                                    Ну так унификация интерфейсов великое дело :)
                                                  0
                                                  я, например, не имею привычки переставлять местами вкладки, поэтому они расположены в порядке открытия :)
                                                    +1
                                                    Переставляю я редко, но вот новые открываются справа от текущей, а не в конце списка
                                                      0
                                                      у меня, без табмикса, в конце :)
                                                        0
                                                        Ну это, в принципе, первая основная причина почему я ставил табмикс, вторая — подсветка загрузившихся в фоне вкладок, остальное бонусы :) Знаю что есть отдельные дплагины и для первого, и для второго, но лусше, имхо, один с бонусами, чем два без :)
                                          +6
                                          После небольших махинации, это можно сделать и так:

                                            0
                                            Подскажите каких махинаций? :)
                                              0
                                              «Show thumbinals whe...» на картинке чуть ниже.
                                                +3
                                                opera:config#UserPrefs|UseThumbnailsinWindowCycle
                                                0
                                                Не знал, спасибо!
                                                +3
                                                Дело не только в этом окошке…
                                                Главная фишка — это щелчок по текущей вкладке — это перенесёт вас в предыдущую использованную.
                                                После этого щёлкая по одной вкладке, вы будете переключать две вкладки попеременно, что очень удобно при сравнении страничек, например.
                                                  +1
                                                  Только надо включить «Click on tab to minimize».
                                                  В старых версиях это было по умолчанию, в новых, по-моему, надо включать.
                                                    +3
                                                    да, кстати! для данного случая, пожалуй подходит лучше.

                                                    скриншотик для всех


                                                    а страницы я сравниваю переключаясь клавишами 1,2 на клаве
                                                      0
                                                      наверняка тоже можно сделать жест
                                                  0
                                                  Грибок — позабавило :)
                                                    +1
                                                    2004 год. мне 15 лет)
                                                    –3
                                                    Самый дебильно-неудобный способ перемещения по вкладкам.
                                                      +1
                                                      не может быть! я проверял!
                                                      0
                                                      Да, и + пкогда щелкаешь по активной вкладке, открывается предыдущая.
                                                      0
                                                      Чтобы избежать последнего случая нужно распределять страницы по нескольким окнам браузера. Тем более в Хроме удобная реализация перетаскивания вкладок.
                                                        0
                                                        Таким образом получается два окна вместо одного — можно считать это минусом.
                                                        А так, вы, в общем-то правы. Тоже порой так и делаю: создаю два окна для разных задач.
                                                          +1
                                                          В итоге, переключиться на третье окно, потом на второе и совсем потерять вкладку, которая была в 1м…
                                                        0
                                                        Мигание на панели задач в Windows — индикация нового таба, который был открыт в бэкраунде, так что будет как-то непривычно. Лучше действительно как в Опере — переход на прошлую вкладку по хоткею или жесту
                                                          +2
                                                          ИМХО, самый простой способ решить проблему — настроить Ctrl+TAB на переключение между вкладками в порядке их использования. По крайней мере, в ФФ+ТабМиксПлюс это делается очень просто.
                                                            0
                                                            Спасибо на ссылку на ТабМиксПлюс. Опробую :]
                                                              0
                                                              В виндовсе такое поведение по Альт+Таб по умолчанию. Так что ваш пример с окнами не катит.
                                                            –3
                                                            Перенесите пост в пользовательские интерфейсы ;)
                                                              +2
                                                              Хоть бы на карму человеку посмотрели сперва, что ли…
                                                                +1
                                                                я бы с радостью!
                                                                как только будет карма ≥5 — перенесу :]
                                                                –10
                                                                Гребанная анимация, заминусуйте топик стартера
                                                                  0
                                                                  Согласен, что анимация грёбанная.
                                                                  Простите. Можете рассказать как нужно было сделать анимацию?
                                                                  Чтобы она весила мало и выполняла своё главное предназначние.
                                                                    +2
                                                                    Можно было просто залить простую картинку, а ее сделать ссылкой на анимационную картинку (preview).
                                                                    Читать же так приятнее, а не когда под текстом что то скачет на картинках…
                                                                      0
                                                                      Вы правы, мильтяшит изрядно :]
                                                                      Но не на столько здесь длинное повествование, чтобы прилеплять к нему ещё и ссылки на грёбанную анимацию.

                                                                      Я подумаю :]
                                                                        0
                                                                        Читать очень трудно, подумайте…
                                                                          +1
                                                                          Устроит рефреш?)
                                                                            +1
                                                                            Да, теперь совсем другое дело =)
                                                                      +1
                                                                      Под кат ее спрячьте.
                                                                        0
                                                                        Сиськи добавьте
                                                                      0
                                                                      ctrl+q и галка в настройках которая позволяет скакать обратно очереди переключения + не лениться открывать новое окно
                                                                        –1
                                                                        в огнелисе №3 нажать правой кнопкой и крутить колесо. Появятся вкладки в порядке просмотра.
                                                                          0
                                                                          черт, наврал, в порядке открытия (повторяя горизонтальный порядок) :(
                                                                            0
                                                                            Появится история для данной вкладки.
                                                                              0
                                                                              возможно это настраиваемо или плагин какой, у меня именно список вкладок.
                                                                                0
                                                                                Если нажать на пкм, и начать крутить колесико на себя(назад) — появляется список текущих вкладок, если начать крутить от себя(вперед) — история текущей вкладки.
                                                                          +1
                                                                          Идея хорошая, как-то выделять только что (но только без ограничения по времени, имхо) покинутую вкладку, но вот подсветкой… подсветкой обычно (в том числе стандартное поведение таскбара) выделяют открытые в «фоне», то есть еще не просмотренные, окна/вкладки. Нужно что-то другое придумать
                                                                            +1
                                                                            Ещё можно звуком и температурой выделять :D Выбирайте))) Допустим, делать только что покинутую вкладку немного теплее остальных. Потом её будет очень легко найти на ощупь.

                                                                            Спасибо за признание идеи. Реализаторов бы найти.

                                                                          • UFO just landed and posted this here
                                                                              0
                                                                              Да. Это уже настройки идеи.
                                                                              Спасибо за отклик :]
                                                                                +1
                                                                                В FF есть такое расширение)

                                                                                Aging Tabs
                                                                                • UFO just landed and posted this here
                                                                                0
                                                                                Меня сегодня в Google Chrome во время поиска слова на странице приятно удивили желтенькие засечки на полосе прокрутки — в местах, где оно нашлось. Как бы сделать такое в любимом Fx?
                                                                                  0
                                                                                  Видел подобное у Горбунова. У него тоже интересное решение.
                                                                                  0
                                                                                  Слышал про какой-то плагин для FF, в котором подглядели идею и разрабы IE8 — подЦветка табов.

                                                                                  PS. Редко табов набирается больше 10 — помимо правила «закрой, если не нужно» — нажать Ctrl+Z дешевле, чем париться из-за большого числа вкладок, ещё и одно окно на одну задачу + система виртуальных рабочих столов для разделения задач… В общем, если вы столкнулись с этой проблемой, то, имхо, пора подумать над структуризацией рабочего пространства.
                                                                                    0
                                                                                    Я педант, структура в норме. И пишу тут не о своей личной проблеме :]
                                                                                      0
                                                                                      28 вкладок в настоящий момент, ненужными (то есть в течении суток не понадобятся вероятно) могу назвать штук 5 максимум, и то, если их закрывать, то мне нужно запомнить текущее положение в них.

                                                                                      Одно окно браузера под задачу — тоже не удобный вариант для меня, слишком много задач на таскбаре появляется, сложно ориентироваться даже штуках в 7-8 (три браузера, редактор, иде, консоль, файлменеджер например), а вот в 30 вкладках почему-то просто :)

                                                                                      а виртуальные рабочие столы — не понял их преимуществ (а может в гноме дефолтный настройки неудачные для меня), как раз тут для меня действует правило «закрой, если не нужно», а то пока найдешь нужное — быстрее запустить приложение по новой

                                                                                        +1
                                                                                        Я вообще AltDesk под винду юзаю. Правда это действительно скорее «виртуальная панель задач», чем виртуальные рабочие столы. Там есть несколько «секций» (количество и вид настравиваемы), в которые помещаются «окна» в виде иконок. Естественно, можно перетаскивать окна между столами и быстро открывать необходимое окно просто кликом на соответствующую иконку. Виртуальные рабочие столы, согласен, не очень удобны для лёгкой структуризации.

                                                                                        Вообще, и у меня где-то при 7-8 окнах в панели задач начинает крыша ехать. Как показывает практика, как минимум половину можно или закрыть, или вынести на другой рабочий стол без проблем для текущей задачи.

                                                                                        Что касается вкладок, то для работы это по сути 3 — phpmyadmin, frontend и test'ы. Ещё одно окно — документация. IDE, файловый эксплорер и лёгкий текстовый редактор для HTML/CSS/JS — ещё 3 окна. На другом столе «аська» и браузер для сёрфинга в минуты отдыха.

                                                                                        Вроде бы и всё нужно, но при оптимальном построении некоего дерева инструментов получается хорошая абстрагированность. А 30 вкладок это уже слишком, имхо. Разве что в документации…
                                                                                          0
                                                                                          Попробуйте AWN вместо панели задач
                                                                                            0
                                                                                            Не пошел что-то, segfault :(
                                                                                        –1
                                                                                        Самый простой способ — не открывать по 100 вкладок, всё равно смысла в этом никакого нет ;)
                                                                                          +3
                                                                                          Есть способ ещё проще — не пользоваться компьютерами. Никогда.
                                                                                          )))
                                                                                            0
                                                                                            Всё зависит от личной организованности и необходимости.
                                                                                            Многих и взаправду к компьютерам лучше не подпускать, не то что в сеть.
                                                                                            0
                                                                                            угу, мне вот 30 вполне хватает :)
                                                                                            0
                                                                                            https://addons.mozilla.org/en-US/firefox/addon/1122

                                                                                            tab mix plus ff
                                                                                            0
                                                                                            К счастью, выяснилось, что мы не первые с этой идеей.
                                                                                            Если у кого-нибудь ещё есть ссылки на подобные дополнения, пожалуйста, складывайте их в комментариях к этой записи.
                                                                                              +1
                                                                                              Идея интересная.
                                                                                              Но, по-моему, лучше заново пересмотреть проблему. Скорее всего, мы не можем понять где мы только что были лишь по той причине, что банально не можем прочесть заголовки вкладок. Думаю, стоит сокращать заголовок окна максимум до одного слова (+favicon), иначе сама идея таба начинает терять смысл.
                                                                                              Здесь, конечно же, появляется ещё несколько вопросов.
                                                                                              Например,
                                                                                              Что делать, если хочется открыть очень много вкладок?
                                                                                              Как закрывать вкладки?
                                                                                              Браузеры предлагают использовать -->, что вполне удобно, но не идеально.
                                                                                              Так что ещё есть где мыслью развернуться. :)
                                                                                                0
                                                                                                Спасибо. Это мысли всё о том же. Это что-то вроде дополнительных настроек. Вполне может быть.
                                                                                                Но нужны исследования, чтобы говорить более детально.
                                                                                                  0
                                                                                                  У меня и вкладки в фф, и панель задач расположены вертикально. Заголовки всегда читаются, визуально нет путаницы.

                                                                                                  причем, вкладки в фф образуют дерево — очень удобно, не запутаешься и можно сворачивать не очень нужные ветки. Дерево вкладок рисует плагин treestyle tab — https://addons.mozilla.org/en-US/firefox/addon/5890
                                                                                                    0
                                                                                                    Тоже использую этот плагин. В опере этот функционал нативный, после настройки доступный по F4. Опять же в опере если нужно перейти на прошлую открытую вкладку можно воспользоваться «мышиным жестом»: удерживая правую кнопку мыши, «мотнуть» колесиком вниз (использую этот трюк на опере 9.25).
                                                                                                  0
                                                                                                  Как-нибудь можно предложить эти идеи Гуглу для внедрения в Хром?
                                                                                                  Или в любые другие браузеры?

                                                                                                  Майкрософт как-то страшен :]
                                                                                                    0
                                                                                                    В случае файерфокса можно написать свой плагин, или обратиться к разработчикам того же табмикса.
                                                                                                    0
                                                                                                    В IE8 можно открыть новую пустую вкладку и посмотреть последние посещенные ресурсы.
                                                                                                      –1
                                                                                                      IE рулит)))
                                                                                                      0
                                                                                                      Подскажите как сделать панель закладок без надписей (только фавиконки) как на скрине.
                                                                                                      В фф мне помогает smart bookmarks, а как это сделать в хроме?
                                                                                                        0
                                                                                                        Просто сохраните страничку на «Панель закладок» и Измените (удалите) её имя.
                                                                                                          +1
                                                                                                          Спасибо. =)
                                                                                                            0
                                                                                                            В ФаерФоксе, между прочим, тоже можно точно так же.
                                                                                                            При том в нём, по-моему, ещё и оригинальное имя сохраняется, если залезть в Закладки/Панель закладок.
                                                                                                            На здоровье)
                                                                                                        0
                                                                                                        Круто, но колёсиком действительно удобне. В FF кстати такой плагин существовал еще до появления (насколько я помню) Google Chrome: https://addons.mozilla.org/en-US/firefox/addon/3542
                                                                                                          0
                                                                                                          Ну неплохое решение в опере, с использованием фавиконов.
                                                                                                          Если же развивать вашу идею, то можно создать подсветку использованных вкладок, например красным, причем чем раньше использовалась вкладка тем менее интенсивный красный.
                                                                                                            0
                                                                                                            В Опере это решается проще. Прижимаем правую клавишу и крутим колесо. Предыдущая вкладка будет второй в списке. И так далее в обратном порядке.
                                                                                                            • UFO just landed and posted this here
                                                                                                                +2
                                                                                                                Image and video hosting by TinyPic
                                                                                                                  +3
                                                                                                                  А вот что пишут разработчики Google Chrome:
                                                                                                                  На данный момент мы не распологаем системой для обработки большого количества открытых вкладок. Число вкладок может расти, бесконечно уменьшаясь по ширине. Это в конечном итоге выглядит плохо, когда табов очень много. Мы решили не использовать существующие способы управления вкладками — выпадающее меню или полосу прокрутки, потому что думаем, что эти методы имеют свои неудобства. В частности, при варианте скроллинга, выбирается минимальная читаемая ширина вкладки и, при переполнение табами, эта ширина может быть ненужно большой для некоторых вкладок. Подход с выпадающим меню не нравится, поскольку он имеет пространственное неудобство (вертикальное сканирование меню против горизонтальных вкладок), что делает его не самым быстрым вариантом. В конце-концов мы хотели бы реализовать систему, при которой доступ к любой вкладке достигался одним кликом.

                                                                                                                    0
                                                                                                                    Спасибо. Ваш перевод?
                                                                                                                      0
                                                                                                                      Да. Заинтересовала тема, поискал и наткнулся на свежий пост от разработчиков. Мне нравится их подход к этой теме.
                                                                                                                      0
                                                                                                                      В несколько рядов их располагать, как я в FF :)
                                                                                                                      0
                                                                                                                      Забыл упомянуть: в Хроме уже даже используется подсветка других вкладок. Создайте несколько вкладок и щёлкните правой на одной из них — если выбрать «закрыть другие», то другие, кроме той, по которой вы щёлкнули начнут мигать. Только актиния вкладка не мигает почему-то. Если даже изначально щёлкать по неактивной.

                                                                                                                      Так же в этом меню есть и другие варианты закрытия с подсветкой соответствующих вкладок. Играйтесь :]

                                                                                                                        +1
                                                                                                                          +1
                                                                                                                          Все таки вот где сила плагинов… не нравится поведение — написал плагин как тебе нужно =)
                                                                                                                          Хрому нужно побыстрее систему плагинов вводить.
                                                                                                                            –1
                                                                                                                            картинки не отображаются, пишет daily bandwith limit exceed :)
                                                                                                                            неудачный вы хостинг выбрали для картинок)
                                                                                                                              0
                                                                                                                              Спасибо за замечание. Хостинг на clip2net.com

                                                                                                                              Кто-нибудь ещё сталкнулся с подобной проблемой?
                                                                                                                              0
                                                                                                                              эх. мне бы выши проблемы…

                                                                                                                              только sidebar со списком окон и поиском по нему спасает

                                                                                                                              Only users with full accounts can post comments. Log in, please.