Вкладка (интерфейс) - Tab (interface)

Пример интерфейса с вкладками с двумя наборами вкладок: Горизонтальные вкладки вверху позволяют переходить на разные страницы на веб-сайте Wiktionary . Вертикальные вкладки слева представляют языки, в которых встречается данное написание, а выбранная вкладка показывает слово jam («уже») на эсперанто .

В дизайне интерфейса интерфейс документа с вкладками ( TDI ) или вкладка - это графический элемент управления, который позволяет содержать несколько документов или панелей в одном окне , используя вкладки в качестве навигационного виджета для переключения между наборами документов. Это стиль интерфейса, который чаще всего ассоциируется с веб-браузерами , веб-приложениями , текстовыми редакторами и панелями предпочтений, причем оконные менеджеры , особенно тайловые оконные менеджеры , являются менее известными примерами.

Вкладки графического интерфейса пользователя смоделированы после традиционных вкладок карточек, вставленных в бумажные файлы или картотеки (в соответствии с метафорой рабочего стола ).

История

Текстовый процессор WordVision DOS для IBM PC в 1982 году был, пожалуй, первым коммерчески доступным продуктом с интерфейсом с вкладками. Позже журнал PC Magazine писал, что он «служил бесплатным отделом исследований и разработок для бизнеса программного обеспечения - его костяк в течение десяти лет перебирали программисты, ищущие так называемые новые идеи».

Браузер HyperTIES и инструмент разработки Gosling Emacs с круговыми меню в оконной системе NeWS

Дон Хопкинс разработал и выпустил несколько версий оконных рамок с вкладками для оконной системы NeWS в качестве бесплатного программного обеспечения, которое оконный менеджер применял ко всем приложениям NeWS и позволял пользователям перетаскивать вкладки к любому краю окна.

NeWS версия UNIPRESS в Gosling Emacs текстовый редактор был другой ранний продукт с несколькими окнами вкладками в 1988 году была использована для разработки средства разработки для Бен Шнейдерман «s гипермедиа браузер HyperTIES (рабочая станция версии Известие о Interactive Encyclopedia System), в 1988 году в Лаборатории взаимодействия человека и компьютера Мэрилендского университета . HyperTIES также поддерживает круговые меню для управления окнами и просмотра гипермедийных документов с помощью апплетов PostScript .

В то время как Boeing Calc уже используются вкладки листов (как так называемых wordpads ), по крайней мере , 1987, Borland «s Quattro Pro популяризировали вкладки для электронных таблиц в 1992 году Microsoft Word в 1993 году использовал их для упрощения подменит. В 1994 годе BookLink Technologies признаки окно с вкладками в свой браузер InternetWorks . В том же году появился текстовый редактор UltraEdit с современным многострочным интерфейсом с вкладками. Затем в 1997 году последовал подход с интерфейсом с вкладками - оболочка Internet Explorer NetCaptor . За ними последовал ряд других, таких как IBrowse в 1999 году и Opera в 2000 году (с выпуском версии 4 - хотя интерфейс MDI поддерживался до этого). , MultiViews October 2000, который изменил свое название на MultiZilla 1 апреля 2001 года ( расширение для Mozilla Application Suite ), Galeon в начале 2001 года, Mozilla 0.9.5 в октябре 2001 года, Phoenix 0.1 (теперь Mozilla Firefox ) в октябре 2002 года, Konqueror 3.1 в январе 2003 года и Safari в 2003 году. С выпуском Internet Explorer 7 в 2006 году все основные веб-браузеры имели интерфейс с вкладками.

Пользователи быстро освоили использование вкладок при просмотре веб-страниц и поиске в Интернете. Исследование поведения просмотра с вкладками в июне 2009 года показало, что пользователи переключали вкладки в 57% сеансов вкладок, а 36% пользователей использовали новые вкладки для открытия результатов поисковой системы хотя бы один раз в течение этого периода.

С тех пор появилось множество специальных функций, связанных с вкладками браузера. Одним из примеров является визуальный просмотр с вкладками в OmniWeb версии 5, при котором изображения для предварительного просмотра страниц отображаются в ящике слева или справа от главного окна браузера. Другая функция - это возможность переупорядочивать вкладки и добавлять в закладки все веб-страницы, открытые на панелях вкладок в данном окне в группе или папке закладок (а также возможность повторно открывать их все одновременно). Ссылки чаще всего можно открывать в нескольких режимах, используя разные параметры и команды пользовательского интерфейса:

  • в новом главном окне
  • в том же главном окне и панели вкладок
  • в том же главном окне и новая панель вкладок, которая мгновенно активируется
  • в том же главном окне и новой панели вкладок, которая остается в фоновом режиме, пока пользователь не переключится на нее.

Существуют незначительные проблемы с удобством использования, например, открывается ли новая вкладка в конце списка вкладок или рядом с его «родительским». Например, Internet Explorer помечает семейства вкладок разными цветами.

Разработка

В 2021 году исследователи опубликовали первое за более чем десятилетие углубленное исследование интерфейсов вкладок веб-браузера . Они обнаружили, что многие люди борются с перегрузкой вкладок, и провели опросы и интервью об использовании вкладок людьми. Тем самым они формализовали давление для закрытия вкладок и для сохранения вкладок открытыми. Затем авторы разработали соответствующие соображения по дизайну пользовательского интерфейса, которые позволят улучшить инструменты и внести изменения в код веб-браузеров, таких как Firefox, которые позволят специалистам по умственному развитию и другим пользователям лучше управлять вкладками своих браузеров и использовать их.

Пример Mozilla Firefox с двумя открытыми вкладками. Каждая вкладка, здесь упорядоченная в горизонтальном ряду, показывает другую веб-страницу, что позволяет содержать несколько страниц в одном окне браузера.
Список вкладок в браузере Kiwi, мобильном браузере, созданном на основе Google Chromium . Отображаются заголовок и URL-адрес, которые можно развернуть, наведя указатель мыши .

Соответствие рекомендациям Microsoft по пользовательскому интерфейсу

Название TDI подразумевает сходство со стандартами Microsoft Windows для многодокументных интерфейсов (MDI) и однодокументных интерфейсов (SDI), но TDI не является частью Руководства по пользовательскому интерфейсу Microsoft Windows. Есть некоторые споры о том, как TDI вписывается в Руководство пользователя Microsoft Windows. Во многих отношениях модель управления окнами Workbook больше всего напоминает TDI. Однако это относительно недавнее дополнение к Руководству по пользовательскому интерфейсу Windows, и большинство разработчиков по-прежнему предпочитают рассматривать SDI или MDI в качестве основных моделей документов для MS Windows.

Сравнение с SDI

Преимущества

Поскольку интерфейс документа с вкладками логически содержит много разных документов под одним окном, он сохраняет основной интерфейс операционной системы свободным от беспорядка, который может быть создан большим количеством маленьких дочерних окон. Еще одно преимущество состоит в том, что наборы связанных документов можно сгруппировать в каждом из нескольких окон. Веб-браузеры с вкладками часто позволяют пользователям сохранить сеанс просмотра и вернуться к нему позже.

Недостатки

Текстовый редактор Geany с вертикально ориентированными вкладками, показывающий большое количество документов, которые можно разместить

Хотя интерфейс документа с вкладками допускает несколько представлений в одном окне, с этим интерфейсом есть проблемы. Одна из таких проблем связана с одновременным использованием множества вкладок. Когда окно имеет определенное количество вкладок, превышающее доступную область отображения, вкладки загромождаются (это та же проблема, что и с SDI, но перемещена в другое место в пользовательском интерфейсе).

Многострочные вкладки - это вторая проблема, которая появляется в диалоговых окнах меню в некоторых программах. Некоторые предпочитают, чтобы было открыто много вкладок, а некоторые программы помогают сделать их компактными, но узнаваемыми, в то время как обычно работа с несколькими рядами вкладок в одном окне имеет два недостатка:

  • Это создает лишний беспорядок в окне, если он не ограничен примерно 3 строками, которые можно прокручивать колесом мыши.
  • Это усложняет то, что должно быть легко читаемым диалогом, и в то же время упрощает одновременный просмотр заголовков многих вкладок.

Некоторым людям может быть сложно найти определенную вкладку в трех- или четырехуровневом табличном интерфейсе. Частично проблема с этой проблемой заключается в отсутствии какой-либо схемы сортировки. Без таких вкладок можно разбросать их без какого-либо порядка, поэтому поиск вкладки не дает значимого понимания положения вкладки относительно других вкладок. Кроме того, беспорядок, создаваемый несколькими вкладками, может создать необычно маленький диалог, в котором вкладки над ним доминируют в окне.

Таким образом, хотя окна с вкладками подходят для сред, где существует минимальная необходимость в вкладках (около десяти вкладок или меньше), эта схема не масштабируется , и для решения этой проблемы могут потребоваться альтернативные методы.

Среди методов решения проблем масштабируемости много вкладок:

  • группировать вкладки, перетаскивая / перемещая их и / или фиксируя их положение, а затем уменьшая ширину отдельных вкладок, чтобы в доступной области поместилось больше вкладок, включая несколько строк вкладок, и
  • изменить цвет выбранных вкладок или в соответствии с источником, а также использовать значки для идентификации и всплывающие подсказки при наведении курсора мыши
  • ввести прокрутку, чтобы вкладки занимали невидимую область экрана
  • вводить разделы любым из различных способов, чтобы разложить вкладки по нескольким областям
  • ввести масштабирование вкладки в реальном времени в зависимости от положения курсора мыши
  • закрывать вкладки в пользу другого элемента интерфейса , такие как ListBox или в раскрывающемся списке

Большое количество окон с вкладками лучше масштабируется, если вкладки расположены вдоль левого или правого края окна, а не по верхнему или нижнему краю. Это связано с тем, что метки вкладок обычно намного шире, чем высота, и потому, что теперь широко используются дисплеи, которые значительно шире, чем необходимо для отображения документов и веб-страниц. NeWS версия UNIPRESS Emacs текстового редактора размещены вкладки вдоль правого края окна, и положила окно в вертикальном столбце, так что каждая вкладка изначально была видна, и пользователь может использовать их , чтобы поднимать и опускать окна, перетащите их в столбец или вытащите их в любое место на экране.

Среда программирования PSIBER visual PostScript для NeWS с окнами с вкладками вокруг объектов в стеке и вне его.

Интерфейсы окон с вкладками могут дать пользователю свободу располагать вкладки вдоль любого края, поэтому все четыре края доступны для организации различных групп вкладок по усмотрению пользователя или приложения. Среда программирования PSIBER visual PostScript для NeWS имела представления с вкладками, которые пользователь мог прикрепить к стеку (представленный как «шип»), и пользователь мог перемещать вкладки к любому краю. Круговое меню NeWS и оконный менеджер вкладок позволяли пользователям размещать вкладки в любом месте вдоль любого края, а вкладки открывали круговые меню с функциями управления окнами, чтобы открывать и скрывать окна и т. Д.

Сравнение с MDI

Преимущества

Для людей, привыкших к SDI, MDI может сбивать с толку, поскольку окна могут быть скрыты за другими окнами. В некоторых приложениях MDI отсутствует панель задач или меню для быстрого доступа ко всем окнам, поэтому для этих приложений в некоторых случаях окно можно найти, только закрыв или переместив все остальные. На практике, однако, большинство сред MDI предоставляют гораздо более широкие возможности переключения окон, чем среды, ориентированные на SDI. С другой стороны, поскольку в приложениях TDI большинство вкладок видимы и доступны напрямую, окнам гораздо труднее «потеряться». Некоторые приложения MDI, такие как Opera и Eudora, также имеют это преимущество, поскольку имеют вкладки для доступа к окнам.

Недостатки

Окна TDI должны всегда разворачиваться внутри своего родительского окна, в результате чего две вкладки не могут быть видны одновременно. Это затрудняет сравнение документов или простое копирование и вставку между двумя документами. Полные интерфейсы MDI допускают мозаичное или каскадное размещение дочерних окон и не страдают от этих ограничений.

Одним из примеров приложения, которое позволяет просматривать TDI или MDI, является Opera . Используя TDI по умолчанию, это приложение также поддерживает полный MDI и может также работать как приложение SDI.

Для того , чтобы смягчить эти проблемы, некоторые интегрированные среды разработки, такие как последние версии XEmacs и Microsoft «ы Visual Studio , обеспечивают гибридный интерфейс , который позволяет разбивать родительское окно на множество MDI-подобный„панелям“ , каждый со своим отдельным TDI набор вкладок. Тайловые оконные менеджеры, такие как Ion, делают то же самое для всего рабочего стола . Это обеспечивает многие преимущества как MDI, так и TDI, хотя пользователям все еще может быть трудно привыкнуть. Konqueror браузер по KDE (доступно на Unix и Unix-подобных системах , таких как Linux и Windows) поддерживает несколько документов в одной вкладке, разделив документов. На вкладке Konqueror документы можно разделить по горизонтали или вертикали, и каждый разделенный документ можно разделить повторно.

Другая стратегия решения проблемы ограничения, заключающегося в том, что обычно может быть виден только один документ с вкладками, заключается в том, чтобы разрешить перетаскивание вкладки за пределы родительского окна и преобразование в отдельное окно (которое само может иметь несколько вкладок). Это поддерживается, например, в веб-браузерах Google Chrome , Mozilla Firefox 3.5 и Internet Explorer 9 .

Оконные менеджеры, которые предоставляют интерфейс документа с вкладками

Следующие оконные менеджеры предоставляют интерфейс документа с вкладками:

Патентный спор

Adobe Systems владеет патентами в США и Европе на определенные виды использования вкладок графического интерфейса пользователя, которые широко считаются банальными патентами . Существовал предшествующий уровень техники как в графическом интерфейсе пользователя , так и в текстовом пользовательском интерфейсе (TUI).

Adobe использовала эти патенты, чтобы подать в суд на Macromedia Inc. за использование вкладок в своем продукте Macromedia Flash . Adobe выиграла дело и выплатила 2,8 миллиона долларов компенсации. Однако Macromedia инициировала встречный иск, который закончился судебным разбирательством против Adobe на сумму 4,9 миллиона долларов. Условия урегулирования исков не разглашаются. В 2005 году Adobe прекратила дальнейший спор между двумя компаниями, купив Macromedia примерно за 3,4 миллиарда долларов.

18 апреля 2007 года агентство интеллектуальной собственности IP Innovation LLC и его материнская компания Technology Licensing Corporation подали иск против Apple Inc. в связи с нарушением ею патента США, первоначально поданного исследователями Xerox в 1987 году.

Смотрите также

использованная литература

внешние ссылки