Karta (interfejs) - Tab (interface)

Przykład interfejsu z zakładkami z dwoma zestawami zakładek: Zakładki poziome u góry umożliwiają nawigację do różnych stron w witrynie Wikisłownika . Pionowe tabulatory po lewej stronie reprezentują języki, w których występuje dana pisownia, przy czym wybrana zakładka pokazuje słowo jam ('już') w Esperanto .

W projektowaniu interfejsu interfejs dokumentu z zakładkami ( TDI ) lub Tab to graficzny element kontrolny, który umożliwia umieszczenie wielu dokumentów lub paneli w jednym oknie , używając zakładek jako widżetu nawigacyjnego do przełączania między zestawami dokumentów. Jest to styl interfejsu najczęściej związane z przeglądarek internetowych , aplikacji internetowych , edytorów tekstu i szyb uprzywilejowane, z menedżerów okien , zwłaszcza płytki menedżerów okien , będąc mniej znane przykłady.

Zakładki GUI są wzorowane na tradycyjnych zakładkach kart umieszczanych w plikach papierowych lub indeksach kart (zgodnie z metaforą pulpitu ).

Historia

Procesor tekstu WordVision DOS dla IBM PC w 1982 roku był prawdopodobnie pierwszym dostępnym na rynku produktem z interfejsem z zakładkami. PC Magazine napisał później, że „służył jako bezpłatny dział badawczo-rozwojowy dla branży oprogramowania — jego kości wybierali przez dekadę programiści szukający tak zwanych nowych pomysłów”.

Przeglądarka HyperTIES i narzędzie do tworzenia Gosling Emacs z menu kołowym w systemie okien NewS

Don Hopkins opracował i wydał kilka wersji ramek okien z zakładkami dla systemu okien NeWS jako darmowe oprogramowanie, które menedżer okien zastosował do wszystkich aplikacji NeWS i umożliwił użytkownikom przeciąganie zakładek do dowolnej krawędzi okna.

Aktualności wersja UNIPRESS za Gosling Emacs edytora tekstu był kolejnym wcześnie produkt z wieloma oknami zakładkami w roku 1988. Był on używany w celu opracowania narzędzia do tworzenia treści dla Ben Shneiderman „s Hypermedia Browser HyperTIES (wersja stacji roboczej News of the Interactive Encyklopedii System), w 1988 roku na Uniwersytecie Maryland w laboratorium interakcji człowiek-komputer . HyperTIES obsługuje również menu kołowe do zarządzania oknami i przeglądania dokumentów hipermedialnych za pomocą apletów PostScript .

Podczas gdy Boeing Obliczono już wykorzystane arkusze z zakładkami (jako tzw wordpads ) od co najmniej 1987 roku, Borland „s Quattro Pro spopularyzował zakładki dla arkuszy kalkulacyjnych w 1992 roku Microsoft Word w 1993 roku korzystali z nich w celu uproszczenia podmenu. W 1994 roku, BookLink Technologies biorące w kartach okna swoją przeglądarkę InternetWorks . W tym samym roku pojawił się również edytor tekstu UltraEdit z nowoczesnym, wielowierszowym interfejsem z zakładkami. Podejście oparte na interfejsie z kartami zostało następnie zastosowane przez powłokę Internet Explorera NetCaptor w 1997 roku. Po nich nastąpiło wiele innych, takich jak IBrowse w 1999 roku i Opera w 2000 (z wydaniem wersji 4 - chociaż interfejs MDI był obsługiwany wcześniej) , MultiViews październik 2000, która zmieniła nazwę na MultiZilla 1 kwietnia 2001 ( rozszerzenie dla Mozilla Application Suite ), Galeon na początku 2001, Mozilla 0.9.5 w październiku 2001, Phoenix 0.1 (obecnie Mozilla Firefox ) w październiku 2002, Konqueror 3.1 w styczniu 2003 r. i Safari w 2003 r. Wraz z wydaniem Internet Explorera 7 w 2006 r. wszystkie główne przeglądarki internetowe posiadały interfejs z kartami.

Użytkownicy szybko przyjęli stosowanie kart w przeglądaniu i wyszukiwaniu stron internetowych. Badanie zachowań przeglądania w kartach w czerwcu 2009 roku okazało się, że użytkownicy przełączane zakładki w 57% sesji kartę, a 36% użytkowników wykorzystywane nowych kart, aby otworzyć wyszukiwarki wyników co najmniej raz w ciągu tego okresu.

Od tego czasu pojawiło się wiele specjalnych funkcji związanych z zakładkami przeglądarki. Jednym z przykładów jest wizualne przeglądanie na kartach w OmniWeb w wersji 5, które wyświetlają obrazy podglądu stron w szufladzie po lewej lub prawej stronie głównego okna przeglądarki. Kolejną funkcją jest możliwość zmiany kolejności zakładek i dodawania zakładek do wszystkich stron internetowych otwartych w panelach zakładek w danym oknie w grupie lub folderze zakładek (a także możliwość ponownego otwierania ich wszystkich jednocześnie). Najczęściej łącza można otwierać w kilku trybach, przy użyciu różnych opcji interfejsu użytkownika i poleceń:

  • w nowym oknie głównym
  • w tym samym oknie głównym i panelu zakładek
  • w tym samym oknie głównym i nowym panelu kart, który jest natychmiast aktywowany
  • w tym samym oknie głównym i nowym panelu zakładek, który pozostaje w tle, dopóki użytkownik się do niego nie przełączy.

Istnieją drobne problemy z użytecznością, takie jak to, czy nowa karta otwiera się na końcu listy kart, czy obok jej „nadrzędnej”. Na przykład Internet Explorer oznacza rodziny kart różnymi kolorami.

Rozwój

W 2021 r. naukowcy opublikowali pierwsze od ponad dekady dogłębne badanie interfejsów kart przeglądarki internetowej . Odkryli, że wiele osób boryka się z przeciążeniem kart i przeprowadzili ankiety i wywiady na temat korzystania z kart. W ten sposób sformalizowały naciski na zamykanie klapek i utrzymywanie klapek otwartych. Autorzy następnie opracowali powiązane zagadnienia dotyczące projektowania interfejsu użytkownika, które mogą umożliwić lepsze narzędzia i zmiany w kodzie przeglądarek internetowych – takich jak Firefox – które pozwalają pracownikom wiedzy i innym użytkownikom lepiej zarządzać – i wykorzystywać – ich zakładki przeglądarki.

Przykład przeglądarki Mozilla Firefox z otwartymi dwiema kartami. Każda karta, tutaj uporządkowana w rzędzie poziomym, pokazuje inną stronę internetową, co pozwala na umieszczenie wielu stron w jednym oknie przeglądarki.
Lista kart w przeglądarce Kiwi, przeglądarce mobilnej wywodzącej się z Google Chromium . Wyświetlane są zarówno tytuł, jak i adres URL, które można rozwinąć, najeżdżając .

Zgodność z wytycznymi dotyczącymi interfejsu użytkownika firmy Microsoft

Nazwa TDI sugeruje podobieństwo do standardów Microsoft Windows dotyczących interfejsów wielu dokumentów (MDI) i interfejsów pojedynczego dokumentu (SDI), ale TDI nie stanowi części wytycznych dotyczących interfejsu użytkownika systemu Microsoft Windows. Toczy się debata na temat tego, jak TDI pasuje do wytycznych dotyczących interfejsu użytkownika systemu Microsoft Windows. Pod wieloma względami model zarządzania oknami skoroszytu najbardziej przypomina TDI. Jest to jednak stosunkowo nowy dodatek do Wytycznych dotyczących interfejsu użytkownika systemu Windows, a większość programistów nadal woli postrzegać SDI lub MDI jako podstawowe modele dokumentów dla MS Windows.

Porównanie do SDI

Zalety

Ponieważ interfejs dokumentu z kartami logicznie przechowuje wiele różnych dokumentów w jednym oknie, główny interfejs systemu operacyjnego jest wolny od bałaganu, który byłby tworzony przez dużą liczbę małych okien podrzędnych. Kolejną zaletą jest to, że zestawy powiązanych dokumentów można pogrupować w każdym z kilku okien. Przeglądarki internetowe z kartami często pozwalają użytkownikom na zapisanie sesji przeglądania i powrót do niej później.

Niedogodności

Edytor tekstu Geany z pionowo zorientowanymi zakładkami, pokazujący dużą liczbę dokumentów, które można zmieścić

Chociaż interfejs dokumentu z zakładkami pozwala na wiele widoków w jednym oknie, występują problemy z tym interfejsem. Jednym z takich problemów jest radzenie sobie z wieloma zakładkami naraz. Gdy okno jest ustawione na zakładkę do określonej liczby, która przekracza dostępny obszar wyświetlania, zakładki zaśmiecają się (jest to ten sam problem, co w przypadku SDI, ale przeniesiony w inne miejsce w interfejsie użytkownika).

Karty wielowierszowe to drugi problem, który pojawia się w oknach dialogowych menu w niektórych programach. Niektórzy wolą mieć otwartych wiele kart, a niektóre programy pomagają uczynić je kompaktowymi, ale możliwymi do zidentyfikowania, podczas gdy zwykle radzenie sobie z wieloma rzędami kart w jednym oknie ma dwie wady:

  • Tworzy nadmiar bałaganu w oknie, chyba że jest ograniczony do około 3 wierszy, które można przewijać kółkiem myszy.
  • Komplikuje to, co powinno być łatwym do odczytania dialogiem, a jednocześnie ułatwia wyświetlanie tytułów wielu kart jednocześnie.

Znalezienie określonej zakładki w 3- lub 4-poziomowym interfejsie tabelarycznym może być trudne dla niektórych osób. Część problemu z tą trudnością polega na braku jakiegokolwiek schematu sortowania. Bez takich zakładek można je porozrzucać bez żadnego poczucia porządku, dlatego szukanie zakładki nie zapewnia sensownego zrozumienia położenia zakładki w stosunku do innych zakładek. Ponadto bałagan tworzony przez wiele kart może tworzyć niezwykle małe okno dialogowe, a karty nad nim dominują w oknie.

Dlatego chociaż okna z kartami są odpowiednie w środowiskach, w których istnieje minimalna potrzeba kart (około dziesięciu lub mniej kart), ten schemat nie jest skalowany i mogą być wymagane alternatywne metody rozwiązania tego problemu.

Wśród metod rozwiązywania problemów skalowalności wielu zakładek:

  • grupuj karty, przeciągając je/przesuwając i/lub zamrażając ich położenie, a następnie zmniejsz szerokość poszczególnych kart, aby więcej zmieściło się w dostępnym obszarze, w tym w wielu wierszach kart, oraz
  • zmienić kolor wybranych zakładek lub według źródła, wraz z wykorzystaniem favicon do identyfikacji i podpowiedzi po najechaniu myszą
  • wprowadzić przewijanie, aby karty mogły zajmować niewidoczny obszar ekranu
  • wprowadzaj sekcje w dowolny sposób, aby rozłożyć zakładki na wiele obszarów
  • wprowadzić powiększanie zakładki w czasie rzeczywistym na podstawie pozycji kursora myszy;
  • odrzuć zakładki na rzecz innego elementu interfejsu, takiego jak pole listy lub lista rozwijana

Duża liczba okien z kartami skaluje się lepiej, gdy karty znajdują się wzdłuż lewych lub prawych krawędzi okna, a nie górnych lub dolnych krawędzi. Dzieje się tak, ponieważ etykiety zakładek są zwykle znacznie szersze niż wysokie, a obecnie powszechnie używa się wyświetlaczy, które są znacznie szersze niż potrzebne do wyświetlania dokumentów i stron internetowych. Aktualności wersja UNIPRESS Emacs edytora tekstu umieszczone zaczepy wzdłuż prawego okna krawędzi i położył okna w pionowej kolumnie, więc każda karta była początkowo widoczna, a użytkownik może wykorzystać je do podnoszenia i opuszczania szyb, przeciągnij je wokół w kolumny lub wyciągnij je w dowolne miejsce na ekranie.

PSIBER wizualne środowisko programistyczne PostScript dla NewWS , z oknami z zakładkami wokół obiektów na stosie i poza nim.

Interfejsy okien z zakładkami mogą dać użytkownikowi swobodę umieszczania zakładek wzdłuż dowolnej krawędzi, dzięki czemu wszystkie cztery krawędzie są dostępne do organizowania różnych grup zakładek zgodnie z potrzebami użytkownika lub aplikacji. Środowisko programistyczne PSIBER Visual PostScript dla NewWS miało widoki z zakładkami, które użytkownik mógł przykleić do stosu (reprezentowane jako „skok”), a użytkownik mógł przesunąć zakładki do dowolnej krawędzi. Menu kołowe NewWS i menedżer okien zakładek umożliwiały użytkownikom umieszczanie zakładek w dowolnym miejscu wzdłuż dowolnej krawędzi, a zakładki wyświetlały menu kołowe z funkcjami zarządzania oknami, aby odkrywać i zakopywać okna itp.

Porównanie do MDI

Zalety

Dla osób przyzwyczajonych do SDI, MDI może być mylące, ponieważ okna można ukryć za innymi oknami. Niektóre aplikacje MDI nie mają paska zadań ani menu, aby umożliwić szybki dostęp do wszystkich okien, więc w niektórych przypadkach okno można znaleźć tylko przez zamknięcie lub przeniesienie wszystkich innych. Praktycznie jednak większość środowisk MDI zapewnia znacznie bogatszą funkcjonalność przełączania okien niż środowiska zorientowane na SDI. Z drugiej strony, ponieważ w aplikacjach TDI większość zakładek jest widoczna i bezpośrednio dostępna, o wiele trudniej jest „zgubić się” oknom. Niektóre aplikacje MDI, takie jak Opera i Eudora, również mają tę zaletę, ponieważ mają karty umożliwiające dostęp do okien.

Niedogodności

Okna TDI muszą być zawsze zmaksymalizowane w swoim oknie nadrzędnym, w wyniku czego dwie zakładki nie mogą być widoczne w tym samym czasie. Utrudnia to porównywanie dokumentów lub łatwe kopiowanie i wklejanie między dwoma dokumentami. Pełne interfejsy MDI pozwalają na kafelkowanie lub kaskadowanie okien podrzędnych i nie mają tych ograniczeń.

Jednym z przykładów aplikacji, która umożliwia przeglądanie TDI lub MDI, jest Opera . Używając domyślnie TDI, ta aplikacja obsługuje również pełne MDI i może również działać jako aplikacja SDI.

W celu złagodzenia tych problemów, niektóre zintegrowane środowisko programistyczne, takie jak najnowsze wersje XEmacs i Microsoft „s Visual Studio , zapewniają interfejs hybrydowy , który umożliwia podzielenie okna nadrzędnego do wielokrotnego MDI-like«okienek», każdy z oddzielnym TDI zestaw kart. Kafelkowe menedżery okien, takie jak Ion, robią to samo dla całego pulpitu . Zapewnia to wiele zalet zarówno MDI, jak i TDI, chociaż użytkownicy nadal mogą mieć trudności z przyzwyczajeniem się. Przeglądarka Konqueror firmy KDE (dostępna na systemach uniksowych i uniksowych, takich jak Linux i Windows) obsługuje wiele dokumentów na jednej karcie, dzieląc dokumenty. W zakładce Konqueror dokumenty mogą być dzielone poziomo lub pionowo, a każdy podzielony dokument może być ponownie podzielony.

Inną strategią radzenia sobie z ograniczeniem, że tylko jeden dokument z zakładkami byłby zwykle widoczny w danym momencie, jest umożliwienie przeciągnięcia zakładki poza okno nadrzędne i przekonwertowania do osobnego okna (które samo może mieć wiele zakładek). Jest to obsługiwane na przykład w przeglądarkach internetowych Google Chrome , Mozilla Firefox 3.5 i Internet Explorer 9 .

Menedżery okien, które zapewniają interfejs dokumentu z zakładkami

Następujące menedżery okien zapewniają interfejs dokumentu z zakładkami:

Spór patentowy

Firma Adobe Systems posiada patenty w Stanach Zjednoczonych i Europie na niektóre zastosowania kart GUI, które są powszechnie uważane za trywialne patenty . Istniał stan techniki , zarówno w GUI, jak i tekstowym interfejsie użytkownika (TUI).

Firma Adobe wykorzystała te patenty, aby pozwać firmę Macromedia Inc. za stosowanie kart w swoim produkcie Macromedia Flash . Adobe wygrał sprawę i 2,8 miliona dolarów odszkodowania. Macromedia wszczęła jednak pozew wzajemny, który zakończył się wydaniem orzeczenia przeciwko Adobe w wysokości 4,9 miliona dolarów. Sprawy zostały rozstrzygnięte na nieujawnionych warunkach. W 2005 roku Adobe zakończył dalszy spór między obiema firmami, kupując Macromedia za około 3,4 miliarda dolarów.

W dniu 18 kwietnia 2007 r. agencja własności intelektualnej IP Innovation LLC i jej macierzysta firma Technology Licensing Corporation złożyły pozew przeciwko Apple Inc. w sprawie naruszenia patentu USA pierwotnie zgłoszonego przez badaczy Xerox w 1987 r.

Zobacz też

Bibliografia

Zewnętrzne linki