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

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

^ "Toggle switches". 2017-05-19. Retrieved 2020-12-23.
^ 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.

External links

Media related to Toggle switches (GUI) at Wikimedia Commons

Zdroj:https://en.wikipedia.org?pojem=Toggle_switch_(widget)
Text je dostupný za podmienok Creative Commons Attribution/Share-Alike License 3.0 Unported; prípadne za ďalších podmienok. Podrobnejšie informácie nájdete na stránke Podmienky použitia.

[uwp17-1] "Toggle switches". 2017-05-19. Retrieved 2020-12-23.

[pla90-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.

[1]

[2]

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 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