Toggle Switch (widget) - Wikipedia

Jump to content

Contents

move to sidebar hide
  • (Top)
  • 1 Usability
  • 2 References
  • Article
  • Talk
English
  • Read
  • Edit
  • View history
Tools Tools move to sidebar hide Actions
  • Read
  • Edit
  • View history
General
  • What links here
  • Related changes
  • Upload file
  • Page information
  • Cite this page
  • Get shortened URL
  • Download QR code
Print/export
  • Download as PDF
  • Printable version
In other projects
  • Wikimedia Commons
  • Wikidata item
Appearance move to sidebar hide From Wikipedia, the free encyclopedia This article is about the computer interface element. For a class of electrical switches, see Toggle switch.
On/off states of GTK's toggle switch widget.

A toggle switch is a graphical control element that allows the user to make a choice between two mutually exclusive states (such as on/off). Originally toggle switches were used primary in touchscreen-based user interfaces, but they have later become commonplace in desktop and web applications.

Toggle switches have a similar function as checkboxes, but unlike checkboxes, interacting with a toggle switch usually has an immediate effect on the application or system.[1]

Usability

[edit]
An animated toggle switch widget, demonstrating the ambiguous state problem.

Early research on touchscreen interfaces has identified usability issues with toggle switches.[2] A common problem is ambiguous state indication: for example does the label "on" indicate the current state of the switch or the resulting state after interacting with it. Communicating affordance can also be difficult: for example should the user tap or slide the switch to change its state.

References

[edit]
  1. ^ "Toggle switches". 2017-05-19. Retrieved 2020-12-23.
  2. ^ Plaisant, Catherine; Wallace, Daniel (November 1990). Touchscreen toggle switches: push or slide? Design issues and usability study (PDF) (Report). Human-Computer Interaction Laboratory, University of Maryland. Retrieved 2020-12-24.
[edit]
  • Media related to Toggle switches (GUI) at Wikimedia Commons
  • v
  • t
  • e
Graphical control elements
Command input
  • Adjustment handle
  • Button
  • Context menu
  • Drop-down list
  • Hamburger button
  • Menu
  • Pie menu
Data input-output
  • Checkbox
  • Color picker
  • Combo box
  • Cycle button
  • Date picker
  • Grid view
  • Toggle switch
  • List box
  • List builder
  • Radio button
  • Scrollbar
  • Search box
  • Slider
  • Spinner
  • Text box
Informational
  • Balloon help
  • Head-up display in computing
  • HUD in video games
  • Icon
  • Infobar
  • Label
  • Loading screen
  • Progress indicator
    • Progress bar
    • Splash screen
    • Throbber
  • Sidebar
  • Status bar
  • Toast
  • Tooltip
Containers
  • Accordion
  • Tree view
  • Client-side decoration
  • Disclosure widget
  • Frame / Fieldset
  • Menu bar
  • Panel
  • Popover
  • Ribbon
  • Tab
  • Toolbar
  • Window
    • Window decoration
  • Workspace
Navigational
  • Address bar
  • Bookmarks bar
  • Breadcrumb navigation
  • Hyperlink
  • Navigation bar
  • Virtual desktop
Special windows
  • Alert dialog box
  • Dialog box
  • File dialog
  • Inspector window
  • Modal window
  • Palette window
Related concepts
  • File viewer
  • List of graphical user interface elements
  • Layout manager
  • Look and feel
  • Mouseover
  • Scrolling
  • Widget toolkit
  • WIMP
  • Zoomable user interface
Retrieved from "https://en.wikipedia.org/w/index.php?title=Toggle_switch_(widget)&oldid=1318096913" Category:
  • Graphical control elements
Hidden category:
  • Commons category link is on Wikidata
Search Search Toggle the table of contents Toggle switch (widget) 2 languages Add topic

Tag » What Is A Toggle Switch