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

редактировать

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

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

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

Содержание

  • 1 История
  • 2 Соответствие рекомендациям Microsoft по пользовательскому интерфейсу
    • 2.1 Сравнение с SDI
      • 2.1.1 Преимущества
      • 2.1.2 Недостатки
    • 2.2 Сравнение с MDI
      • 2.2.1 Преимущества
      • 2.2.2 Недостатки
    • 2.3 Оконные менеджеры, которые предоставляют интерфейс документа с вкладками
  • 3 Патентный спор
  • 4 См. Также
  • 5 Ссылки
  • 6 Внешние ссылки

История

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

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

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

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

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

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

Название TDI подразумевает сходство со стандартами Microsoft Windows для многодокументных интерфейсов (MDI) и однодокументные интерфейсы (SDI), но TDI не является частью Руководства по пользовательскому интерфейсу Microsoft Windows.

Пример Mozilla Firefox с двумя открытыми вкладками. На каждой вкладке отображается отдельная веб-страница, что позволяет содержать несколько страниц в одном окне браузера.

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

Сравнение с SDI

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

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

Недостатки

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

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

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

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

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

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

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

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

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

    Интерфейсы окон с вкладками могут дать пользователю свободу позиционирования вкладок вдоль любого края, поэтому все четыре края доступны для организации различных групп вкладок по усмотрению пользователя или приложения. В визуальной среде программирования PostScript PSIBER для 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.

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

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

    • i3 - Tiling Window Manager доступен для большинства Unix-подобные системы
    • Wmii - тайловый оконный менеджер, который i3 основан на
    • PWM
    • Fluxbox
    • KWin - оконный менеджер KDE SC по умолчанию, начиная с KDE 4.4
    • Диспетчер окон вкладки кругового меню для NeWS Toolkit 2.0 (1991)

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

    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 году.

    См. Также

    Ссылки

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

    Викискладе есть медиафайлы, относящиеся к вкладкам (GUI).
    Последняя правка сделана 2021-06-09 06:51:40
    Содержание доступно по лицензии CC BY-SA 3.0 (если не указано иное).
    Обратная связь: support@alphapedia.ru
    Соглашение
    О проекте