Jump to content

Tab (interface): Difference between revisions

From Wikipedia, the free encyclopedia
Browse history interactively
← Previous edit
Content deleted Content added
VisualWikitext
FrescoBot (talk | contribs)
Bots
1,135,457 edits
m Reverted edit by 49.185.161.75 (talk) to last version by AgentMuffin4
 
(20 intermediate revisions by 19 users not shown)
Line 1: Line 1:
{{Short description|Interface component}}
{{Short description|Interface component}}
{{redirect|New Tab|the novel|New Tab (novel)|5=Tab (disambiguation)}}
{{redirect|New Tab|the novel|New Tab (novel)|5=Tab (disambiguation)}}
{{Multiple issues|
{{tone|date=August 2016}}
{{POV|date=May 2018}}
}}

{{Use dmy dates|date=February 2020|cs1-dates=y}}
{{Use dmy dates|date=February 2020|cs1-dates=y}}
[[File:Language tabs on en wiktionary.gif|thumb|400px|Example of a tabbed interface with two sets of tabs: Horizontal tabs, at the top, allow navigation to different pages within the [[Wiktionary]] [[website]]. Vertical tabs, to the left, represent languages in which a given spelling occurs, where the selected tab shows the word ''jam'' ('already') in [[Esperanto]].]]
[[File:Language tabs on en wiktionary.gif|thumb|upright=1.35|Example of a tabbed interface with two sets of tabs: Horizontal tabs, at the top, allow navigation to different pages within the [[Wiktionary]] [[website]]. Vertical tabs, to the left, represent languages in which a given spelling occurs, where the selected tab shows the word ''jam'' ('already') in [[Esperanto]].]]


In interface design, a '''tab''' is a [[graphical user interface object]] that allows multiple [[documents]] or [[Panel (computer software)|panel]]s to be contained within a single [[window (computing)|window]], using tabs as a navigational widget for switching between sets of documents.<ref>{{Cite web |last=Khola |first=Vivek |date=2023-02-17 |title=Tab (interface) |url=https://www.blogger.com/blog/post/edit/6582574524271522717/8279353370664220742 |website=www.blogger.com }}</ref> It is an interface style most commonly associated with [[web browser]]s, [[web application]]s, [[text editor]]s, and preference panes, with [[window manager]]s, especially [[tiling window manager]]s, being lesser known examples.
In interface design, a '''tab''' is a [[graphical user interface object]] that allows multiple [[documents]] or [[Panel (computer software)|panel]]s to be contained within a single [[window (computing)|window]], using tabs as a navigational widget for switching between sets of documents.<ref>{{Cite web |last=Khola |first=Vivek |date=2023-02-17 |title=Tab (interface) |url=https://www.blogger.com/blog/post/edit/6582574524271522717/8279353370664220742 |website=www.blogger.com }}</ref> It is an interface style most commonly associated with [[web browser]]s, [[web application]]s, [[text editor]]s, and preference panels, with [[window manager]]s and [[tiling window manager]]s.


Tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the [[desktop metaphor]]).
Tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the [[desktop metaphor]]). They are usually graphically displayed on webpages or apps as they look on paper.


Tabs may appear in a horizontal bar or as a vertical list, of which the former takes typically less screen space whereas the latter can show more items at once while still having space for individual titles. Horizontal tabs may have multiple rows. Tabs may be organizable by changing their order through [[drag and drop]] or creating a separate window from an existing tab. Implementations may support [[Selection (user interface)#Range selection|range-selecting]] multiple tabs for moving, closing, and separating them.<ref>{{cite web |last1=Elliott |first1=Matt |title=How to manipulate multiple tabs in Chrome or Firefox |url=https://www.cnet.com/how-to/how-to-manipulate-multiple-tabs-in-chrome-or-firefox/ |website=CNET |access-date=29 October 2021 |language=en |date=2014-01-28}}</ref>
Tabs may appear in a horizontal bar or as a vertical list. Horizontal tabs may have multiple rows. In some cases, tabs may be reordered or organized into multiple rows through [[drag and drop]] interactions. Implementations may support opening an existing tab in a separate window or [[Selection (user interface)#Range selection|range-selecting]] multiple tabs for moving, closing, or separating them.<ref>{{cite web |last1=Elliott |first1=Matt |title=How to manipulate multiple tabs in Chrome or Firefox |url=https://www.cnet.com/how-to/how-to-manipulate-multiple-tabs-in-chrome-or-firefox/ |website=CNET |access-date=29 October 2021 |language=en |date=2014-01-28}}</ref>


==History==
==History==
The WordVision [[DOS]] word processor<ref name="manes19840403"/> for the [[IBM PC]] in 1982<ref name="seymour19940315"/> was perhaps the first commercially available product with a tabbed interface.<ref name="seymour19940315"/> ''[[PC Magazine]]'' later wrote that it "has served as a free R&D department for the software business—its bones picked over for a decade by programmers looking for so-called new ideas".<ref name="seymour19940315"/>
The WordVision [[DOS]] word processor<ref name="manes19840403"/> for the [[IBM PC]] in 1982<ref name="seymour19940315"/> was perhaps the first commercially available product with a tabbed interface.<ref name="seymour19940315"/>


[[Image:HyperTIESAuthoring.jpg|thumb|right|250px|[[HyperTIES]] browser and [[Gosling Emacs]] authoring tool with [[pie menu]]s on the [[NeWS]] window system]]
[[Image:HyperTIESAuthoring.jpg|thumb|right|250px|[[HyperTIES]] browser and [[Gosling Emacs]] authoring tool with [[pie menu]]s on the [[NeWS]] window system]]
Line 23: Line 18:
The [[NeWS]] version of UniPress's [[Gosmacs|Gosling Emacs]] text editor was another early product with multiple tabbed windows in 1988.<ref>{{cite web|url=http://www.donhopkins.com/home/archive/emacs/to.jag.txt|title=Email from Don Hopkins to James Gosling, David S H Rosenthal, Owen Densmore, Jerry Farrell about Text selection in NeMACS.|author-first=Don|author-last=Hopkins|author-link=Don Hopkins|date=1988-08-17|work=Don Hopkins' Web Site}}</ref> It was used to develop an authoring tool for [[Ben Shneiderman]]'s [[hypermedia]] browser [[HyperTIES]] (the NeWS workstation version of The Interactive Encyclopedia System), in 1988 at the [[University of Maryland Human-Computer Interaction Lab]].<ref>{{cite web|url=http://www.donhopkins.com/drupal/node/101|title=HyperTIES Hypermedia Browser and Emacs Authoring Tool for NeWS|author-first=Don|author-last=Hopkins|author-link=Don Hopkins|date=2005-09-29|work=Don Hopkins' Web Site|access-date=2010-03-01}}</ref><ref>{{cite web|url=https://www.youtube.com/watch?v=hhmU2B79EDU|title= HCIL Demo - HyperTIES Authoring |author-first=Don|author-last=Hopkins|website= [[YouTube]] |author-link=Don Hopkins}}</ref> HyperTIES also supported [[pie menus]] for managing windows and browsing hypermedia documents with [[PostScript]] [[applet]]s.
The [[NeWS]] version of UniPress's [[Gosmacs|Gosling Emacs]] text editor was another early product with multiple tabbed windows in 1988.<ref>{{cite web|url=http://www.donhopkins.com/home/archive/emacs/to.jag.txt|title=Email from Don Hopkins to James Gosling, David S H Rosenthal, Owen Densmore, Jerry Farrell about Text selection in NeMACS.|author-first=Don|author-last=Hopkins|author-link=Don Hopkins|date=1988-08-17|work=Don Hopkins' Web Site}}</ref> It was used to develop an authoring tool for [[Ben Shneiderman]]'s [[hypermedia]] browser [[HyperTIES]] (the NeWS workstation version of The Interactive Encyclopedia System), in 1988 at the [[University of Maryland Human-Computer Interaction Lab]].<ref>{{cite web|url=http://www.donhopkins.com/drupal/node/101|title=HyperTIES Hypermedia Browser and Emacs Authoring Tool for NeWS|author-first=Don|author-last=Hopkins|author-link=Don Hopkins|date=2005-09-29|work=Don Hopkins' Web Site|access-date=2010-03-01}}</ref><ref>{{cite web|url=https://www.youtube.com/watch?v=hhmU2B79EDU|title= HCIL Demo - HyperTIES Authoring |author-first=Don|author-last=Hopkins|website= [[YouTube]] |author-link=Don Hopkins}}</ref> HyperTIES also supported [[pie menus]] for managing windows and browsing hypermedia documents with [[PostScript]] [[applet]]s.


While [[Boeing Calc]] already utilized tabbed sheets (as so called ''wordpads'') since at least 1987,<!-- Boeing Calc 3.0 August 1987, but possibly earlier, to be researched --><ref name="Malloy_1987"/><ref name="Corwyn"/> [[Borland]]'s [[Quattro Pro]] popularized tabs for spreadsheets in 1992. [[Microsoft Word]] in 1993 used them to simplify submenus.{{r|seymour19940315}} In 1994, [[BookLink|BookLink Technologies]] featured tabbed windows in its [[InternetWorks]] browser. That same year, the text editor [[UltraEdit]] also appeared with a modern multi-row tabbed interface. The tabbed interface approach was then followed by the [[Internet Explorer shell]] [[NetCaptor]] in 1997. These were followed by a number of others like [[IBrowse]] in 1999, and [[Opera (web browser)|Opera]] in 2000 (with the release of version 4 - although a MDI interface was supported before then), MultiViews October 2000, which changed its name into MultiZilla on 1 April 2001 (an [[Add-on (Mozilla)|extension]] for the [[Mozilla Application Suite]]<ref>{{cite web|url=http://multizilla.mozdev.org/history.html|title=Mozdev.org - multizilla: history|last=van Rantwijk|first=HJ|publisher=[[Mozilla]]|access-date=2010-03-01|archive-date=2008-12-07 |archive-url=https://web.archive.org/web/20081207023540/http://multizilla.mozdev.org/history.html|url-status=dead}}</ref>), [[Galeon]] in early 2001, [[Mozilla Foundation|Mozilla]] 0.9.5 in October 2001, Phoenix 0.1 (now [[Mozilla Firefox]]) in October 2002, [[Konqueror]] 3.1 in January 2003, and [[Safari (web browser)|Safari]] in 2003. With the release of [[Internet Explorer 7]] in 2006, all major web browsers featured a tabbed interface.
While [[Boeing Calc]] already utilized tabbed sheets (as so-called ''word pads'') since at least 1987,<!-- Boeing Calc 3.0 August 1987, but possibly earlier, to be researched --><ref name="Malloy_1987"/><ref name="Corwyn"/> [[Borland]]'s [[Quattro Pro]] popularized tabs for spreadsheets in 1992. [[Microsoft Word]] in 1993 used them to simplify submenus.{{r|seymour19940315}} In 1994, [[BookLink|BookLink Technologies]] featured tabbed windows in its [[InternetWorks]] browser. That same year, the text editor [[UltraEdit]] also appeared with a modern multi-row tabbed interface. The tabbed interface approach was then followed by the [[Internet Explorer shell]] [[NetCaptor]] in 1997. These were followed by several others like [[IBrowse]] in 1999, and [[Opera (web browser)|Opera]] in 2000 (with the release of version 4 - although an MDI interface was supported before then), MultiViews October 2000, which changed its name into MultiZilla on April 1st, 2001 (an [[Add-on (Mozilla)|extension]] for the [[Mozilla Application Suite]]<ref>{{cite web|url=http://multizilla.mozdev.org/history.html|title=Mozdev.org - multizilla: history|last=van Rantwijk|first=HJ|publisher=[[Mozilla]]|access-date=2010-03-01|archive-date=2008-12-07 |archive-url=https://web.archive.org/web/20081207023540/http://multizilla.mozdev.org/history.html|url-status=dead}}</ref>), [[Galeon]] in early 2001, [[Mozilla Foundation|Mozilla]] 0.9.5 in October 2001, Phoenix 0.1 (now [[Mozilla Firefox]]) in October 2002, [[Konqueror]] 3.1 in January 2003, and [[Safari (web browser)|Safari]] in 2003. With the release of [[Internet Explorer 7]] in 2006, all major web browsers featured a tabbed interface.


Users have quickly adopted the use of tabs in web browsing and web search. A study of tabbed browsing behavior in June 2009 found that users switched tabs in 57% of tab sessions, and 36% of users used new tabs to open [[Search engine (computing)|search engine]] results at least once during that period.<ref>{{cite conference | author = Jeff Huang, Ryen W. White | year = 2010 | title = Parallel Browsing Behavior on the Web | book-title = Proceedings of the 21st ACM Conference on Hypertext and Hypermedia (HT '10) | url =http://jeffhuang.com/ParallelBrowsing_Final.pdf }}</ref>
Users quickly adopted the use of tabs in web browsing and web search. A study of tabbed browsing behavior in June 2009 found that users switched tabs in 57% of tab sessions, and 36% of users used new tabs to open [[Search engine (computing)|search engine]] results at least once during that period.<ref>{{cite conference | author = Jeff Huang, Ryen W. White | year = 2010 | title = Parallel Browsing Behavior on the Web | book-title = Proceedings of the 21st ACM Conference on Hypertext and Hypermedia (HT '10) | url =http://jeffhuang.com/ParallelBrowsing_Final.pdf }}</ref>


Numerous special functions in association with browser tabs have emerged since then. One example is visual tabbed browsing in [[OmniWeb]] version 5, which displays preview images of pages in a drawer to the left or right of the main browser window. Another feature is the ability to re-order tabs and to [[bookmark (web)|bookmark]] all of the webpages opened in tab panes in a given window in a group or bookmark folder (as well as the ability to reopen all of them at the same time). [[Internet Explorer|Microsoft Internet Explorer]] marks tab families with different colours.
Numerous additional browser tab capabilities have emerged since then. One example is visual tabbed browsing in [[OmniWeb]] version 5, which displays preview images of pages in a drawer to the left or right of the main browser window. Another feature is the ability to re-order tabs and to [[bookmark (web)|bookmark]] all of the webpages opened in tab panes in a given window in a group or bookmark folder (as well as the ability to reopen all of them at the same time). [[Internet Explorer|Microsoft Internet Explorer]] marks tab families with different colours.


==Development==
==Development==
Tab behavior is handled by the [[widget toolkit]] which it is built with (for example Firefox uses [[GTK]]). Behavior such as whether a tab opens at the end of the list, next to its parent or at the beginning of a list is determined by the [[Graphical user interface|graphical user interface (GUI)]] toolkit framework. Due to the large diversity of available widget tool kits, tabs may appear to behave unexpectedly to users inexperienced in front end design.
Tab behavior in an application is determined by the underlying [[widget toolkit]] (for example Firefox uses [[GTK]]) framework. Due to lack of standardization, behavior may vary from one application to the next, which can result in usability challenges.

==Tab hoarding==
[[File:Tab Hoarder Bar.png|thumb|The tab bar on Chromium of a browser tab hoarder.]]
''Tab hoarding'' is [[digital hoarding]] of web browser tabs. Users may accumulate tabs as reminders of tasks to research or complete<ref name="y641">{{cite web | last=Ramis | first=Ali Jaffe | title=Stop, Before You Close This Tab (or Any Others) … | website=The New York Times | date=October 24, 2023 | url=https://www.nytimes.com/2023/10/24/magazine/browser-tabs-forever.html | access-date=September 25, 2024}}</ref> (rather than using dedicated [[reminder software]]). They may use multiple browser windows to organize tabs or direct [[Attention|focus]];<ref name="y641" /> however, leaving multiple windows open can exacerbate tab clutter.<ref name="m342">{{cite conference | last=Ma | first=Rongjun | last2=Lassila | first2=Henrik | last3=Nurgalieva | first3=Leysan | last4=Lindqvist | first4=Janne | title=When Browsing Gets Cluttered: Exploring and Modeling Interactions of Browsing Clutter, Browsing Habits, and Coping | publisher=ACM | date=April 19, 2023 | isbn=978-1-4503-9421-5 | doi=10.1145/3544548.3580690 | page=1–29}}</ref>

Tab hoarding can lead to [[Psychological stress|stress]] and [[information overload]],<ref name="m342" /> [[distraction]], and reduced computer performance. It can develop into emotional attachment to the set of open tabs,<ref name="overcoming">{{cite news |title=Overcoming tab overload: Researchers develop tool to better manage browser tabs |url=https://techxplore.com/news/2021-05-tab-overload-tool-browser-tabs.html |access-date=14 June 2021 |work=techxplore.com |language=en}}</ref> including fear of losing them upon a [[Crash (computing)|crash]] or other [[reboot]],<ref name="y641" /> and conversely, [[Relief (emotion)|relief]] when tabs are properly restored.<ref name="n053">{{cite web | last=Ahmed | first=Zo | title=Zero regrets: Firefox power user kept 7,500 tabs open for two years | website=TechSpot | date=May 5, 2024 | url=https://www.techspot.com/news/102871-zero-regrets-firefox-power-user-kept-7500-tabs.html | access-date=September 25, 2024}}</ref> Tab hoarders have attributed the behavior to [[anxiety]],<ref name="o577">{{cite web | last=Koebler | first=Jason | title=I Live in a Digital Dumpster Fire | website=VICE | date=April 3, 2015 | url=https://www.vice.com/en/article/i-live-in-a-digital-dumpster-fire/ | access-date=September 25, 2024}}</ref> [[fear of missing out]],<ref name="j521">{{cite web | last=Cassella | first=Carly | title=We're Getting Buried in Browser Tabs And Scientists Want to Fix It | website=ScienceAlert | date=May 9, 2021 | url=https://www.sciencealert.com/tab-overload-is-a-common-problem-for-people-browsing-the-internet-survey-finds | access-date=September 25, 2024}}</ref> [[procrastination]],<ref name="h106">{{cite web | last=Kehayias | first=John | title=Death by 1,000 Tabs: Confessions of a Tab Hoarder | website=VICE | date=January 21, 2021 | url=https://www.vice.com/en/article/death-by-1000-tabs-confessions-of-a-tab-hoarder/ | access-date=September 25, 2024}}</ref> and poor [[personal information management]] practices.<ref name="m036">{{cite web | last=Samuel | first=Alexandra | title=Browser Tab Clutter Is The New Hoarding | website=JSTOR Daily | date=July 11, 2017 | url=https://daily.jstor.org/browser-tab-clutter-is-the-new-hoarding/ | access-date=September 25, 2024}}</ref><ref name="overcoming">{{cite news |title=Overcoming tab overload: Researchers develop tool to better manage browser tabs |url=https://techxplore.com/news/2021-05-tab-overload-tool-browser-tabs.html |access-date=14 June 2021 |work=techxplore.com |language=en}}</ref>


In 2021, researchers published the first in-depth study of Web browser tab [[user interface|interfaces]] in over a decade. They found that many people struggle with tab overload and conducted surveys and interviews about people's tab use. Thereby they formalized pressures for closing tabs and for keeping tabs open. The authors then developed related [[User interface design|UI design]] considerations which could enable better tools and changes to the code of Web browsers – like [[Firefox]] – that allow [[knowledge worker]]s and other users to better manage – and make use of – their browser tabs.<ref>{{cite news |title=Overcoming tab overload: Researchers develop tool to better manage browser tabs |url=https://techxplore.com/news/2021-05-tab-overload-tool-browser-tabs.html |access-date=14 June 2021 |work=techxplore.com |language=en}}</ref><ref>{{cite book |last1=Chang |first1=Joseph Chee |last2=Hahn |first2=Nathan |last3=Kim |first3=Yongsung |last4=Coupland |first4=Julina |last5=Breneisen |first5=Bradley |last6=Kim |first6=Hannah S |last7=Hwong |first7=John |last8=Kittur |first8=Aniket |title=Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems |chapter=When the Tab Comes Due:Challenges in the Cost Structure of Browser Tab Usage |date=2021-05-06 |publisher=Association for Computing Machinery |pages=1–15 |doi=10.1145/3411764.3445585 |isbn=9781450380966 |s2cid=233987809 |doi-access=free}} [[File:CC-BY_icon.svg|50x50px]] Available under [https://creativecommons.org/licenses/]</ref>
The prevalence of tab hoarding is acknowledged by browser vendors such as [[Mozilla]], and has inspired [[Memory management|memory]] and tab management features in browsers and [[Browser extension|extensions]].<ref name="n053" /> Such features include tab grouping, which allows related tabs to be visually organized<ref name="t503">{{cite web | last=Navigation | first=Social Links | title=Google is giving Chrome users a way out of tab overload hell | website=TechRadar | date=May 13, 2020 | url=https://www.techradar.com/news/google-is-giving-chrome-users-a-way-out-of-tab-overload-hell | access-date=September 25, 2024}}</ref> and collapsed; conversion of tabs into a list of [[hyperlink]]s;<ref name="m036" /> and alternative [[User interface|interface]] paradigms, such as framing high-level [[Task (project management)|tasks]] as first-class objects instead of tabs.<ref name="j998">{{cite conference | last=Kulkarni | first=Minchu | last2=Kapoor | first2=Kshitij | last3=Madala | first3=Deva Surya Vivek | last4=Bansal | first4=Sanchit | last5=Hangal | first5=Sudheendra | title=Compartmentalizing web browsing with Sailboat | publisher=ACM | date=2019 | isbn=978-1-4503-7716-4 | doi=10.1145/3364183.3364187 | page=1–8}}</ref><ref name="overcoming">{{cite news |title=Overcoming tab overload: Researchers develop tool to better manage browser tabs |url=https://techxplore.com/news/2021-05-tab-overload-tool-browser-tabs.html |access-date=14 June 2021 |work=techxplore.com |language=en}}</ref> A 2021 study developed [[User interface design|UI design]] considerations which could enable better tools and changes to the code of web browsers that allow [[knowledge worker]]s and other users to better manage and utilize their browser tabs.<ref name="overcoming" /><ref>{{cite book |last1=Chang |first1=Joseph Chee |title=Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems |last2=Hahn |first2=Nathan |last3=Kim |first3=Yongsung |last4=Coupland |first4=Julina |last5=Breneisen |first5=Bradley |last6=Kim |first6=Hannah S |last7=Hwong |first7=John |last8=Kittur |first8=Aniket |date=2021-05-06 |publisher=Association for Computing Machinery |isbn=9781450380966 |pages=1–15 |chapter=When the Tab Comes Due:Challenges in the Cost Structure of Browser Tab Usage |doi=10.1145/3411764.3445585 |doi-access=free |s2cid=233987809}} [[File:CC-BY_icon.svg|50x50px]] Available under [https://creativecommons.org/licenses/]</ref>{{explain|date=September 2024}}


==See also==
==See also==

Latest revision as of 19:14, 27 November 2024

"New Tab" redirects here. For the novel, see New Tab (novel). For other uses, see Tab (disambiguation).

Example of a tabbed interface with two sets of tabs: Horizontal tabs, at the top, allow navigation to different pages within the Wiktionary website. Vertical tabs, to the left, represent languages in which a given spelling occurs, where the selected tab shows the word jam ('already') in Esperanto.

In interface design, a tab is a graphical user interface object that allows multiple documents or panels to be contained within a single window, using tabs as a navigational widget for switching between sets of documents.[1] It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panels, with window managers and tiling window managers.

Tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor). They are usually graphically displayed on webpages or apps as they look on paper.

Tabs may appear in a horizontal bar or as a vertical list. Horizontal tabs may have multiple rows. In some cases, tabs may be reordered or organized into multiple rows through drag and drop interactions. Implementations may support opening an existing tab in a separate window or range-selecting multiple tabs for moving, closing, or separating them.[2]

History

[edit]

The WordVision DOS word processor[3] for the IBM PC in 1982[4] was perhaps the first commercially available product with a tabbed interface.[4]

HyperTIES browser and Gosling Emacs authoring tool with pie menus on the NeWS window system

Don Hopkins developed and released several versions of tabbed window frames for the NeWS window system as free software, which the window manager applied to all NeWS applications, and enabled users to drag the tabs around to any edge of the window.[5]

The NeWS version of UniPress's Gosling Emacs text editor was another early product with multiple tabbed windows in 1988.[6] It was used to develop an authoring tool for Ben Shneiderman's hypermedia browser HyperTIES (the NeWS workstation version of The Interactive Encyclopedia System), in 1988 at the University of Maryland Human-Computer Interaction Lab.[7][8] HyperTIES also supported pie menus for managing windows and browsing hypermedia documents with PostScript applets.

While Boeing Calc already utilized tabbed sheets (as so-called word pads) since at least 1987,[9][10] Borland's Quattro Pro popularized tabs for spreadsheets in 1992. Microsoft Word in 1993 used them to simplify submenus.[4] In 1994, BookLink Technologies featured tabbed windows in its InternetWorks browser. That same year, the text editor UltraEdit also appeared with a modern multi-row tabbed interface. The tabbed interface approach was then followed by the Internet Explorer shell NetCaptor in 1997. These were followed by several others like IBrowse in 1999, and Opera in 2000 (with the release of version 4 - although an MDI interface was supported before then), MultiViews October 2000, which changed its name into MultiZilla on April 1st, 2001 (an extension for the Mozilla Application Suite[11]), Galeon in early 2001, Mozilla 0.9.5 in October 2001, Phoenix 0.1 (now Mozilla Firefox) in October 2002, Konqueror 3.1 in January 2003, and Safari in 2003. With the release of Internet Explorer 7 in 2006, all major web browsers featured a tabbed interface.

Users quickly adopted the use of tabs in web browsing and web search. A study of tabbed browsing behavior in June 2009 found that users switched tabs in 57% of tab sessions, and 36% of users used new tabs to open search engine results at least once during that period.[12]

Numerous additional browser tab capabilities have emerged since then. One example is visual tabbed browsing in OmniWeb version 5, which displays preview images of pages in a drawer to the left or right of the main browser window. Another feature is the ability to re-order tabs and to bookmark all of the webpages opened in tab panes in a given window in a group or bookmark folder (as well as the ability to reopen all of them at the same time). Microsoft Internet Explorer marks tab families with different colours.

Development

[edit]

Tab behavior in an application is determined by the underlying widget toolkit (for example Firefox uses GTK) framework. Due to lack of standardization, behavior may vary from one application to the next, which can result in usability challenges.

Tab hoarding

[edit]
The tab bar on Chromium of a browser tab hoarder.

Tab hoarding is digital hoarding of web browser tabs. Users may accumulate tabs as reminders of tasks to research or complete[13] (rather than using dedicated reminder software). They may use multiple browser windows to organize tabs or direct focus;[13] however, leaving multiple windows open can exacerbate tab clutter.[14]

Tab hoarding can lead to stress and information overload,[14] distraction, and reduced computer performance. It can develop into emotional attachment to the set of open tabs,[15] including fear of losing them upon a crash or other reboot,[13] and conversely, relief when tabs are properly restored.[16] Tab hoarders have attributed the behavior to anxiety,[17] fear of missing out,[18] procrastination,[19] and poor personal information management practices.[20][15]

The prevalence of tab hoarding is acknowledged by browser vendors such as Mozilla, and has inspired memory and tab management features in browsers and extensions.[16] Such features include tab grouping, which allows related tabs to be visually organized[21] and collapsed; conversion of tabs into a list of hyperlinks;[20] and alternative interface paradigms, such as framing high-level tasks as first-class objects instead of tabs.[22][15] A 2021 study developed UI design considerations which could enable better tools and changes to the code of web browsers that allow knowledge workers and other users to better manage and utilize their browser tabs.[15][23][further explanation needed]

See also

[edit]

References

[edit]
  1. ^ Khola, Vivek (2023-02-17). "Tab (interface)". www.blogger.com.
  2. ^ Elliott, Matt (2014-01-28). "How to manipulate multiple tabs in Chrome or Firefox". CNET. Retrieved 2021-10-29.
  3. ^ Manes, Stephen (1984-04-03). "Taking A Gamble With Word Vision". PC Magazine - The Independent Guide To IBM Personal Computers. Vol. 3, no. 6. PC Communications Corp. pp. 211–221. ISSN 0745-2500. Archived from the original on 2015-03-17. Retrieved 2015-02-15.
  4. ^ a b c Seymour, Jim (1994-03-15). "Everything Old Is New Again". PC Magazine. Vol. 13, no. 5. Ziff-Davis Publishing Company. pp. 99–100. ISSN 0888-8507. Retrieved 2015-02-15.
  5. ^ Hopkins, Don (October 1989). "The Shape of PSIBER Space: PostScript Interactive Bug Eradication Routines". Don Hopkins' Web Site. Retrieved 2010-03-01.
  6. ^ Hopkins, Don (1988-08-17). "Email from Don Hopkins to James Gosling, David S H Rosenthal, Owen Densmore, Jerry Farrell about Text selection in NeMACS". Don Hopkins' Web Site.
  7. ^ Hopkins, Don (2005-09-29). "HyperTIES Hypermedia Browser and Emacs Authoring Tool for NeWS". Don Hopkins' Web Site. Retrieved 2010-03-01.
  8. ^ Hopkins, Don. "HCIL Demo - HyperTIES Authoring". YouTube.
  9. ^ Malloy, Rich (June 1987). "Spreadsheets - This new crop of advanced programs offers multidimensionality and natural language". BYTE. Review (Sommer 1987 Bonus ed.). pp. 69–75. Retrieved 2020-02-12. [1][2][3]
  10. ^ corwyn. "Boeing Calc - The first truly 3-D spreadsheet". Archived from the original on 2006-02-19.
  11. ^ van Rantwijk, HJ. "Mozdev.org - multizilla: history". Mozilla. Archived from the original on 2008-12-07. Retrieved 2010-03-01.
  12. ^ Jeff Huang, Ryen W. White (2010). "Parallel Browsing Behavior on the Web" (PDF). Proceedings of the 21st ACM Conference on Hypertext and Hypermedia (HT '10).
  13. ^ a b c Ramis, Ali Jaffe (2023-10-24). "Stop, Before You Close This Tab (or Any Others) …". The New York Times. Retrieved 2024-09-25.
  14. ^ a b Ma, Rongjun; Lassila, Henrik; Nurgalieva, Leysan; Lindqvist, Janne (2023-04-19). When Browsing Gets Cluttered: Exploring and Modeling Interactions of Browsing Clutter, Browsing Habits, and Coping. ACM. p. 1–29. doi:10.1145/3544548.3580690. ISBN 978-1-4503-9421-5.
  15. ^ a b c d "Overcoming tab overload: Researchers develop tool to better manage browser tabs". techxplore.com. Retrieved 2021-06-14.
  16. ^ a b Ahmed, Zo (2024-05-05). "Zero regrets: Firefox power user kept 7,500 tabs open for two years". TechSpot. Retrieved 2024-09-25.
  17. ^ Koebler, Jason (2015-04-03). "I Live in a Digital Dumpster Fire". VICE. Retrieved 2024-09-25.
  18. ^ Cassella, Carly (2021-05-09). "We're Getting Buried in Browser Tabs And Scientists Want to Fix It". ScienceAlert. Retrieved 2024-09-25.
  19. ^ Kehayias, John (2021-01-21). "Death by 1,000 Tabs: Confessions of a Tab Hoarder". VICE. Retrieved 2024-09-25.
  20. ^ a b Samuel, Alexandra (2017-07-11). "Browser Tab Clutter Is The New Hoarding". JSTOR Daily. Retrieved 2024-09-25.
  21. ^ Navigation, Social Links (2020-05-13). "Google is giving Chrome users a way out of tab overload hell". TechRadar. Retrieved 2024-09-25.
  22. ^ Kulkarni, Minchu; Kapoor, Kshitij; Madala, Deva Surya Vivek; Bansal, Sanchit; Hangal, Sudheendra (2019). Compartmentalizing web browsing with Sailboat. ACM. p. 1–8. doi:10.1145/3364183.3364187. ISBN 978-1-4503-7716-4.
  23. ^ Chang, Joseph Chee; Hahn, Nathan; Kim, Yongsung; Coupland, Julina; Breneisen, Bradley; Kim, Hannah S; Hwong, John; Kittur, Aniket (2021-05-06). "When the Tab Comes Due:Challenges in the Cost Structure of Browser Tab Usage". Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. Association for Computing Machinery. pp. 1–15. doi:10.1145/3411764.3445585. ISBN 9781450380966. S2CID 233987809. Available under [4]
[edit]
Wikimedia Commons has media related to Tab (GUI).
Retrieved from "https://en.wikipedia.org/enwiki/w/index.php?title=Tab_(interface)&oldid=1259907307"