В дизайне интерфейса вкладка — это объект графического пользовательского интерфейса , который позволяет содержать несколько документов или панелей в одном окне , используя вкладки в качестве навигационного виджета для переключения между наборами документов. [1] Это стиль интерфейса, который чаще всего ассоциируется с веб-браузерами , веб-приложениями , текстовыми редакторами и панелями настроек, а также с оконными менеджерами и тайловыми оконными менеджерами .
Вкладки созданы по образцу традиционных карточных вкладок, вставленных в бумажные папки или картотеки (в соответствии с метафорой рабочего стола ). Обычно они графически отображаются на веб-страницах или в приложениях так, как выглядят на бумаге.
Вкладки могут отображаться в виде горизонтальной панели или в виде вертикального списка. Горизонтальные вкладки могут иметь несколько строк. В некоторых случаях порядок вкладок можно изменить или организовать в несколько строк посредством перетаскивания . Реализации могут поддерживать открытие существующей вкладки в отдельном окне или выбор нескольких вкладок по диапазону для их перемещения, закрытия или разделения. [2]
Текстовый процессор WordVision DOS [3] для IBM PC в 1982 году [4] был, пожалуй, первым коммерчески доступным продуктом с интерфейсом с вкладками. [4]
Дон Хопкинс разработал и выпустил несколько версий оконных рамок с вкладками для оконной системы NeWS в качестве бесплатного программного обеспечения, которое оконный менеджер применял ко всем приложениям NeWS и позволял пользователям перетаскивать вкладки к любому краю окна. [5]
Версия NeWS текстового редактора Gosling Emacs компании UniPress была еще одним ранним продуктом с несколькими окнами с вкладками в 1988 году. [6] Она использовалась для разработки инструмента разработки для гипермедиа- браузера Бена Шнейдермана HyperTIES (версия The Interactive Encyclepedia System для рабочей станции NeWS). в 1988 году в Лаборатории взаимодействия человека и компьютера Университета Мэриленда . [7] [8] HyperTIES также поддерживает круговые меню для управления окнами и просмотра гипермедийных документов с помощью апплетов PostScript .
В то время как Boeing Calc уже использовал таблицы с вкладками (как так называемые блокноты ) по крайней мере с 1987 года, [9] [10] Quattro Pro от Borland популяризировал вкладки для электронных таблиц в 1992 году. Microsoft Word в 1993 году использовал их для упрощения подменю. [4] В 1994 году компания BookLink Technologies представила окна с вкладками в своем браузере InternetWorks. В том же году появился текстовый редактор UltraEdit с современным интерфейсом с многострочными вкладками. Затем в 1997 году за интерфейсом с вкладками последовала оболочка Internet Explorer NetCaptor. За ними последовали несколько других, таких как IBrowse в 1999 году и Opera в 2000 году (с выпуском версии 4 - хотя до этого поддерживался интерфейс MDI), MultiViews. Октябрь 2000 г., который 1 апреля 2001 г. сменил название на MultiZilla ( расширение пакета приложений Mozilla [11] ), 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% пользователей использовали новые вкладки, чтобы открыть результаты поисковой системы хотя бы один раз за этот период. [12]
С тех пор появилось множество дополнительных возможностей вкладок браузера. Одним из примеров является визуальный просмотр вкладок в OmniWeb версии 5, который отображает изображения предварительного просмотра страниц в ящике слева или справа от главного окна браузера. Еще одной функцией является возможность изменять порядок вкладок и добавлять в закладки все веб-страницы, открытые на панелях вкладок в данном окне, в группе или папке закладок (а также возможность повторно открывать их все одновременно). Microsoft Internet Explorer помечает семейства вкладок разными цветами.
Поведение вкладок в приложении определяется базовым набором инструментов виджетов (например, Firefox использует GTK ). Из-за отсутствия стандартизации поведение каждого приложения может различаться, что может привести к проблемам с удобством использования.
В 2021 году исследователи опубликовали первое за более чем десятилетие углубленное исследование интерфейсов вкладок веб-браузера. Они обнаружили, что многие люди борются с перегрузкой вкладок, и провели опросы и интервью об использовании вкладок людьми. Тем самым они формализовали давление на закрытие вкладок и на сохранение вкладок открытыми. Затем авторы разработали соответствующие соображения по дизайну пользовательского интерфейса , которые могли бы позволить улучшить инструменты и внести изменения в код веб-браузеров, таких как Firefox , которые позволят работникам сферы знаний и другим пользователям лучше управлять вкладками браузера и использовать их. [13] [14]