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

В дизайне интерфейса вкладка — это объект графического пользовательского интерфейса несколько документов или панелей , который позволяет содержать в одном окне , используя вкладки в качестве навигационного виджета для переключения между наборами документов. ^[1] Это стиль интерфейса, который чаще всего ассоциируется с веб-браузерами , веб-приложениями , текстовыми редакторами и панелями предпочтений, а также с оконными менеджерами и плиточными оконными менеджерами .

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

Вкладки могут отображаться в виде горизонтальной панели или в виде вертикального списка. Горизонтальные вкладки могут иметь несколько строк. В некоторых случаях порядок вкладок можно изменить или организовать в несколько строк посредством перетаскивания . Реализации могут поддерживать открытие существующей вкладки в отдельном окне или выбор нескольких вкладок по диапазону для их перемещения, закрытия или разделения. ^[2]

История

WordVision DOS. Текстовый процессор ^[3] для IBM PC в 1982 году ^[4] был, пожалуй, первым коммерчески доступным продуктом с интерфейсом с вкладками. ^[4]

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

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

Версия NeWS компании UniPress для текстового редактора Gosling Emacs была еще одним ранним продуктом с несколькими окнами с вкладками, вышедшим в 1988 году. ^[6] Он использовался для разработки авторского инструмента для Бена Шнейдермана HyperTIES гипермедиа- браузера ( версия интерактивной энциклопедической системы NeWS для рабочей станции) в 1988 году в Лаборатории взаимодействия человека и компьютера Университета Мэриленда . ^[7]^[8] HyperTIES также поддерживает круговые меню для управления окнами и просмотра гипермедийных документов с помощью PostScript апплетов .

Хотя Boeing Calc уже использовал таблицы с вкладками (как так называемые блокноты ) по крайней мере с 1987 года, ^[9]^[10] Borland от Quattro Pro популяризировал вкладки для электронных таблиц в 1992 году. Microsoft Word в 1993 году использовал их для упрощения подменю. ^[4] В 1994 году компания BookLink Technologies представила окна с вкладками в своем InternetWorks браузере . В том же году появился текстовый редактор UltraEdit с современным интерфейсом с многострочными вкладками. За подходом к интерфейсу с вкладками последовала оболочка Internet Explorer NetCaptor в 1997 году. За ними последовали несколько других, таких как 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]

См. также

Сравнение интерфейсов документов
Microsoft Internet Explorer помечает семейства вкладок разными цветами
Интерфейс в стиле IDE
Лента (компьютерная)

Ссылки

^ Кхола, Вивек (17 февраля 2023 г.). «Вкладка (интерфейс)» . www.blogger.com .
^ Эллиотт, Мэтт (28 января 2014 г.). «Как управлять несколькими вкладками в Chrome или Firefox» . CNET . Проверено 29 октября 2021 г.
^ Манес, Стивен (3 апреля 1984 г.). «Азартная игра с Word Vision» . Журнал PC Magazine — Независимое руководство по персональным компьютерам IBM . Том. 3, нет. 6. PC Communications Corp., стр. 211–221. ISSN 0745-2500 . Архивировано из оригинала 17 марта 2015 г. Проверено 15 февраля 2015 г.
^ Jump up to: ^а ^б ^с Сеймур, Джим (15 марта 1994 г.). «Все старое снова новое» . Журнал ПК . Том. 13, нет. 5. Издательская компания «Зифф-Дэвис» . стр. 99–100. ISSN 0888-8507 . Проверено 15 февраля 2015 г.
^ Хопкинс, Дон (октябрь 1989 г.). «Форма пространства PSIBER: интерактивные методы устранения ошибок PostScript» . Веб-сайт Дона Хопкинса . Проверено 1 марта 2010 г.
^ Хопкинс, Дон (17 августа 1988 г.). «Электронное письмо Дона Хопкинса Джеймсу Гослингу, Дэвиду С.Х. Розенталю, Оуэну Денсмору, Джерри Фарреллу о выборе текста в NeMACS» . Веб-сайт Дона Хопкинса .
^ Хопкинс, Дон (29 сентября 2005 г.). «Браузер HyperTIES Hypermedia и инструмент разработки Emacs для NeWS» . Веб-сайт Дона Хопкинса . Проверено 1 марта 2010 г.
^ Хопкинс, Дон . «Демо-версия HCIL — разработка HyperTIES» . Ютуб .
^ Маллой, Рич (июнь 1987 г.). «Электронные таблицы — это новое поколение продвинутых программ, предлагающее многомерность и естественный язык» . БАЙТ . Обзор (бонусное издание, лето 1987 г.). стр. 69–75 . Проверено 12 февраля 2020 г. [1] [2] [3]
^ Корвин. «Boeing Calc — первая по-настоящему трехмерная таблица» . Архивировано из оригинала 19 февраля 2006 г.
^ ван Рантвейк, HJ. «Mozdev.org — мультизилла: история» . Мозилла . Архивировано из оригинала 7 декабря 2008 г. Проверено 1 марта 2010 г.
^ Джефф Хуанг, Райен В. Уайт (2010). «Поведение параллельного просмотра в Интернете» (PDF) . Материалы 21-й конференции ACM по гипертексту и гипермедиа (HT '10) .
^ «Преодоление перегрузки вкладок: исследователи разрабатывают инструмент для лучшего управления вкладками браузера» . techxplore.com . Проверено 14 июня 2021 г.
^ Чанг, Джозеф Чи; Хан, Натан; Ким, Ёнсон; Купленд, Джулина; Бренейзен, Брэдли; Ким, Ханна С; Хвонг, Джон; Киттур, Аникет (06 мая 2021 г.). «Когда наступает срок сдачи вкладки: проблемы в структуре затрат на использование вкладок браузера». Материалы конференции CHI 2021 года по человеческому фактору в вычислительных системах . Ассоциация вычислительной техники. стр. 1–15. дои : 10.1145/3411764.3445585 . ISBN 9781450380966 . S2CID 233987809 . Доступно в разделе [4]

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

Виджет TabPanel
Набор инструментов управления ASP.NET AJAX
Скриптовые вкладки AJAX
Демонстрация окна вкладок в разработке диспетчера окон вкладок кругового меню для The NeWS Toolkit 2.0 (1991).

[1] Кхола, Вивек (17 февраля 2023 г.). «Вкладка (интерфейс)» . www.blogger.com .

[2] Эллиотт, Мэтт (28 января 2014 г.). «Как управлять несколькими вкладками в Chrome или Firefox» . CNET . Проверено 29 октября 2021 г.

[manes19840403-3] Манес, Стивен (3 апреля 1984 г.). «Азартная игра с Word Vision» . Журнал PC Magazine — Независимое руководство по персональным компьютерам IBM . Том. 3, нет. 6. PC Communications Corp., стр. 211–221. ISSN 0745-2500 . Архивировано из оригинала 17 марта 2015 г. Проверено 15 февраля 2015 г.

[seymour19940315-4] Jump up to: ^а ^б ^с Сеймур, Джим (15 марта 1994 г.). «Все старое снова новое» . Журнал ПК . Том. 13, нет. 5. Издательская компания «Зифф-Дэвис» . стр. 99–100. ISSN 0888-8507 . Проверено 15 февраля 2015 г.

[DonHopkinsPSIBER-5] Хопкинс, Дон (октябрь 1989 г.). «Форма пространства PSIBER: интерактивные методы устранения ошибок PostScript» . Веб-сайт Дона Хопкинса . Проверено 1 марта 2010 г.

[6] Хопкинс, Дон (17 августа 1988 г.). «Электронное письмо Дона Хопкинса Джеймсу Гослингу, Дэвиду С.Х. Розенталю, Оуэну Денсмору, Джерри Фарреллу о выборе текста в NeMACS» . Веб-сайт Дона Хопкинса .

[7] Хопкинс, Дон (29 сентября 2005 г.). «Браузер HyperTIES Hypermedia и инструмент разработки Emacs для NeWS» . Веб-сайт Дона Хопкинса . Проверено 1 марта 2010 г.

[8] Хопкинс, Дон . «Демо-версия HCIL — разработка HyperTIES» . Ютуб .

[Malloy_1987-9] Маллой, Рич (июнь 1987 г.). «Электронные таблицы — это новое поколение продвинутых программ, предлагающее многомерность и естественный язык» . БАЙТ . Обзор (бонусное издание, лето 1987 г.). стр. 69–75 . Проверено 12 февраля 2020 г. [1] [2] [3]

[Corwyn-10] Корвин. «Boeing Calc — первая по-настоящему трехмерная таблица» . Архивировано из оригинала 19 февраля 2006 г.

[11] ван Рантвейк, HJ. «Mozdev.org — мультизилла: история» . Мозилла . Архивировано из оригинала 7 декабря 2008 г. Проверено 1 марта 2010 г.

[12] Джефф Хуанг, Райен В. Уайт (2010). «Поведение параллельного просмотра в Интернете» (PDF) . Материалы 21-й конференции ACM по гипертексту и гипермедиа (HT '10) .

[13] «Преодоление перегрузки вкладок: исследователи разрабатывают инструмент для лучшего управления вкладками браузера» . techxplore.com . Проверено 14 июня 2021 г.

[14] Чанг, Джозеф Чи; Хан, Натан; Ким, Ёнсон; Купленд, Джулина; Бренейзен, Брэдли; Ким, Ханна С; Хвонг, Джон; Киттур, Аникет (06 мая 2021 г.). «Когда наступает срок сдачи вкладки: проблемы в структуре затрат на использование вкладок браузера». Материалы конференции CHI 2021 года по человеческому фактору в вычислительных системах . Ассоциация вычислительной техники. стр. 1–15. дои : 10.1145/3411764.3445585 . ISBN 9781450380966 . S2CID 233987809 . Доступно в разделе [4]

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

v т и Графические элементы управления
Ввод команды	Регулировочная ручка Кнопка Контекстное меню Раскрывающийся список Кнопка гамбургера Меню Пирожное меню
Ввод-вывод данных	Флажок Выбор цвета Поле со списком Кнопка цикла Выбор даты Представление в виде сетки Тумблер Список Конструктор списков Радиокнопка Полоса прокрутки Поле поиска Слайдер Спиннер Текстовое поле
Информационный	Помощь с воздушным шаром Проекционный дисплей в компьютерах HUD в видеоиграх Икона Информационная панель Этикетка Загрузочный экран Индикатор прогресса Индикатор выполнения Заставка Троббер Боковая панель Строка состояния Тост Подсказка
Контейнеры	Аккордеон Вид в виде дерева Оформление на стороне клиента Виджет раскрытия информации Рамка/Набор полей Строка меню Панель Поповер Лента Вкладка Панель инструментов Окно Оформление окон Рабочая область
Навигационный	Адресная строка Хлебная навигация Гиперссылка Панель навигации Виртуальный рабочий стол
Специальные окна	Диалоговое окно оповещения Диалоговое окно Диалоговое окно файла Окно инспектора Модальное окно Окно палитры
Связанные понятия	Просмотрщик файлов Список элементов графического интерфейса пользователя Менеджер по макетам Смотри и чувствуй Наведение курсора мыши Прокрутка Набор инструментов для виджетов слабак Масштабируемый пользовательский интерфейс