Example of a tabbed interface with two sets of tabs: Horizontal tabs, at the top, allow navigation to different pages within the Wiktionarywebsite. Vertical tabs, to the left, represent languages in which a given spelling occurs, where the selected tab shows the word jam ('already') in Esperanto.
Tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).
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 range-selecting multiple tabs for moving, closing, and separating them.[2]
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]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".[4]
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]
While Boeing Calc already utilized tabbed sheets (as so called wordpads) 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 shellNetCaptor in 1997. These were followed by a number of others like IBrowse in 1999, and 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 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 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 results at least once during that period.[12]
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 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.
DevelopmentEdit
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 (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.
In 2021, researchers published the first in-depth study of Web browser tab 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 UI design considerations which could enable better tools and changes to the code of Web browsers – like Firefox – that allow knowledge workers and other users to better manage – and make use of – their browser tabs.[13][14]
^Elliott, Matt (2014-01-28). "How to manipulate multiple tabs in Chrome or Firefox". CNET. Retrieved 2021-10-29.
^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. from the original on 2015-03-17. Retrieved 2015-02-15.
^Hopkins, Don (October 1989). "The Shape of PSIBER Space: PostScript Interactive Bug Eradication Routines". Don Hopkins' Web Site. Retrieved 2010-03-01.
^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.
^Hopkins, Don (2005-09-29). "HyperTIES Hypermedia Browser and Emacs Authoring Tool for NeWS". Don Hopkins' Web Site. Retrieved 2010-03-01.
^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]
^corwyn. . Archived from the original on 2006-02-19.
^van Rantwijk, HJ. . Mozilla. Archived from the original on 2008-12-07. Retrieved 2010-03-01.
^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).
^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. ISBN9781450380966. S2CID 233987809. Available under [4]
External linksEdit
Wikimedia Commons has media related to Tab (GUI).
TabPanel Widget
ASP.NET AJAX Control Toolkit
Scriptaculous AJAX tabs
Tab Window Demo deDevelopmentmo of the Pie Menu Tab Window Manager for The NeWS Toolkit 2.0 (1991).
October 25, 2023
interface, redirects, here, novel, novel, other, uses, disambiguation, this, article, multiple, issues, please, help, improve, discuss, these, issues, talk, page, learn, when, remove, these, template, messages, this, article, tone, style, reflect, encyclopedic. New Tab redirects here For the novel see New Tab novel For other uses see Tab disambiguation This article has multiple issues Please help improve it or discuss these issues on the talk page Learn how and when to remove these template messages This article s tone or style may not reflect the encyclopedic tone used on Wikipedia See Wikipedia s guide to writing better articles for suggestions August 2016 Learn how and when to remove this template message The neutrality of this article is disputed Relevant discussion may be found on the talk page Please do not remove this message until conditions to do so are met May 2018 Learn how and when to remove this template message Learn how and when to remove this template message 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 panes with window managers especially tiling window managers being lesser known examples 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 Tabs are modeled after traditional card tabs inserted in paper files or card indexes in keeping with the desktop metaphor 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 range selecting multiple tabs for moving closing and separating them 2 Contents 1 History 2 Development 3 See also 4 References 5 External linksHistory EditThe WordVision DOS word processor 3 for the IBM PC in 1982 4 was perhaps the first commercially available product with a tabbed interface 4 PC Magazine later wrote that it has served as a free R amp D department for the software business its bones picked over for a decade by programmers looking for so called new ideas 4 nbsp HyperTIES browser and Gosling Emacs authoring tool with pie menus on the NeWS window systemDon 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 wordpads 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 a number of others like IBrowse in 1999 and 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 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 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 results at least once during that period 12 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 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 EditTab 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 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 In 2021 researchers published the first in depth study of Web browser tab 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 UI design considerations which could enable better tools and changes to the code of Web browsers like Firefox that allow knowledge workers and other users to better manage and make use of their browser tabs 13 14 See also EditComparison of document interfaces Microsoft Internet Explorer marks tab families with different colours IDE style interface Ribbon computing References Edit Khola Vivek 2023 02 17 Tab interface www blogger com Elliott Matt 2014 01 28 How to manipulate multiple tabs in Chrome or Firefox CNET Retrieved 2021 10 29 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 a b c d 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 Hopkins Don October 1989 The Shape of PSIBER Space PostScript Interactive Bug Eradication Routines Don Hopkins Web Site Retrieved 2010 03 01 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 Hopkins Don 2005 09 29 HyperTIES Hypermedia Browser and Emacs Authoring Tool for NeWS Don Hopkins Web Site Retrieved 2010 03 01 Hopkins Don HCIL Demo HyperTIES Authoring YouTube 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 corwyn Boeing Calc The first truly 3 D spreadsheet Archived from the original on 2006 02 19 van Rantwijk HJ Mozdev org multizilla history Mozilla Archived from the original on 2008 12 07 Retrieved 2010 03 01 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 Overcoming tab overload Researchers develop tool to better manage browser tabs techxplore com Retrieved 2021 06 14 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 nbsp Available under 4 External links Edit nbsp Wikimedia Commons has media related to Tab GUI TabPanel Widget ASP NET AJAX Control Toolkit Scriptaculous AJAX tabs Tab Window Demo deDevelopmentmo of the Pie Menu Tab Window Manager for The NeWS Toolkit 2 0 1991 Retrieved from https en wikipedia org w index php title Tab interface amp oldid 1178630069, wikipedia, wiki, book, books, library,
