CINXE.COM

User interface - Wikipedia

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>User interface - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-sticky-header-enabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"8ebec48a-cf59-42b7-a745-2f8de8d3d4b2","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"User_interface","wgTitle":"User interface","wgCurRevisionId":1277656824,"wgRevisionId":1277656824,"wgArticleId":45249,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["CS1 errors: missing periodical","All articles with dead external links","Articles with dead external links from February 2025","Articles with permanently dead external links","Webarchive template wayback links","Articles with short description","Short description matches Wikidata","Use dmy dates from July 2022","All articles with unsourced statements","Articles with unsourced statements from January 2022","Articles with unsourced statements from May 2020","Wikipedia articles needing clarification from January 2010","Articles with unsourced statements from March 2019","Commons category link is on Wikidata","User interfaces","User interface techniques","Virtual reality","Human communication","Human–machine interaction"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"User_interface","wgRelevantArticleId":45249,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":false,"wgFlaggedRevsParams":{"tags":{"status":{"levels":1}}},"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":40000,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q47146","wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false}; RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","mediawiki.page.gallery.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","jquery.makeCollapsible.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.media","site","mediawiki.page.ready","jquery.makeCollapsible","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ReferenceTooltips","ext.gadget.switcher","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.growthExperiments.SuggestedEditSession"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cmediawiki.page.gallery.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&amp;only=styles&amp;skin=vector-2022"> <script async="" src="/w/load.php?lang=en&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&amp;modules=site.styles&amp;only=styles&amp;skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.19"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/XFCE-4.10-Desktop.png/1200px-XFCE-4.10-Desktop.png"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="750"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/XFCE-4.10-Desktop.png/960px-XFCE-4.10-Desktop.png"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="500"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="400"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="User interface - Wikipedia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikipedia.org/wiki/User_interface"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=User_interface&amp;action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipedia (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikipedia.org/wiki/User_interface"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikipedia Atom feed" href="/w/index.php?title=Special:RecentChanges&amp;feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-User_interface rootpage-User_interface skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" title="Main menu" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main page</span></a></li><li id="n-contents" class="mw-list-item"><a href="/wiki/Wikipedia:Contents" title="Guides to browsing Wikipedia"><span>Contents</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Portal:Current_events" title="Articles related to current events"><span>Current events</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Special:Random" title="Visit a randomly selected article [x]" accesskey="x"><span>Random article</span></a></li><li id="n-aboutsite" class="mw-list-item"><a href="/wiki/Wikipedia:About" title="Learn about Wikipedia and how it works"><span>About Wikipedia</span></a></li><li id="n-contactpage" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us" title="How to contact Wikipedia"><span>Contact us</span></a></li> </ul> </div> </div> <div id="p-interaction" class="vector-menu mw-portlet mw-portlet-interaction" > <div class="vector-menu-heading"> Contribute </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Guidance on how to use and edit Wikipedia"><span>Help</span></a></li><li id="n-introduction" class="mw-list-item"><a href="/wiki/Help:Introduction" title="Learn how to edit Wikipedia"><span>Learn to edit</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikipedia:Community_portal" title="The hub for editors"><span>Community portal</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes to Wikipedia [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-upload" class="mw-list-item"><a href="/wiki/Wikipedia:File_upload_wizard" title="Add images or other media for use on Wikipedia"><span>Upload file</span></a></li><li id="n-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages"><span>Special pages</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipedia" src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" style="width: 7.5em; height: 1.125em;"> <img class="mw-logo-tagline" alt="The Free Encyclopedia" src="/static/images/mobile/copyright/wikipedia-tagline-en.svg" width="117" height="13" style="width: 7.3125em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikipedia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia" aria-label="Search Wikipedia" autocapitalize="sentences" title="Search Wikipedia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page&#039;s font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="https://donate.wikimedia.org/?wmf_source=donate&amp;wmf_medium=sidebar&amp;wmf_campaign=en.wikipedia.org&amp;uselang=en" class=""><span>Donate</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&amp;returnto=User+interface" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&amp;returnto=User+interface" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Log in and more options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="https://donate.wikimedia.org/?wmf_source=donate&amp;wmf_medium=sidebar&amp;wmf_campaign=en.wikipedia.org&amp;uselang=en"><span>Donate</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&amp;returnto=User+interface" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&amp;returnto=User+interface" title="You&#039;re encouraged to log in; however, it&#039;s not mandatory. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Talk</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"><!-- CentralNotice --></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">(Top)</div> </a> </li> <li id="toc-Overview" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Overview"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Overview</span> </div> </a> <ul id="toc-Overview-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Terminology" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Terminology"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Terminology</span> </div> </a> <ul id="toc-Terminology-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-History" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#History"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>History</span> </div> </a> <button aria-controls="toc-History-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle History subsection</span> </button> <ul id="toc-History-sublist" class="vector-toc-list"> <li id="toc-1945–1968:_Batch_interface" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#1945–1968:_Batch_interface"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>1945–1968: Batch interface</span> </div> </a> <ul id="toc-1945–1968:_Batch_interface-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-1969–present:_Command-line_user_interface" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#1969–present:_Command-line_user_interface"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>1969–present: Command-line user interface</span> </div> </a> <ul id="toc-1969–present:_Command-line_user_interface-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-1985:_SAA_user_interface_or_text-based_user_interface" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#1985:_SAA_user_interface_or_text-based_user_interface"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3</span> <span>1985: SAA user interface or text-based user interface</span> </div> </a> <ul id="toc-1985:_SAA_user_interface_or_text-based_user_interface-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-1968–present:_Graphical_user_interface" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#1968–present:_Graphical_user_interface"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.4</span> <span>1968–present: Graphical user interface</span> </div> </a> <ul id="toc-1968–present:_Graphical_user_interface-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Interface_design" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Interface_design"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Interface design</span> </div> </a> <button aria-controls="toc-Interface_design-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Interface design subsection</span> </button> <ul id="toc-Interface_design-sublist" class="vector-toc-list"> <li id="toc-Principles_of_quality" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Principles_of_quality"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1</span> <span>Principles of quality</span> </div> </a> <ul id="toc-Principles_of_quality-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Principle_of_least_astonishment" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Principle_of_least_astonishment"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2</span> <span>Principle of least astonishment</span> </div> </a> <ul id="toc-Principle_of_least_astonishment-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Principle_of_habit_formation" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Principle_of_habit_formation"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.3</span> <span>Principle of habit formation</span> </div> </a> <ul id="toc-Principle_of_habit_formation-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-A_model_of_design_criteria:_User_Experience_Honeycomb" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#A_model_of_design_criteria:_User_Experience_Honeycomb"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4</span> <span>A model of design criteria: User Experience Honeycomb</span> </div> </a> <ul id="toc-A_model_of_design_criteria:_User_Experience_Honeycomb-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Types" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Types"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Types</span> </div> </a> <ul id="toc-Types-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Gallery" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Gallery"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Gallery</span> </div> </a> <ul id="toc-Gallery-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_also" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#See_also"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>See also</span> </div> </a> <ul id="toc-See_also-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-References" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#References"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>References</span> </div> </a> <ul id="toc-References-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-External_links" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#External_links"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span> <span>External links</span> </div> </a> <ul id="toc-External_links-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" title="Table of Contents" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">User interface</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Go to an article in another language. Available in 70 languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-70" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">70 languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D9%88%D8%A7%D8%AC%D9%87%D8%A9_%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85" title="واجهة المستخدم – Arabic" lang="ar" hreflang="ar" data-title="واجهة المستخدم" data-language-autonym="العربية" data-language-local-name="Arabic" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-ast mw-list-item"><a href="https://ast.wikipedia.org/wiki/Interfaz_d%27usuariu" title="Interfaz d&#039;usuariu – Asturian" lang="ast" hreflang="ast" data-title="Interfaz d&#039;usuariu" data-language-autonym="Asturianu" data-language-local-name="Asturian" class="interlanguage-link-target"><span>Asturianu</span></a></li><li class="interlanguage-link interwiki-az mw-list-item"><a href="https://az.wikipedia.org/wiki/%C4%B0stifad%C9%99%C3%A7i_interfeysi" title="İstifadəçi interfeysi – Azerbaijani" lang="az" hreflang="az" data-title="İstifadəçi interfeysi" data-language-autonym="Azərbaycanca" data-language-local-name="Azerbaijani" class="interlanguage-link-target"><span>Azərbaycanca</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%AC%E0%A7%8D%E0%A6%AF%E0%A6%AC%E0%A6%B9%E0%A6%BE%E0%A6%B0%E0%A6%95%E0%A6%BE%E0%A6%B0%E0%A7%80_%E0%A6%87%E0%A6%A8%E0%A7%8D%E0%A6%9F%E0%A6%BE%E0%A6%B0%E0%A6%AB%E0%A7%87%E0%A6%B8" title="ব্যবহারকারী ইন্টারফেস – Bangla" lang="bn" hreflang="bn" data-title="ব্যবহারকারী ইন্টারফেস" data-language-autonym="বাংলা" data-language-local-name="Bangla" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-zh-min-nan mw-list-item"><a href="https://zh-min-nan.wikipedia.org/wiki/I%C5%8Dng-chi%C3%A1_k%C3%A0i-b%C4%ABn" title="Iōng-chiá kài-bīn – Minnan" lang="nan" hreflang="nan" data-title="Iōng-chiá kài-bīn" data-language-autonym="閩南語 / Bân-lâm-gú" data-language-local-name="Minnan" class="interlanguage-link-target"><span>閩南語 / Bân-lâm-gú</span></a></li><li class="interlanguage-link interwiki-be mw-list-item"><a href="https://be.wikipedia.org/wiki/%D0%86%D0%BD%D1%82%D1%8D%D1%80%D1%84%D0%B5%D0%B9%D1%81_%D0%BA%D0%B0%D1%80%D1%8B%D1%81%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D1%96%D0%BA%D0%B0" title="Інтэрфейс карыстальніка – Belarusian" lang="be" hreflang="be" data-title="Інтэрфейс карыстальніка" data-language-autonym="Беларуская" data-language-local-name="Belarusian" class="interlanguage-link-target"><span>Беларуская</span></a></li><li class="interlanguage-link interwiki-be-x-old mw-list-item"><a href="https://be-tarask.wikipedia.org/wiki/%D0%86%D0%BD%D1%82%D1%8D%D1%80%D1%84%D1%8D%D0%B9%D1%81_%D0%BA%D0%B0%D1%80%D1%8B%D1%81%D1%82%D0%B0%D0%BB%D1%8C%D0%BD%D1%96%D0%BA%D0%B0" title="Інтэрфэйс карыстальніка – Belarusian (Taraškievica orthography)" lang="be-tarask" hreflang="be-tarask" data-title="Інтэрфэйс карыстальніка" data-language-autonym="Беларуская (тарашкевіца)" data-language-local-name="Belarusian (Taraškievica orthography)" class="interlanguage-link-target"><span>Беларуская (тарашкевіца)</span></a></li><li class="interlanguage-link interwiki-bg mw-list-item"><a href="https://bg.wikipedia.org/wiki/%D0%9F%D0%BE%D1%82%D1%80%D0%B5%D0%B1%D0%B8%D1%82%D0%B5%D0%BB%D1%81%D0%BA%D0%B8_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81" title="Потребителски интерфейс – Bulgarian" lang="bg" hreflang="bg" data-title="Потребителски интерфейс" data-language-autonym="Български" data-language-local-name="Bulgarian" class="interlanguage-link-target"><span>Български</span></a></li><li class="interlanguage-link interwiki-bs mw-list-item"><a href="https://bs.wikipedia.org/wiki/Interakcija_%C4%8Dovjek-ra%C4%8Dunar" title="Interakcija čovjek-računar – Bosnian" lang="bs" hreflang="bs" data-title="Interakcija čovjek-računar" data-language-autonym="Bosanski" data-language-local-name="Bosnian" class="interlanguage-link-target"><span>Bosanski</span></a></li><li class="interlanguage-link interwiki-br mw-list-item"><a href="https://br.wikipedia.org/wiki/Ketal_arveriad" title="Ketal arveriad – Breton" lang="br" hreflang="br" data-title="Ketal arveriad" data-language-autonym="Brezhoneg" data-language-local-name="Breton" class="interlanguage-link-target"><span>Brezhoneg</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Interf%C3%ADcie_d%27usuari" title="Interfície d&#039;usuari – Catalan" lang="ca" hreflang="ca" data-title="Interfície d&#039;usuari" data-language-autonym="Català" data-language-local-name="Catalan" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/U%C5%BEivatelsk%C3%A9_rozhran%C3%AD" title="Uživatelské rozhraní – Czech" lang="cs" hreflang="cs" data-title="Uživatelské rozhraní" data-language-autonym="Čeština" data-language-local-name="Czech" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/Brugergr%C3%A6nseflade" title="Brugergrænseflade – Danish" lang="da" hreflang="da" data-title="Brugergrænseflade" data-language-autonym="Dansk" data-language-local-name="Danish" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Benutzerschnittstelle" title="Benutzerschnittstelle – German" lang="de" hreflang="de" data-title="Benutzerschnittstelle" data-language-autonym="Deutsch" data-language-local-name="German" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/Kasutajaliides" title="Kasutajaliides – Estonian" lang="et" hreflang="et" data-title="Kasutajaliides" data-language-autonym="Eesti" data-language-local-name="Estonian" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Interfaz_de_usuario" title="Interfaz de usuario – Spanish" lang="es" hreflang="es" data-title="Interfaz de usuario" data-language-autonym="Español" data-language-local-name="Spanish" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-eu mw-list-item"><a href="https://eu.wikipedia.org/wiki/Erabiltzailearen_interfaze" title="Erabiltzailearen interfaze – Basque" lang="eu" hreflang="eu" data-title="Erabiltzailearen interfaze" data-language-autonym="Euskara" data-language-local-name="Basque" class="interlanguage-link-target"><span>Euskara</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%B1%D8%A7%D8%A8%D8%B7_%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C" title="رابط کاربری – Persian" lang="fa" hreflang="fa" data-title="رابط کاربری" data-language-autonym="فارسی" data-language-local-name="Persian" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fr mw-list-item"><a href="https://fr.wikipedia.org/wiki/Interface_utilisateur" title="Interface utilisateur – French" lang="fr" hreflang="fr" data-title="Interface utilisateur" data-language-autonym="Français" data-language-local-name="French" class="interlanguage-link-target"><span>Français</span></a></li><li class="interlanguage-link interwiki-gl mw-list-item"><a href="https://gl.wikipedia.org/wiki/Interface_de_usuario" title="Interface de usuario – Galician" lang="gl" hreflang="gl" data-title="Interface de usuario" data-language-autonym="Galego" data-language-local-name="Galician" class="interlanguage-link-target"><span>Galego</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%EC%82%AC%EC%9A%A9%EC%9E%90_%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4" title="사용자 인터페이스 – Korean" lang="ko" hreflang="ko" data-title="사용자 인터페이스" data-language-autonym="한국어" data-language-local-name="Korean" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-hy mw-list-item"><a href="https://hy.wikipedia.org/wiki/%D5%95%D5%A3%D5%BF%D5%A1%D5%A3%D5%B8%D6%80%D5%AE%D5%B8%D5%B2%D5%AB_%D5%AB%D5%B6%D5%BF%D5%A5%D6%80%D6%86%D5%A5%D5%B5%D5%BD" title="Օգտագործողի ինտերֆեյս – Armenian" lang="hy" hreflang="hy" data-title="Օգտագործողի ինտերֆեյս" data-language-autonym="Հայերեն" data-language-local-name="Armenian" class="interlanguage-link-target"><span>Հայերեն</span></a></li><li class="interlanguage-link interwiki-hi mw-list-item"><a href="https://hi.wikipedia.org/wiki/%E0%A4%AF%E0%A5%82%E0%A4%9C%E0%A4%BC%E0%A4%B0_%E0%A4%87%E0%A4%82%E0%A4%9F%E0%A4%B0%E0%A4%AB%E0%A4%BC%E0%A5%87%E0%A4%B8" title="यूज़र इंटरफ़ेस – Hindi" lang="hi" hreflang="hi" data-title="यूज़र इंटरफ़ेस" data-language-autonym="हिन्दी" data-language-local-name="Hindi" class="interlanguage-link-target"><span>हिन्दी</span></a></li><li class="interlanguage-link interwiki-hr mw-list-item"><a href="https://hr.wikipedia.org/wiki/Korisni%C4%8Dko_su%C4%8Delje" title="Korisničko sučelje – Croatian" lang="hr" hreflang="hr" data-title="Korisničko sučelje" data-language-autonym="Hrvatski" data-language-local-name="Croatian" class="interlanguage-link-target"><span>Hrvatski</span></a></li><li class="interlanguage-link interwiki-io mw-list-item"><a href="https://io.wikipedia.org/wiki/Uzer-interkonekto" title="Uzer-interkonekto – Ido" lang="io" hreflang="io" data-title="Uzer-interkonekto" data-language-autonym="Ido" data-language-local-name="Ido" class="interlanguage-link-target"><span>Ido</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Antarmuka_pengguna" title="Antarmuka pengguna – Indonesian" lang="id" hreflang="id" data-title="Antarmuka pengguna" data-language-autonym="Bahasa Indonesia" data-language-local-name="Indonesian" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-is mw-list-item"><a href="https://is.wikipedia.org/wiki/Notendavi%C3%B0m%C3%B3t" title="Notendaviðmót – Icelandic" lang="is" hreflang="is" data-title="Notendaviðmót" data-language-autonym="Íslenska" data-language-local-name="Icelandic" class="interlanguage-link-target"><span>Íslenska</span></a></li><li class="interlanguage-link interwiki-it badge-Q70893996 mw-list-item" title=""><a href="https://it.wikipedia.org/wiki/Interfaccia_utente" title="Interfaccia utente – Italian" lang="it" hreflang="it" data-title="Interfaccia utente" data-language-autonym="Italiano" data-language-local-name="Italian" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-he mw-list-item"><a href="https://he.wikipedia.org/wiki/%D7%9E%D7%9E%D7%A9%D7%A7_%D7%9E%D7%A9%D7%AA%D7%9E%D7%A9" title="ממשק משתמש – Hebrew" lang="he" hreflang="he" data-title="ממשק משתמש" data-language-autonym="עברית" data-language-local-name="Hebrew" class="interlanguage-link-target"><span>עברית</span></a></li><li class="interlanguage-link interwiki-kn mw-list-item"><a href="https://kn.wikipedia.org/wiki/%E0%B2%AC%E0%B2%B3%E0%B2%95%E0%B3%86%E0%B2%A6%E0%B2%BE%E0%B2%B0%E0%B2%B0_%E0%B2%85%E0%B2%82%E0%B2%A4%E0%B2%B0%E0%B2%B8%E0%B2%82%E0%B2%AA%E0%B2%B0%E0%B3%8D%E0%B2%95_(%E0%B2%AF%E0%B3%82%E0%B2%B8%E0%B2%B0%E0%B3%8D_%E0%B2%87%E0%B2%82%E0%B2%9F%E0%B2%B0%E0%B3%8D_%E0%B2%AB%E0%B3%87%E0%B2%B8%E0%B3%8D)" title="ಬಳಕೆದಾರರ ಅಂತರಸಂಪರ್ಕ (ಯೂಸರ್ ಇಂಟರ್ ಫೇಸ್) – Kannada" lang="kn" hreflang="kn" data-title="ಬಳಕೆದಾರರ ಅಂತರಸಂಪರ್ಕ (ಯೂಸರ್ ಇಂಟರ್ ಫೇಸ್)" data-language-autonym="ಕನ್ನಡ" data-language-local-name="Kannada" class="interlanguage-link-target"><span>ಕನ್ನಡ</span></a></li><li class="interlanguage-link interwiki-sw mw-list-item"><a href="https://sw.wikipedia.org/wiki/Kiolesura_cha_mtumiaji" title="Kiolesura cha mtumiaji – Swahili" lang="sw" hreflang="sw" data-title="Kiolesura cha mtumiaji" data-language-autonym="Kiswahili" data-language-local-name="Swahili" class="interlanguage-link-target"><span>Kiswahili</span></a></li><li class="interlanguage-link interwiki-la mw-list-item"><a href="https://la.wikipedia.org/wiki/Interfacies_utentium" title="Interfacies utentium – Latin" lang="la" hreflang="la" data-title="Interfacies utentium" data-language-autonym="Latina" data-language-local-name="Latin" class="interlanguage-link-target"><span>Latina</span></a></li><li class="interlanguage-link interwiki-lv mw-list-item"><a href="https://lv.wikipedia.org/wiki/Lietot%C4%81ja_saskarne" title="Lietotāja saskarne – Latvian" lang="lv" hreflang="lv" data-title="Lietotāja saskarne" data-language-autonym="Latviešu" data-language-local-name="Latvian" class="interlanguage-link-target"><span>Latviešu</span></a></li><li class="interlanguage-link interwiki-lt mw-list-item"><a href="https://lt.wikipedia.org/wiki/Naudotojo_s%C4%85saja" title="Naudotojo sąsaja – Lithuanian" lang="lt" hreflang="lt" data-title="Naudotojo sąsaja" data-language-autonym="Lietuvių" data-language-local-name="Lithuanian" class="interlanguage-link-target"><span>Lietuvių</span></a></li><li class="interlanguage-link interwiki-hu mw-list-item"><a href="https://hu.wikipedia.org/wiki/Felhaszn%C3%A1l%C3%B3i_fel%C3%BClet" title="Felhasználói felület – Hungarian" lang="hu" hreflang="hu" data-title="Felhasználói felület" data-language-autonym="Magyar" data-language-local-name="Hungarian" class="interlanguage-link-target"><span>Magyar</span></a></li><li class="interlanguage-link interwiki-mk mw-list-item"><a href="https://mk.wikipedia.org/wiki/%D0%9A%D0%BE%D1%80%D0%B8%D1%81%D0%BD%D0%B8%D1%87%D0%BA%D0%B8_%D0%BF%D0%BE%D1%81%D1%80%D0%B5%D0%B4%D0%BD%D0%B8%D0%BA" title="Кориснички посредник – Macedonian" lang="mk" hreflang="mk" data-title="Кориснички посредник" data-language-autonym="Македонски" data-language-local-name="Macedonian" class="interlanguage-link-target"><span>Македонски</span></a></li><li class="interlanguage-link interwiki-ms mw-list-item"><a href="https://ms.wikipedia.org/wiki/Antara_muka_pengguna" title="Antara muka pengguna – Malay" lang="ms" hreflang="ms" data-title="Antara muka pengguna" data-language-autonym="Bahasa Melayu" data-language-local-name="Malay" class="interlanguage-link-target"><span>Bahasa Melayu</span></a></li><li class="interlanguage-link interwiki-mn mw-list-item"><a href="https://mn.wikipedia.org/wiki/%D0%A5%D1%8D%D1%80%D1%8D%D0%B3%D0%BB%D1%8D%D0%B3%D1%87%D0%B8%D0%B9%D0%BD_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D1%8D%D0%B9%D1%81" title="Хэрэглэгчийн интерфэйс – Mongolian" lang="mn" hreflang="mn" data-title="Хэрэглэгчийн интерфэйс" data-language-autonym="Монгол" data-language-local-name="Mongolian" class="interlanguage-link-target"><span>Монгол</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Gebruikersomgeving" title="Gebruikersomgeving – Dutch" lang="nl" hreflang="nl" data-title="Gebruikersomgeving" data-language-autonym="Nederlands" data-language-local-name="Dutch" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-new mw-list-item"><a href="https://new.wikipedia.org/wiki/%E0%A4%9B%E0%A5%8D%E0%A4%AF%E0%A5%8D%E2%80%8C%E0%A4%B2%E0%A4%BE%E0%A4%AE%E0%A4%BF_%E0%A4%87%E0%A4%A8%E0%A5%8D%E0%A4%9F%E0%A4%B0%E0%A4%AB%E0%A5%87%E0%A4%B8" title="छ्य्‌लामि इन्टरफेस – Newari" lang="new" hreflang="new" data-title="छ्य्‌लामि इन्टरफेस" data-language-autonym="नेपाल भाषा" data-language-local-name="Newari" class="interlanguage-link-target"><span>नेपाल भाषा</span></a></li><li class="interlanguage-link interwiki-ja mw-list-item"><a href="https://ja.wikipedia.org/wiki/%E3%83%A6%E3%83%BC%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9" title="ユーザインタフェース – Japanese" lang="ja" hreflang="ja" data-title="ユーザインタフェース" data-language-autonym="日本語" data-language-local-name="Japanese" class="interlanguage-link-target"><span>日本語</span></a></li><li class="interlanguage-link interwiki-no mw-list-item"><a href="https://no.wikipedia.org/wiki/Brukergrensesnitt" title="Brukergrensesnitt – Norwegian Bokmål" lang="nb" hreflang="nb" data-title="Brukergrensesnitt" data-language-autonym="Norsk bokmål" data-language-local-name="Norwegian Bokmål" class="interlanguage-link-target"><span>Norsk bokmål</span></a></li><li class="interlanguage-link interwiki-nn mw-list-item"><a href="https://nn.wikipedia.org/wiki/Brukargrensesnitt" title="Brukargrensesnitt – Norwegian Nynorsk" lang="nn" hreflang="nn" data-title="Brukargrensesnitt" data-language-autonym="Norsk nynorsk" data-language-local-name="Norwegian Nynorsk" class="interlanguage-link-target"><span>Norsk nynorsk</span></a></li><li class="interlanguage-link interwiki-uz mw-list-item"><a href="https://uz.wikipedia.org/wiki/Foydalanuvchi_interfeysi" title="Foydalanuvchi interfeysi – Uzbek" lang="uz" hreflang="uz" data-title="Foydalanuvchi interfeysi" data-language-autonym="Oʻzbekcha / ўзбекча" data-language-local-name="Uzbek" class="interlanguage-link-target"><span>Oʻzbekcha / ўзбекча</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Interfejs_u%C5%BCytkownika" title="Interfejs użytkownika – Polish" lang="pl" hreflang="pl" data-title="Interfejs użytkownika" data-language-autonym="Polski" data-language-local-name="Polish" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Interface_do_utilizador" title="Interface do utilizador – Portuguese" lang="pt" hreflang="pt" data-title="Interface do utilizador" data-language-autonym="Português" data-language-local-name="Portuguese" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-kaa mw-list-item"><a href="https://kaa.wikipedia.org/wiki/Paydalan%C4%B1wsh%C4%B1_interfeysi" title="Paydalanıwshı interfeysi – Kara-Kalpak" lang="kaa" hreflang="kaa" data-title="Paydalanıwshı interfeysi" data-language-autonym="Qaraqalpaqsha" data-language-local-name="Kara-Kalpak" class="interlanguage-link-target"><span>Qaraqalpaqsha</span></a></li><li class="interlanguage-link interwiki-ro mw-list-item"><a href="https://ro.wikipedia.org/wiki/Interfa%C8%9Ba_utilizatorului" title="Interfața utilizatorului – Romanian" lang="ro" hreflang="ro" data-title="Interfața utilizatorului" data-language-autonym="Română" data-language-local-name="Romanian" class="interlanguage-link-target"><span>Română</span></a></li><li class="interlanguage-link interwiki-qu mw-list-item"><a href="https://qu.wikipedia.org/wiki/Ruwaq_chawpin_uya" title="Ruwaq chawpin uya – Quechua" lang="qu" hreflang="qu" data-title="Ruwaq chawpin uya" data-language-autonym="Runa Simi" data-language-local-name="Quechua" class="interlanguage-link-target"><span>Runa Simi</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8F" title="Интерфейс пользователя – Russian" lang="ru" hreflang="ru" data-title="Интерфейс пользователя" data-language-autonym="Русский" data-language-local-name="Russian" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-sah mw-list-item"><a href="https://sah.wikipedia.org/wiki/%D0%A2%D1%83%D1%82%D1%82%D0%B0%D0%B0%D1%87%D1%87%D1%8B_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%B0" title="Туттааччы интерфейса – Yakut" lang="sah" hreflang="sah" data-title="Туттааччы интерфейса" data-language-autonym="Саха тыла" data-language-local-name="Yakut" class="interlanguage-link-target"><span>Саха тыла</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/User_interface" title="User interface – Simple English" lang="en-simple" hreflang="en-simple" data-title="User interface" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sk mw-list-item"><a href="https://sk.wikipedia.org/wiki/Pou%C5%BE%C3%ADvate%C4%BEsk%C3%A9_rozhranie" title="Používateľské rozhranie – Slovak" lang="sk" hreflang="sk" data-title="Používateľské rozhranie" data-language-autonym="Slovenčina" data-language-local-name="Slovak" class="interlanguage-link-target"><span>Slovenčina</span></a></li><li class="interlanguage-link interwiki-sl mw-list-item"><a href="https://sl.wikipedia.org/wiki/Uporabni%C5%A1ki_vmesnik" title="Uporabniški vmesnik – Slovenian" lang="sl" hreflang="sl" data-title="Uporabniški vmesnik" data-language-autonym="Slovenščina" data-language-local-name="Slovenian" class="interlanguage-link-target"><span>Slovenščina</span></a></li><li class="interlanguage-link interwiki-ckb mw-list-item"><a href="https://ckb.wikipedia.org/wiki/%D9%86%DB%8E%D9%88%D8%A7%D9%86%DB%95%DA%95%D9%88%D9%88%DB%8C_%D8%A8%DB%95%DA%A9%D8%A7%D8%B1%DA%BE%DB%8E%D9%86%DB%95%D8%B1" title="نێوانەڕووی بەکارھێنەر – Central Kurdish" lang="ckb" hreflang="ckb" data-title="نێوانەڕووی بەکارھێنەر" data-language-autonym="کوردی" data-language-local-name="Central Kurdish" class="interlanguage-link-target"><span>کوردی</span></a></li><li class="interlanguage-link interwiki-sr mw-list-item"><a href="https://sr.wikipedia.org/wiki/%D0%9A%D0%BE%D1%80%D0%B8%D1%81%D0%BD%D0%B8%D1%87%D0%BA%D0%B8_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D1%98%D1%81" title="Кориснички интерфејс – Serbian" lang="sr" hreflang="sr" data-title="Кориснички интерфејс" data-language-autonym="Српски / srpski" data-language-local-name="Serbian" class="interlanguage-link-target"><span>Српски / srpski</span></a></li><li class="interlanguage-link interwiki-sh mw-list-item"><a href="https://sh.wikipedia.org/wiki/Korisni%C4%8Dko_su%C4%8Delje" title="Korisničko sučelje – Serbo-Croatian" lang="sh" hreflang="sh" data-title="Korisničko sučelje" data-language-autonym="Srpskohrvatski / српскохрватски" data-language-local-name="Serbo-Croatian" class="interlanguage-link-target"><span>Srpskohrvatski / српскохрватски</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/K%C3%A4ytt%C3%B6liittym%C3%A4" title="Käyttöliittymä – Finnish" lang="fi" hreflang="fi" data-title="Käyttöliittymä" data-language-autonym="Suomi" data-language-local-name="Finnish" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-sv mw-list-item"><a href="https://sv.wikipedia.org/wiki/Anv%C3%A4ndargr%C3%A4nssnitt" title="Användargränssnitt – Swedish" lang="sv" hreflang="sv" data-title="Användargränssnitt" data-language-autonym="Svenska" data-language-local-name="Swedish" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-tl mw-list-item"><a href="https://tl.wikipedia.org/wiki/User_interface" title="User interface – Tagalog" lang="tl" hreflang="tl" data-title="User interface" data-language-autonym="Tagalog" data-language-local-name="Tagalog" class="interlanguage-link-target"><span>Tagalog</span></a></li><li class="interlanguage-link interwiki-ta mw-list-item"><a href="https://ta.wikipedia.org/wiki/%E0%AE%AA%E0%AE%AF%E0%AE%A9%E0%AE%B0%E0%AF%8D_%E0%AE%87%E0%AE%9F%E0%AF%88%E0%AE%AE%E0%AF%81%E0%AE%95%E0%AE%AE%E0%AF%8D" title="பயனர் இடைமுகம் – Tamil" lang="ta" hreflang="ta" data-title="பயனர் இடைமுகம்" data-language-autonym="தமிழ்" data-language-local-name="Tamil" class="interlanguage-link-target"><span>தமிழ்</span></a></li><li class="interlanguage-link interwiki-th mw-list-item"><a href="https://th.wikipedia.org/wiki/%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%95%E0%B9%88%E0%B8%AD%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%AA%E0%B8%B2%E0%B8%99%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%83%E0%B8%8A%E0%B9%89" title="ส่วนต่อประสานกับผู้ใช้ – Thai" lang="th" hreflang="th" data-title="ส่วนต่อประสานกับผู้ใช้" data-language-autonym="ไทย" data-language-local-name="Thai" class="interlanguage-link-target"><span>ไทย</span></a></li><li class="interlanguage-link interwiki-tr mw-list-item"><a href="https://tr.wikipedia.org/wiki/Kullan%C4%B1c%C4%B1_aray%C3%BCz%C3%BC" title="Kullanıcı arayüzü – Turkish" lang="tr" hreflang="tr" data-title="Kullanıcı arayüzü" data-language-autonym="Türkçe" data-language-local-name="Turkish" class="interlanguage-link-target"><span>Türkçe</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%86%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81_%D0%BA%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87%D0%B0" title="Інтерфейс користувача – Ukrainian" lang="uk" hreflang="uk" data-title="Інтерфейс користувача" data-language-autonym="Українська" data-language-local-name="Ukrainian" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-ur mw-list-item"><a href="https://ur.wikipedia.org/wiki/%DB%8C%D9%88%D8%B2%D8%B1_%D8%A7%D9%86%D9%B9%D8%B1%D9%81%DB%8C%D8%B3" title="یوزر انٹرفیس – Urdu" lang="ur" hreflang="ur" data-title="یوزر انٹرفیس" data-language-autonym="اردو" data-language-local-name="Urdu" class="interlanguage-link-target"><span>اردو</span></a></li><li class="interlanguage-link interwiki-vi mw-list-item"><a href="https://vi.wikipedia.org/wiki/Giao_di%E1%BB%87n_ng%C6%B0%E1%BB%9Di_d%C3%B9ng" title="Giao diện người dùng – Vietnamese" lang="vi" hreflang="vi" data-title="Giao diện người dùng" data-language-autonym="Tiếng Việt" data-language-local-name="Vietnamese" class="interlanguage-link-target"><span>Tiếng Việt</span></a></li><li class="interlanguage-link interwiki-wuu mw-list-item"><a href="https://wuu.wikipedia.org/wiki/%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2" title="用户界面 – Wu" lang="wuu" hreflang="wuu" data-title="用户界面" data-language-autonym="吴语" data-language-local-name="Wu" class="interlanguage-link-target"><span>吴语</span></a></li><li class="interlanguage-link interwiki-zh-yue mw-list-item"><a href="https://zh-yue.wikipedia.org/wiki/%E7%94%A8%E5%AE%B6%E4%BB%8B%E9%9D%A2" title="用家介面 – Cantonese" lang="yue" hreflang="yue" data-title="用家介面" data-language-autonym="粵語" data-language-local-name="Cantonese" class="interlanguage-link-target"><span>粵語</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2" title="用户界面 – Chinese" lang="zh" hreflang="zh" data-title="用户界面" data-language-autonym="中文" data-language-local-name="Chinese" class="interlanguage-link-target"><span>中文</span></a></li><li class="interlanguage-link interwiki-bew mw-list-item"><a href="https://bew.wikipedia.org/wiki/Telampangan_pemak%C3%A9" title="Telampangan pemaké – Betawi" lang="bew" hreflang="bew" data-title="Telampangan pemaké" data-language-autonym="Betawi" data-language-local-name="Betawi" class="interlanguage-link-target"><span>Betawi</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q47146#sitelinks-wikipedia" title="Edit interlanguage links" class="wbc-editpage">Edit links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/User_interface" title="View the content page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Talk:User_interface" rel="discussion" title="Discuss improvements to the content page [t]" accesskey="t"><span>Talk</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/User_interface"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=User_interface&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=User_interface&amp;action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/User_interface"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=User_interface&amp;action=edit" title="Edit this page [e]" accesskey="e"><span>Edit</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=User_interface&amp;action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/User_interface" title="List of all English Wikipedia pages containing links to this page [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/User_interface" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="//en.wikipedia.org/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=User_interface&amp;oldid=1277656824" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=User_interface&amp;action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&amp;page=User_interface&amp;id=1277656824&amp;wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FUser_interface"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&amp;url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FUser_interface"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&amp;page=User_interface&amp;action=show-download-screen" title="Download this page as a PDF file"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=User_interface&amp;printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:User_interfaces" hreflang="en"><span>Wikimedia Commons</span></a></li><li class="wb-otherproject-link wb-otherproject-wikiquote mw-list-item"><a href="https://en.wikiquote.org/wiki/User_interfaces" hreflang="en"><span>Wikiquote</span></a></li><li class="wb-otherproject-link wb-otherproject-wikiversity mw-list-item"><a href="https://en.wikiversity.org/wiki/User_interfaces" hreflang="en"><span>Wikiversity</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q47146" title="Structured data on this page hosted by Wikidata [g]" accesskey="g"><span>Wikidata item</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikipedia, the free encyclopedia</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="shortdescription nomobile noexcerpt noprint searchaux" style="display:none">Means by which a user interacts with and controls a machine</div> <style data-mw-deduplicate="TemplateStyles:r1236090951">.mw-parser-output .hatnote{font-style:italic}.mw-parser-output div.hatnote{padding-left:1.6em;margin-bottom:0.5em}.mw-parser-output .hatnote i{font-style:normal}.mw-parser-output .hatnote+link+.hatnote{margin-top:-0.5em}@media print{body.ns-0 .mw-parser-output .hatnote{display:none!important}}</style><div role="note" class="hatnote navigation-not-searchable">For the boundary between computer systems, see <a href="/wiki/Interface_(computing)" title="Interface (computing)">Interface (computing)</a>.</div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951" /><div role="note" class="hatnote navigation-not-searchable">"Man–machine interface" redirects here. For other uses, see <a href="/wiki/UI_(disambiguation)" class="mw-redirect mw-disambig" title="UI (disambiguation)">UI (disambiguation)</a>. For the communications protocol, see <a href="/wiki/GSM_Man-Machine_Interface" class="mw-redirect" title="GSM Man-Machine Interface">GSM Man-Machine Interface</a>.</div> <p class="mw-empty-elt"> </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:XFCE-4.10-Desktop.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d7/XFCE-4.10-Desktop.png/250px-XFCE-4.10-Desktop.png" decoding="async" width="220" height="138" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/d7/XFCE-4.10-Desktop.png/330px-XFCE-4.10-Desktop.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/d7/XFCE-4.10-Desktop.png/500px-XFCE-4.10-Desktop.png 2x" data-file-width="1280" data-file-height="800" /></a><figcaption>The <a href="/wiki/Xfce" title="Xfce">Xfce</a> desktop environment offers a <a href="/wiki/Graphical_user_interface" title="Graphical user interface">graphical user interface</a> following the <a href="/wiki/Desktop_metaphor" title="Desktop metaphor">desktop metaphor</a>. </figcaption></figure> <p>In the <a href="/wiki/Industrial_design" title="Industrial design">industrial design</a> field of <a href="/wiki/Human%E2%80%93computer_interaction" title="Human–computer interaction">human–computer interaction</a>, a <b>user interface</b> (<b>UI</b>) is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine from the human end, while the machine simultaneously feeds back information that aids the operators' <a href="/wiki/Decision-making" title="Decision-making">decision-making</a> process. Examples of this broad concept of user interfaces include the interactive aspects of computer <a href="/wiki/Operating_system" title="Operating system">operating systems</a>, hand <a href="/wiki/Tool" title="Tool">tools</a>, <a href="/wiki/Heavy_machinery" class="mw-redirect" title="Heavy machinery">heavy machinery</a> operator controls and <a href="/wiki/Unit_operation" title="Unit operation">process</a> controls. The design considerations applicable when creating user interfaces are related to, or involve such disciplines as, <a href="/wiki/Ergonomics" title="Ergonomics">ergonomics</a> and <a href="/wiki/Psychology" title="Psychology">psychology</a>. </p><p>Generally, the goal of <a href="/wiki/User_interface_design" title="User interface design">user interface design</a> is to produce a user interface that makes it easy, efficient, and enjoyable (user-friendly) to operate a machine in the way which produces the desired result (i.e. maximum <a href="/wiki/Usability" title="Usability">usability</a>). This generally means that the operator needs to provide minimal input to achieve the desired output, and also that the machine minimizes undesired outputs to the user. </p><p>User interfaces are composed of one or more layers, including a <b>human–machine interface</b> (<b>HMI</b>) that typically interfaces machines with physical <a href="/wiki/Input_device" title="Input device">input hardware</a> (such as keyboards, mice, or game pads) and output hardware (such as <a href="/wiki/Computer_monitor" title="Computer monitor">computer monitors</a>, speakers, and <a href="/wiki/Printer_(computing)" title="Printer (computing)">printers</a>). A device that implements an HMI is called a <a href="/wiki/Human_interface_device" title="Human interface device">human interface device</a> (HID). User interfaces that dispense with the physical movement of body parts as an intermediary step between the brain and the machine use no input or output devices except electrodes alone; they are called <a href="/wiki/Brain%E2%80%93computer_interface" title="Brain–computer interface">brain–computer interfaces</a> (BCIs) or <a href="/wiki/Brain%E2%80%93machine_interface" class="mw-redirect" title="Brain–machine interface">brain–machine interfaces</a> (BMIs). </p><p>Other terms for human–machine interfaces are <b>man–machine interface</b> (<b>MMI</b>) and, when the machine in question is a computer, <b>human–computer interface</b>. Additional UI layers may interact with one or more human senses, including: tactile UI (<a href="/wiki/Somatosensory_system" title="Somatosensory system">touch</a>), visual UI (<a href="/wiki/Visual_perception" title="Visual perception">sight</a>), auditory UI (<a href="/wiki/Hearing" title="Hearing">sound</a>), olfactory UI (<a href="/wiki/Olfaction" class="mw-redirect" title="Olfaction">smell</a>), equilibria UI (<a href="/wiki/Sense_of_balance" title="Sense of balance">balance</a>), and gustatory UI (<a href="/wiki/Taste" title="Taste">taste</a>). </p><p><b>Composite user interfaces</b> (<b>CUIs</b>) are UIs that interact with two or more senses. The most common CUI is a <i><a href="/wiki/Graphical_user_interface" title="Graphical user interface">graphical user interface</a></i> (GUI), which is composed of a tactile UI and a visual UI capable of displaying <a href="/wiki/Graphics" title="Graphics">graphics</a>. When sound is added to a GUI, it becomes a <i>multimedia user interface</i> (MUI). There are three broad categories of CUI: <i>standard</i>, <i>virtual</i> and <i>augmented</i>. Standard CUI use standard human interface devices like keyboards, mice, and computer monitors. When the CUI blocks out the real world to create a <a href="/wiki/Virtual_reality" title="Virtual reality">virtual reality</a>, the CUI is virtual and uses a <i>virtual reality interface</i>. When the CUI does not block out the real world and creates <a href="/wiki/Augmented_reality" title="Augmented reality">augmented reality</a>, the CUI is augmented and uses an <i>augmented reality interface</i>. When a UI interacts with all human senses, it is called a qualia interface, named after the theory of <a href="/wiki/Qualia" title="Qualia">qualia</a>.<sup class="noprint Inline-Template Template-Fact" style="white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources. (January 2022)">citation needed</span></a></i>&#93;</sup> CUI may also be classified by how many senses they interact with as either an X-sense virtual reality interface or X-sense augmented reality interface, where X is the number of senses interfaced with. For example, a <a href="/wiki/Smell-O-Vision" title="Smell-O-Vision">Smell-O-Vision</a> is a 3-sense (3S) Standard CUI with visual display, sound and smells; when <i>virtual reality interfaces</i> interface with smells and touch it is said to be a 4-sense (4S) virtual reality interface; and when <i>augmented reality interfaces</i> interface with smells and touch it is said to be a 4-sense (4S) augmented reality interface. </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Overview">Overview</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=1" title="Edit section: Overview"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Reactable_Multitouch.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Reactable_Multitouch.jpg/220px-Reactable_Multitouch.jpg" decoding="async" width="220" height="147" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Reactable_Multitouch.jpg/330px-Reactable_Multitouch.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Reactable_Multitouch.jpg/440px-Reactable_Multitouch.jpg 2x" data-file-width="2048" data-file-height="1371" /></a><figcaption>The <a href="/wiki/Reactable" title="Reactable">Reactable</a> musical instrument, an example of a <a href="/wiki/Tangible_user_interface" title="Tangible user interface">tangible user interface</a></figcaption></figure> <p>The user interface or <i>human–machine interface</i> is the part of the machine that handles the human–machine interaction. Membrane switches, rubber keypads and touchscreens are examples of the physical part of the Human Machine Interface which we can see and touch.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup> </p><p>In complex systems, the human–machine interface is typically computerized. The term <i>human–computer interface</i> refers to this kind of system. In the context of computing, the term typically extends as well to the software dedicated to control the physical elements used for <a href="/wiki/Human%E2%80%93computer_interaction" title="Human–computer interaction">human–computer interaction</a>. </p><p>The engineering of human–machine interfaces is enhanced by considering <a href="/wiki/Ergonomics" title="Ergonomics">ergonomics</a> (<a href="/wiki/Human_factors" class="mw-redirect" title="Human factors">human factors</a>). The corresponding disciplines are <a href="/wiki/Human_factors_engineering" class="mw-redirect" title="Human factors engineering">human factors engineering</a> (HFE) and <a href="/wiki/Usability_engineering" title="Usability engineering">usability engineering</a> (UE) which is part of <a href="/wiki/Systems_engineering" title="Systems engineering">systems engineering</a>. </p><p>Tools used for incorporating human factors in the interface design are developed based on knowledge of <a href="/wiki/Computer_science" title="Computer science">computer science</a>, such as <a href="/wiki/Computer_graphics" title="Computer graphics">computer graphics</a>, <a href="/wiki/Operating_systems" class="mw-redirect" title="Operating systems">operating systems</a>, <a href="/wiki/Programming_language" title="Programming language">programming languages</a>. Nowadays, we use the expression <a href="/wiki/Graphical_user_interface" title="Graphical user interface">graphical user interface</a> for human–machine interface on computers, as nearly all of them are now using graphics.<sup class="noprint Inline-Template Template-Fact" style="white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources. (May 2020)">citation needed</span></a></i>&#93;</sup> </p><p><a href="/wiki/Multimodal_interface" class="mw-redirect" title="Multimodal interface">Multimodal interfaces</a> allow users to interact using more than one <a href="/wiki/Modality_(human%E2%80%93computer_interaction)" title="Modality (human–computer interaction)">modality</a> of user input.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">&#91;</span>2<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="Terminology">Terminology</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=2" title="Edit section: Terminology"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure typeof="mw:File/Thumb"><a href="/wiki/File:Linux_kernel_INPUT_OUPUT_evdev_gem_USB_framebuffer.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Linux_kernel_INPUT_OUPUT_evdev_gem_USB_framebuffer.svg/300px-Linux_kernel_INPUT_OUPUT_evdev_gem_USB_framebuffer.svg.png" decoding="async" width="300" height="169" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Linux_kernel_INPUT_OUPUT_evdev_gem_USB_framebuffer.svg/450px-Linux_kernel_INPUT_OUPUT_evdev_gem_USB_framebuffer.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Linux_kernel_INPUT_OUPUT_evdev_gem_USB_framebuffer.svg/600px-Linux_kernel_INPUT_OUPUT_evdev_gem_USB_framebuffer.svg.png 2x" data-file-width="1920" data-file-height="1080" /></a><figcaption>A human–machine interface usually involves <a href="/wiki/Peripheral" title="Peripheral">peripheral hardware</a> for the INPUT and for the OUTPUT. Often, there is an additional component implemented in software, like e.g. a <a href="/wiki/Graphical_user_interface" title="Graphical user interface">graphical user interface</a>.</figcaption></figure> <p>There is a difference between a user interface and an operator interface or a human–machine interface (HMI). </p> <ul><li>The term "user interface" is often used in the context of (personal) computer systems and <a href="/wiki/Electronics" title="Electronics">electronic devices</a>. <ul><li>Where a network of equipment or computers are interlinked through an MES (Manufacturing Execution System)-or Host to display information.</li> <li>A human–machine interface (HMI) is typically local to one machine or piece of equipment, and is the interface method between the human and the equipment/machine. An operator interface is the interface method by which multiple pieces of equipment, linked by a host control system, are accessed or controlled.<sup class="noprint Inline-Template" style="margin-left:0.1em; white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Please_clarify" title="Wikipedia:Please clarify"><span title="The text near this tag may need clarification or removal of jargon. (January 2010)">clarification needed</span></a></i>&#93;</sup></li> <li>The system may expose several user interfaces to serve different kinds of users. For example, a <a href="/wiki/Digital_library" title="Digital library">computerized library database</a> might provide two user interfaces, one for library patrons (limited set of functions, optimized for ease of use) and the other for library personnel (wide set of functions, optimized for efficiency).<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">&#91;</span>3<span class="cite-bracket">&#93;</span></a></sup></li></ul></li> <li>The user interface of a <a href="/wiki/Machine" title="Machine">mechanical</a> system, a vehicle or an <a href="/wiki/Industry_(manufacturing)" class="mw-redirect" title="Industry (manufacturing)">industrial</a> installation is sometimes referred to as the human–machine interface (HMI).<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup> HMI is a modification of the original term MMI (man–machine interface).<sup id="cite_ref-Nigeria_5-0" class="reference"><a href="#cite_note-Nigeria-5"><span class="cite-bracket">&#91;</span>5<span class="cite-bracket">&#93;</span></a></sup> In practice, the abbreviation MMI is still frequently used<sup id="cite_ref-Nigeria_5-1" class="reference"><a href="#cite_note-Nigeria-5"><span class="cite-bracket">&#91;</span>5<span class="cite-bracket">&#93;</span></a></sup> although some may claim that MMI stands for something different now.<sup class="noprint Inline-Template Template-Fact" style="white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources. (March 2019)">citation needed</span></a></i>&#93;</sup> Another abbreviation is HCI, but is more commonly used for <a href="/wiki/Human%E2%80%93computer_interaction" title="Human–computer interaction">human–computer interaction</a>.<sup id="cite_ref-Nigeria_5-2" class="reference"><a href="#cite_note-Nigeria-5"><span class="cite-bracket">&#91;</span>5<span class="cite-bracket">&#93;</span></a></sup> Other terms used are operator interface console (OIC) and operator interface terminal (OIT).<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">&#91;</span>6<span class="cite-bracket">&#93;</span></a></sup> However it is abbreviated, the terms refer to the 'layer' that separates a human that is operating a machine from the machine itself.<sup id="cite_ref-Nigeria_5-3" class="reference"><a href="#cite_note-Nigeria-5"><span class="cite-bracket">&#91;</span>5<span class="cite-bracket">&#93;</span></a></sup> Without a clean and usable interface, humans would not be able to interact with information systems.</li></ul> <p>In <a href="/wiki/Science_fiction" title="Science fiction">science fiction</a>, HMI is sometimes used to refer to what is better described as a <a href="/wiki/Direct_neural_interface" class="mw-redirect" title="Direct neural interface">direct neural interface</a>. However, this latter usage is seeing increasing application in the real-life use of (medical) <a href="/wiki/Prostheses" class="mw-redirect" title="Prostheses">prostheses</a>—the artificial extension that replaces a missing body part (e.g., <a href="/wiki/Cochlear_implants" class="mw-redirect" title="Cochlear implants">cochlear implants</a>).<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite-bracket">&#91;</span>7<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">&#91;</span>8<span class="cite-bracket">&#93;</span></a></sup> </p><p>In some circumstances, computers might observe the user and react according to their actions without specific commands. A means of <a href="/wiki/Positional_tracking" class="mw-redirect" title="Positional tracking">tracking parts of the body</a> is required, and sensors noting the position of the head, <a href="/wiki/Eye_tracking" title="Eye tracking">direction of gaze</a> and so on have been used experimentally. This is particularly relevant to <a href="/wiki/Immersive_digital_environment" class="mw-redirect" title="Immersive digital environment">immersive interfaces</a>.<sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">&#91;</span>9<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-10" class="reference"><a href="#cite_note-10"><span class="cite-bracket">&#91;</span>10<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="History">History</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=3" title="Edit section: History"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The history of user interfaces can be divided into the following phases according to the dominant type of user interface: </p> <div class="mw-heading mw-heading3"><h3 id="1945–1968:_Batch_interface"><span id="1945.E2.80.931968:_Batch_interface"></span>1945–1968: Batch interface</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=4" title="Edit section: 1945–1968: Batch interface"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:LCM_-_IBM_029_Card_Punch_01.jpg" class="mw-file-description"><img alt="IBM 029 card punch" src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/LCM_-_IBM_029_Card_Punch_01.jpg/220px-LCM_-_IBM_029_Card_Punch_01.jpg" decoding="async" width="220" height="146" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/LCM_-_IBM_029_Card_Punch_01.jpg/330px-LCM_-_IBM_029_Card_Punch_01.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/ee/LCM_-_IBM_029_Card_Punch_01.jpg/440px-LCM_-_IBM_029_Card_Punch_01.jpg 2x" data-file-width="4288" data-file-height="2848" /></a><figcaption>IBM 029</figcaption></figure> <p>In the batch era, computing power was extremely scarce and expensive. User interfaces were rudimentary. Users had to accommodate computers rather than the other way around; user interfaces were considered overhead, and software was designed to keep the processor at maximum utilization with as little overhead as possible. </p><p>The input side of the user interfaces for batch machines was mainly <a href="/wiki/Punched_card" title="Punched card">punched cards</a> or equivalent media like <a href="/wiki/Paper_tape" class="mw-redirect" title="Paper tape">paper tape</a>. The output side added <a href="/wiki/Line_printer" title="Line printer">line printers</a> to these media. With the limited exception of the system <a href="/wiki/System_console" class="mw-redirect" title="System console">operator's console</a>, human beings did not interact with batch machines in real time at all. </p><p>Submitting a job to a batch machine involved first preparing a deck of punched cards that described a program and its dataset. The program cards were not punched on the computer itself but on <a href="/wiki/Keypunch" title="Keypunch">keypunches</a>, specialized, typewriter-like machines that were notoriously bulky, unforgiving, and prone to mechanical failure. The software interface was similarly unforgiving, with very strict syntaxes designed to be parsed by the smallest possible compilers and interpreters. </p> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:Card_puncher_-_NARA_-_513295.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Card_puncher_-_NARA_-_513295.jpg/220px-Card_puncher_-_NARA_-_513295.jpg" decoding="async" width="220" height="173" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Card_puncher_-_NARA_-_513295.jpg/330px-Card_puncher_-_NARA_-_513295.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/8f/Card_puncher_-_NARA_-_513295.jpg/440px-Card_puncher_-_NARA_-_513295.jpg 2x" data-file-width="2960" data-file-height="2332" /></a><figcaption>Holes are punched in the card according to a prearranged code transferring the facts from the census questionnaire into <a href="/wiki/Statistics" title="Statistics">statistics</a>.</figcaption></figure> <p>Once the cards were punched, one would drop them in a job queue and wait. Eventually, operators would feed the deck to the computer, perhaps mounting <a href="/wiki/Magnetic_tape_data_storage" class="mw-redirect" title="Magnetic tape data storage">magnetic tapes</a> to supply another dataset or helper software. The job would generate a printout, containing final results or an abort notice with an attached error log. Successful runs might also write a result on magnetic tape or generate some data cards to be used in a later computation. </p><p>The <a href="/wiki/Turnaround_time" title="Turnaround time">turnaround time</a> for a single job often spanned entire days. If one was very lucky, it might be hours; there was no real-time response. But there were worse fates than the card queue; some computers required an even more tedious and error-prone process of toggling in programs in binary code using console switches. The very earliest machines had to be partly rewired to incorporate program logic into themselves, using devices known as <a href="/wiki/Plugboard" title="Plugboard">plugboards</a>. </p><p>Early batch systems gave the currently running job the entire computer; program decks and tapes had to include what we would now think of as <a href="/wiki/Operating_system" title="Operating system">operating system</a> code to talk to I/O devices and do whatever other housekeeping was needed. Midway through the batch period, after 1957, various groups began to experiment with so-called "<a href="/wiki/Compile_and_go_system" title="Compile and go system">load-and-go</a>" systems. These used a <a href="/wiki/Resident_monitor" title="Resident monitor">monitor program</a> which was always resident on the computer. Programs could call the monitor for services. Another function of the monitor was to do better error checking on submitted jobs, catching errors earlier and more intelligently and generating more useful feedback to the users. Thus, monitors represented the first step towards both operating systems and explicitly designed user interfaces. </p> <div class="mw-heading mw-heading3"><h3 id="1969–present:_Command-line_user_interface"><span id="1969.E2.80.93present:_Command-line_user_interface"></span>1969–present: Command-line user interface</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=5" title="Edit section: 1969–present: Command-line user interface"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951" /><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Command-line_interface" title="Command-line interface">Command-line interface</a></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:ASR-33_at_CHM.agr.jpg" class="mw-file-description"><img alt="Teletype Model 33" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/ASR-33_at_CHM.agr.jpg/220px-ASR-33_at_CHM.agr.jpg" decoding="async" width="220" height="165" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/ASR-33_at_CHM.agr.jpg/330px-ASR-33_at_CHM.agr.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/ASR-33_at_CHM.agr.jpg/440px-ASR-33_at_CHM.agr.jpg 2x" data-file-width="3264" data-file-height="2448" /></a><figcaption>Teletype Model 33 ASR</figcaption></figure> <p><b>Command-line interfaces</b> (<b>CLIs</b>) evolved from batch monitors connected to the system console. Their interaction model was a series of request-response transactions, with requests expressed as textual commands in a specialized vocabulary. Latency was far lower than for batch systems, dropping from days or hours to seconds. Accordingly, command-line systems allowed the user to change their mind about later stages of the transaction in response to real-time or near-real-time feedback on earlier results. Software could be exploratory and interactive in ways not possible before. But these interfaces still placed a relatively heavy <a href="/wiki/Mnemonic" title="Mnemonic">mnemonic</a> load on the user, requiring a serious investment of effort and learning time to master.<sup id="cite_ref-anaheimguide_11-0" class="reference"><a href="#cite_note-anaheimguide-11"><span class="cite-bracket">&#91;</span>11<span class="cite-bracket">&#93;</span></a></sup> </p><p>The earliest command-line systems combined <a href="/wiki/Teleprinter" title="Teleprinter">teleprinters</a> with computers, adapting a mature technology that had proven effective for mediating the transfer of information over wires between human beings. Teleprinters had originally been invented as devices for automatic telegraph transmission and reception; they had a history going back to 1902 and had already become well-established in newsrooms and elsewhere by 1920. In reusing them, economy was certainly a consideration, but psychology and the <a href="/wiki/Principle_of_least_astonishment" title="Principle of least astonishment">rule of least surprise</a> mattered as well; teleprinters provided a point of interface with the system that was familiar to many engineers and users. </p> <figure class="mw-default-size mw-halign-left" typeof="mw:File/Thumb"><a href="/wiki/File:DEC_VT100_terminal.jpg" class="mw-file-description"><img alt="The VT100, introduced in 197″8, was the most popular VDT of all time. Most terminal emulators still default to VT100 mode." src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/DEC_VT100_terminal.jpg/250px-DEC_VT100_terminal.jpg" decoding="async" width="220" height="195" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/DEC_VT100_terminal.jpg/330px-DEC_VT100_terminal.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/99/DEC_VT100_terminal.jpg/500px-DEC_VT100_terminal.jpg 2x" data-file-width="2776" data-file-height="2464" /></a><figcaption>DEC VT100 terminal</figcaption></figure> <p>The widespread adoption of video-display terminals (VDTs) in the mid-1970s ushered in the second phase of command-line systems. These cut latency further, because characters could be thrown on the phosphor dots of a screen more quickly than a printer head or carriage can move. They helped quell conservative resistance to interactive programming by cutting ink and paper consumables out of the cost picture, and were to the first TV generation of the late 1950s and 60s even more iconic and comfortable than teleprinters had been to the computer pioneers of the 1940s. </p><p>Just as importantly, the existence of an accessible screen—a two-dimensional display of text that could be rapidly and reversibly modified—made it economical for software designers to deploy interfaces that could be described as visual rather than textual. The pioneering applications of this kind were computer games and text editors; close descendants of some of the earliest specimens, such as <a href="/wiki/Rogue_(video_game)" title="Rogue (video game)">rogue</a>(6), and <a href="/wiki/Vi_(text_editor)" title="Vi (text editor)">vi</a>(1), are still a live part of <a href="/wiki/Unix" title="Unix">Unix</a> tradition. </p> <div class="mw-heading mw-heading3"><h3 id="1985:_SAA_user_interface_or_text-based_user_interface">1985: SAA user interface or text-based user interface</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=6" title="Edit section: 1985: SAA user interface or text-based user interface"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>In 1985, with the beginning of <a href="/wiki/Microsoft_Windows" title="Microsoft Windows">Microsoft Windows</a> and other <a href="/wiki/Graphical_user_interface" title="Graphical user interface">graphical user interfaces</a>, IBM created what is called the <a href="/wiki/IBM_Systems_Application_Architecture" title="IBM Systems Application Architecture">Systems Application Architecture</a> (SAA) standard which include the <a href="/wiki/IBM_Common_User_Access" title="IBM Common User Access">Common User Access</a> (CUA) derivative. CUA successfully created what we know and use today in Windows, and most of the more recent <a href="/wiki/DOS" title="DOS">DOS</a> or Windows Console Applications will use that standard as well. </p><p>This defined that a pulldown menu system should be at the top of the screen, status bar at the bottom, shortcut keys should stay the same for all common functionality (F2 to Open for example would work in all applications that followed the SAA standard). This greatly helped the speed at which users could learn an application so it caught on quick and became an industry standard.<sup id="cite_ref-12" class="reference"><a href="#cite_note-12"><span class="cite-bracket">&#91;</span>12<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="1968–present:_Graphical_user_interface"><span id="1968.E2.80.93present:_Graphical_user_interface"></span>1968–present: Graphical user interface</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=7" title="Edit section: 1968–present: Graphical user interface"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951" /><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/Graphical_user_interface" title="Graphical user interface">Graphical user interface</a></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:AMX_desk_box.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/AMX_desk_box.jpg/220px-AMX_desk_box.jpg" decoding="async" width="220" height="263" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/ee/AMX_desk_box.jpg/330px-AMX_desk_box.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/e/ee/AMX_desk_box.jpg 2x" data-file-width="401" data-file-height="480" /></a><figcaption>AMX Desk made a basic <a href="/wiki/WIMP_(computing)" title="WIMP (computing)">WIMP</a> GUI.</figcaption></figure> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:1989_-_Linotype_Wysiwyg_2000.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/e/ef/1989_-_Linotype_Wysiwyg_2000.jpg/220px-1989_-_Linotype_Wysiwyg_2000.jpg" decoding="async" width="220" height="312" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/e/ef/1989_-_Linotype_Wysiwyg_2000.jpg/330px-1989_-_Linotype_Wysiwyg_2000.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/e/ef/1989_-_Linotype_Wysiwyg_2000.jpg/440px-1989_-_Linotype_Wysiwyg_2000.jpg 2x" data-file-width="628" data-file-height="892" /></a><figcaption>Linotype WYSIWYG 2000, 1989</figcaption></figure> <ul><li>1968 – <a href="/wiki/Douglas_Engelbart" title="Douglas Engelbart">Douglas Engelbart</a> demonstrated <a href="/wiki/NLS_(computer_system)" title="NLS (computer system)">NLS</a>, a system which uses a <a href="/wiki/Computer_mouse" title="Computer mouse">mouse</a>, <a href="/wiki/Pointer_(user_interface)" class="mw-redirect" title="Pointer (user interface)">pointers</a>, <a href="/wiki/Hypertext" title="Hypertext">hypertext</a>, and multiple <a href="/wiki/Window_(computing)" title="Window (computing)">windows</a>.<sup id="cite_ref-harding_13-0" class="reference"><a href="#cite_note-harding-13"><span class="cite-bracket">&#91;</span>13<span class="cite-bracket">&#93;</span></a></sup></li> <li>1970 – Researchers at <a href="/wiki/PARC_(company)" title="PARC (company)">Xerox Palo Alto Research Center</a> (many from <a href="/wiki/SRI_International" title="SRI International">SRI</a>) develop <a href="/wiki/WIMP_(computing)" title="WIMP (computing)">WIMP</a> paradigm (Windows, Icons, Menus, Pointers)<sup id="cite_ref-harding_13-1" class="reference"><a href="#cite_note-harding-13"><span class="cite-bracket">&#91;</span>13<span class="cite-bracket">&#93;</span></a></sup></li> <li>1973 – <a href="/wiki/Xerox_Alto" title="Xerox Alto">Xerox Alto</a>: commercial failure due to expense, poor user interface, and lack of programs<sup id="cite_ref-harding_13-2" class="reference"><a href="#cite_note-harding-13"><span class="cite-bracket">&#91;</span>13<span class="cite-bracket">&#93;</span></a></sup></li> <li>1979 – <a href="/wiki/Steve_Jobs" title="Steve Jobs">Steve Jobs</a> and other <a href="/wiki/Apple_Inc." title="Apple Inc.">Apple</a> engineers visit Xerox PARC. Though <a href="/wiki/Pirates_of_Silicon_Valley" title="Pirates of Silicon Valley">Pirates of Silicon Valley</a> dramatizes the events, Apple had already been working on developing a GUI, such as the Macintosh and Lisa projects, before the visit.<sup id="cite_ref-14" class="reference"><a href="#cite_note-14"><span class="cite-bracket">&#91;</span>14<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-15" class="reference"><a href="#cite_note-15"><span class="cite-bracket">&#91;</span>15<span class="cite-bracket">&#93;</span></a></sup></li> <li>1981 – <a href="/wiki/Xerox_Star" title="Xerox Star">Xerox Star</a>: focus on <a href="/wiki/WYSIWYG" title="WYSIWYG">WYSIWYG</a>. Commercial failure (25K sold) due to cost ($16K each), performance (minutes to save a file, couple of hours to recover from crash), and poor marketing</li> <li>1982 – <a href="/wiki/Rob_Pike" title="Rob Pike">Rob Pike</a> and others at <a href="/wiki/Bell_Labs" title="Bell Labs">Bell Labs</a> designed <a href="/wiki/Blit_(computer_terminal)" title="Blit (computer terminal)">Blit</a>, which was released in 1984 by AT&amp;T and <a href="/wiki/Teletype" class="mw-redirect" title="Teletype">Teletype</a> as DMD 5620 terminal.</li> <li>1984 – Apple <a href="/wiki/Macintosh_128K" title="Macintosh 128K">Macintosh</a> popularizes the <a href="/wiki/GUI" class="mw-redirect" title="GUI">GUI</a>. <a href="/wiki/Super_Bowl_commercials#Macintosh:_.221984.22" title="Super Bowl commercials">Super Bowl commercial</a> shown twice, was the most expensive commercial ever made at that time</li> <li>1984 – <a href="/wiki/MIT" class="mw-redirect" title="MIT">MIT</a>'s <a href="/wiki/X_Window_System" title="X Window System">X Window System</a>: hardware-independent platform and networking protocol for developing GUIs on UNIX-like systems</li> <li>1985 – <a href="/wiki/Windows_1.0" title="Windows 1.0">Windows 1.0</a> – provided GUI interface to MS-DOS. No overlapping windows (tiled instead).</li> <li>1985 – Microsoft and IBM start work on OS/2 meant to eventually replace MS-DOS and Windows</li> <li>1986 – Apple threatens to sue <a href="/wiki/Digital_Research" title="Digital Research">Digital Research</a> because their GUI desktop looked too much like Apple's Mac.</li> <li>1987 – <a href="/wiki/Windows_2.0" title="Windows 2.0">Windows 2.0</a> – Overlapping and resizable windows, keyboard and mouse enhancements</li> <li>1987 – Macintosh II: first full-color Mac</li> <li>1988 – <a href="/wiki/OS/2" title="OS/2">OS/2</a> 1.10 Standard Edition (SE) has GUI written by Microsoft, looks a lot like Windows 2</li></ul> <div class="mw-heading mw-heading2"><h2 id="Interface_design">Interface design</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=8" title="Edit section: Interface design"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236090951" /><div role="note" class="hatnote navigation-not-searchable">Main article: <a href="/wiki/User_interface_design" title="User interface design">User interface design</a></div> <p>Primary methods used in the interface design include prototyping and simulation. </p><p>Typical human–machine interface design consists of the following stages: interaction specification, interface software specification and prototyping: </p> <ul><li>Common practices for interaction specification include <a href="/wiki/User-centered_design" title="User-centered design">user-centered design</a>, <a href="/wiki/Persona" title="Persona">persona</a>, activity-oriented design, scenario-based design, and resiliency design.</li> <li>Common practices for interface software specification include <a href="/wiki/Use_cases" class="mw-redirect" title="Use cases">use cases</a> and constrain enforcement by <a href="/wiki/Interaction_protocol" title="Interaction protocol">interaction protocols</a> (intended to avoid use errors).</li> <li>Common practices for prototyping are based on libraries of interface elements (controls, decoration, etc.).</li></ul> <div class="mw-heading mw-heading3"><h3 id="Principles_of_quality">Principles of quality</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=9" title="Edit section: Principles of quality"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>In broad terms, interfaces generally regarded as user friendly, efficient, intuitive, etc. are typified by one or more particular qualities. For the purpose of example, a non-exhaustive list of such characteristics follows: </p> <ol><li>Clarity: The interface avoids ambiguity by making everything clear through language, flow, hierarchy and metaphors for visual elements.</li> <li><a href="/wiki/Concision" title="Concision">Concision</a>:<sup id="cite_ref-artofunix_16-0" class="reference"><a href="#cite_note-artofunix-16"><span class="cite-bracket">&#91;</span>16<span class="cite-bracket">&#93;</span></a></sup> However ironically, the over-clarification of information—for instance, by labelling the majority, if not the entirety, of items displayed on-screen at once, and regardless of whether or not the user would in fact require a visual indicator of some kind in order to identify a given item—can, and, under most normal circumstances, most likely will lead to the obfuscation of whatever information.</li> <li>Familiarity:<sup id="cite_ref-17" class="reference"><a href="#cite_note-17"><span class="cite-bracket">&#91;</span>17<span class="cite-bracket">&#93;</span></a></sup> Even if someone uses an interface for the first time, certain elements can still be familiar. Real-life metaphors can be used to communicate meaning.</li> <li><a href="/wiki/Responsiveness" title="Responsiveness">Responsiveness</a>:<sup id="cite_ref-18" class="reference"><a href="#cite_note-18"><span class="cite-bracket">&#91;</span>18<span class="cite-bracket">&#93;</span></a></sup> A good interface should not feel sluggish. This means that the interface should provide good feedback to the user about what's happening and whether the user's input is being successfully processed.</li> <li>Consistency:<sup id="cite_ref-19" class="reference"><a href="#cite_note-19"><span class="cite-bracket">&#91;</span>19<span class="cite-bracket">&#93;</span></a></sup> Keeping your interface consistent across your application is important because it allows users to recognize usage patterns.</li> <li><a href="/wiki/Aesthetics" title="Aesthetics">Aesthetics</a>: While you do not need to make an interface attractive for it to do its job, making something look good will make the time your users spend using your application more enjoyable; and happier users can only be a good thing.</li> <li><a href="/wiki/Efficiency" title="Efficiency">Efficiency</a>: Time is money, and a great interface should make the user more productive through shortcuts and good design.</li> <li><a href="/wiki/Forgiveness" title="Forgiveness">Forgiveness</a>: A good interface should not punish users for their mistakes but should instead provide the means to remedy them.</li></ol> <div class="mw-heading mw-heading3"><h3 id="Principle_of_least_astonishment">Principle of least astonishment</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=10" title="Edit section: Principle of least astonishment"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>The <a href="/wiki/Principle_of_least_astonishment" title="Principle of least astonishment">principle of least astonishment</a> (POLA) is a general principle in the design of all kinds of interfaces. It is based on the idea that human beings can only pay full attention to one thing at one time,<sup id="cite_ref-Raskin_20-0" class="reference"><a href="#cite_note-Raskin-20"><span class="cite-bracket">&#91;</span>20<span class="cite-bracket">&#93;</span></a></sup> leading to the conclusion that novelty should be minimized. </p> <div class="mw-heading mw-heading3"><h3 id="Principle_of_habit_formation">Principle of habit formation</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=11" title="Edit section: Principle of habit formation"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>If an interface is used persistently, the user will unavoidably develop <a href="/wiki/Habit" title="Habit">habits</a> for using the interface. The designer's role can thus be characterized as ensuring the user forms good habits. If the designer is experienced with other interfaces, they will similarly develop habits, and often make unconscious assumptions regarding how the user will interact with the interface.<sup id="cite_ref-Raskin_20-1" class="reference"><a href="#cite_note-Raskin-20"><span class="cite-bracket">&#91;</span>20<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-21" class="reference"><a href="#cite_note-21"><span class="cite-bracket">&#91;</span>21<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading3"><h3 id="A_model_of_design_criteria:_User_Experience_Honeycomb">A model of design criteria: User Experience Honeycomb</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=12" title="Edit section: A model of design criteria: User Experience Honeycomb"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure typeof="mw:File/Thumb"><a href="/wiki/File:UX_Honeycomb.png" class="mw-file-description"><img alt="User interface / user experience guide" src="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/UX_Honeycomb.png/221px-UX_Honeycomb.png" decoding="async" width="221" height="230" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/d/df/UX_Honeycomb.png/331px-UX_Honeycomb.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/d/df/UX_Honeycomb.png/442px-UX_Honeycomb.png 2x" data-file-width="1370" data-file-height="1427" /></a><figcaption><a href="/wiki/User_experience_design" title="User experience design">User Experience Design</a> Honeycomb<sup id="cite_ref-:0_22-0" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup> designed by <a href="/wiki/Peter_Morville" title="Peter Morville">Peter Morville</a><sup id="cite_ref-:1_23-0" class="reference"><a href="#cite_note-:1-23"><span class="cite-bracket">&#91;</span>23<span class="cite-bracket">&#93;</span></a></sup></figcaption></figure> <p>Peter Morville of <a href="/wiki/Google" title="Google">Google</a> designed the User Experience Honeycomb framework in 2004 when leading operations in user interface design. The framework was created to guide user interface design. It would act as a guideline for many web development students for a decade.<sup id="cite_ref-:1_23-1" class="reference"><a href="#cite_note-:1-23"><span class="cite-bracket">&#91;</span>23<span class="cite-bracket">&#93;</span></a></sup> </p> <ol><li>Usable: Is the design of the system easy and simple to use? The application should feel familiar, and it should be easy to use.<sup id="cite_ref-:1_23-2" class="reference"><a href="#cite_note-:1-23"><span class="cite-bracket">&#91;</span>23<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-:0_22-1" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup></li> <li>Useful: Does the application fulfill a need? A business's product or service needs to be useful.<sup id="cite_ref-:0_22-2" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup></li> <li>Desirable: Is the design of the application sleek and to the point? The aesthetics of the system should be attractive, and easy to translate.<sup id="cite_ref-:0_22-3" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup></li> <li>Findable: Are users able to quickly find the information they are looking for? Information needs to be findable and simple to navigate. A user should never have to hunt for your product or information.<sup id="cite_ref-:0_22-4" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup></li> <li><a href="/wiki/Accessibility" title="Accessibility">Accessible</a>: Does the application support enlarged text without breaking the framework? An application should be accessible to those with disabilities.<sup id="cite_ref-:0_22-5" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup></li> <li>Credible: Does the application exhibit trustworthy security and company details? An application should be transparent, secure, and honest.<sup id="cite_ref-:0_22-6" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup></li> <li>Valuable: Does the end-user think it's valuable? If all 6 criteria are met, the end-user will find value and trust in the application.<sup id="cite_ref-:0_22-7" class="reference"><a href="#cite_note-:0-22"><span class="cite-bracket">&#91;</span>22<span class="cite-bracket">&#93;</span></a></sup></li></ol> <div class="mw-heading mw-heading2"><h2 id="Types">Types</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=13" title="Edit section: Types"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Hp150_touchscreen_20081129.jpg" class="mw-file-description"><img alt="Touchscreen of the HP Series 100 HP-150" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/Hp150_touchscreen_20081129.jpg/220px-Hp150_touchscreen_20081129.jpg" decoding="async" width="220" height="165" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/21/Hp150_touchscreen_20081129.jpg/330px-Hp150_touchscreen_20081129.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/21/Hp150_touchscreen_20081129.jpg/440px-Hp150_touchscreen_20081129.jpg 2x" data-file-width="1600" data-file-height="1200" /></a><figcaption>HP Series 100 HP-150 touchscreen</figcaption></figure> <ol><li><i><a href="/wiki/Attentive_user_interface" title="Attentive user interface">Attentive user interfaces</a></i> manage the user <a href="/wiki/Attention" title="Attention">attention</a> deciding when to interrupt the user, the kind of warnings, and the level of detail of the messages presented to the user.</li> <li><i>Batch interfaces</i> are non-interactive user interfaces, where the user specifies all the details of the <i>batch job</i> in advance to <a href="/wiki/Batch_processing" title="Batch processing">batch processing</a>, and receives the output when all the processing is done. The computer does not prompt for further input after the processing has started.</li> <li><i><a href="/wiki/Command_line_interface" class="mw-redirect" title="Command line interface">Command line interfaces</a></i> (CLIs) prompt the user to provide input by typing a <a href="/wiki/Command_(computing)" title="Command (computing)">command string</a> with the computer keyboard and respond by outputting text to the computer monitor. Used by programmers and system administrators, in engineering and scientific environments, and by technically advanced personal computer users.</li> <li><i><a href="/wiki/Conversational_interfaces" class="mw-redirect" title="Conversational interfaces">Conversational interfaces</a></i> enable users to command the computer with plain text English (e.g., via text messages, or chatbots) or voice commands, instead of graphic elements. These interfaces often emulate human-to-human conversations.<sup id="cite_ref-cbc_24-0" class="reference"><a href="#cite_note-cbc-24"><span class="cite-bracket">&#91;</span>24<span class="cite-bracket">&#93;</span></a></sup></li> <li><i>Conversational interface agents</i> attempt to personify the computer interface in the form of an animated person, robot, or other character (such as Microsoft's Clippy the paperclip), and present interactions in a conversational form.</li> <li><i><a href="/wiki/Crossing-based_interface" title="Crossing-based interface">Crossing-based interfaces</a></i> are graphical user interfaces in which the primary task consists in crossing boundaries instead of pointing.</li> <li><i><a href="/wiki/Direct_manipulation_interface" title="Direct manipulation interface">Direct manipulation interface</a></i> is a general class of user interfaces that allow users to manipulate objects presented to them, using actions that correspond to the physical world, at least loosely.</li> <li><i><a href="/wiki/Gesture_recognition" title="Gesture recognition">Gesture interfaces</a></i> are graphical user interfaces which accept input in a form of hand <a href="/wiki/Gesture" title="Gesture">gestures</a>, or <a href="/wiki/Mouse_gesture" class="mw-redirect" title="Mouse gesture">mouse gestures</a> sketched with a computer mouse or a <a href="/wiki/Stylus_(computing)" title="Stylus (computing)">stylus</a>.</li> <li><i><a href="/wiki/Graphical_user_interface" title="Graphical user interface">Graphical user interfaces</a></i> (GUI) accept input via devices such as a computer keyboard and mouse and provide articulated <a href="/wiki/Graphical" class="mw-redirect" title="Graphical">graphical</a> output on the <a href="/wiki/Computer_monitor" title="Computer monitor">computer monitor</a>.<sup id="cite_ref-25" class="reference"><a href="#cite_note-25"><span class="cite-bracket">&#91;</span>25<span class="cite-bracket">&#93;</span></a></sup> There are at least two different principles widely used in GUI design: <a href="/wiki/Object-oriented_user_interface" title="Object-oriented user interface">Object-oriented user interfaces</a> (OOUIs) and <a href="/wiki/Application_software" title="Application software">application</a>-oriented interfaces.<sup id="cite_ref-26" class="reference"><a href="#cite_note-26"><span class="cite-bracket">&#91;</span>26<span class="cite-bracket">&#93;</span></a></sup></li> <li><i>Hardware interfaces</i> are the physical, spatial interfaces found on products in the real world from toasters, to car dashboards, to airplane cockpits. They are generally a mixture of knobs, buttons, sliders, switches, and touchscreens.</li> <li><i><style data-mw-deduplicate="TemplateStyles:r1238216509">.mw-parser-output .vanchor>:target~.vanchor-text{background-color:#b1d2ff}@media screen{html.skin-theme-clientpref-night .mw-parser-output .vanchor>:target~.vanchor-text{background-color:#0f4dc9}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .vanchor>:target~.vanchor-text{background-color:#0f4dc9}}</style><span class="vanchor"><span id="Holographic_user_interfaces"></span><span class="vanchor-text">Holographic user interfaces</span></span></i> provide input to electronic or electro-mechanical devices by passing a finger through reproduced holographic images of what would otherwise be tactile controls of those devices, floating freely in the air, detected by a wave source and without tactile interaction.</li> <li><i><a href="/wiki/Intelligent_user_interfaces" class="mw-redirect" title="Intelligent user interfaces">Intelligent user interfaces</a></i> are human–machine interfaces that aim to improve the efficiency, effectiveness, and naturalness of human–machine interaction by representing, reasoning, and acting on models of the user, domain, task, discourse, and media (e.g., graphics, natural language, gesture).</li> <li><i><a href="/wiki/Motion_capture" title="Motion capture">Motion tracking</a> interfaces</i> monitor the user's body motions and translate them into commands, currently being developed by Apple.<sup id="cite_ref-27" class="reference"><a href="#cite_note-27"><span class="cite-bracket">&#91;</span>27<span class="cite-bracket">&#93;</span></a></sup></li> <li><i>Multi-screen interfaces</i>, employ multiple displays to provide a more flexible interaction. This is often employed in computer game interaction in both the commercial arcades and more recently the handheld markets.</li> <li><i><a href="/wiki/Natural_language_user_interface" class="mw-redirect" title="Natural language user interface">Natural-language interfaces</a></i> are used for search engines and on webpages. User types in a question and waits for a response.</li> <li><i>Non-command user interfaces</i>, which observe the user to infer their needs and intentions, without requiring that they formulate explicit commands.<sup id="cite_ref-noncommand_28-0" class="reference"><a href="#cite_note-noncommand-28"><span class="cite-bracket">&#91;</span>28<span class="cite-bracket">&#93;</span></a></sup></li> <li><i><a href="/wiki/Object-oriented_user_interface" title="Object-oriented user interface">Object-oriented user interfaces</a> (OOUI)</i> are based on <a href="/wiki/Object-oriented_programming" title="Object-oriented programming">object-oriented programming</a> metaphors, allowing users to <a href="/wiki/Direct_manipulation" class="mw-redirect" title="Direct manipulation">manipulate</a> simulated objects and their properties.</li> <li><i>Permission-driven user interfaces</i> show or conceal menu options or functions depending on the user's level of permissions. The system is intended to improve the user experience by removing items that are unavailable to the user. A user who sees functions that are unavailable for use may become frustrated. It also provides an enhancement to security by hiding functional items from unauthorized persons.</li> <li><i>Reflexive user interfaces</i> where the users control and redefine the entire system via the user interface alone, for instance to change its <a href="/wiki/Command_verb" title="Command verb">command verbs</a>. Typically, this is only possible with very rich graphic user interfaces.</li> <li><i>Search interface</i> is how the search box of a site is displayed, as well as the visual representation of the search results.</li> <li><i><a href="/wiki/Tangible_user_interface" title="Tangible user interface">Tangible user interfaces</a></i>, which place a greater emphasis on touch and physical environment or its element.</li> <li><i><a href="/wiki/Task-focused_interface" title="Task-focused interface">Task-focused interfaces</a></i> are user interfaces which address the <a href="/wiki/Information_overload" title="Information overload">information overload</a> problem of the <a href="/wiki/Desktop_metaphor" title="Desktop metaphor">desktop metaphor</a> by making tasks, not files, the primary unit of interaction.</li> <li><i><a href="/wiki/Text-based_user_interface" title="Text-based user interface">Text-based user interfaces</a></i> (TUIs) are user interfaces which interact via text. TUIs include <a href="/wiki/Command-line_interface" title="Command-line interface">command-line interfaces</a> and text-based <a href="/wiki/WIMP_(computing)" title="WIMP (computing)">WIMP</a> environments.</li> <li><i><a href="/wiki/Touchscreen" title="Touchscreen">Touchscreens</a></i> are displays that accept input by touch of fingers or a <a href="/wiki/Stylus" title="Stylus">stylus</a>. Used in a growing amount of <a href="/wiki/Mobile_device" title="Mobile device">mobile devices</a> and many types of <a href="/wiki/Point_of_sale" title="Point of sale">point of sale</a>, industrial processes and machines, self-service machines, etc.</li> <li><i><a href="/wiki/Touch_user_interface" title="Touch user interface">Touch user interface</a></i> are graphical user interfaces using a <a href="/wiki/Touchpad" title="Touchpad">touchpad</a> or touchscreen display as a combined input and output device. They supplement or replace other forms of output with <a href="/wiki/Haptic_communication" title="Haptic communication">haptic</a> feedback methods. Used in computerized <a href="/wiki/Simulator#Physical_and_interactive_simulation" class="mw-redirect" title="Simulator">simulators</a>, etc.</li> <li><i><a href="/wiki/Voice_user_interface" title="Voice user interface">Voice user interfaces</a></i>, which accept input and provide output by generating voice prompts. The user input is made by pressing keys or buttons, or responding verbally to the interface.</li> <li><span class="anchor" id="Web_interface"></span><i><a href="/wiki/Web_application" title="Web application">Web-based user interfaces</a></i> or <i>web user interfaces</i> (WUI) that accept input and provide output by generating <a href="/wiki/Web_page" title="Web page">web pages</a> viewed by the user using a <a href="/wiki/Web_browser" title="Web browser">web browser</a> program.</li> <li><i>Zero-input interfaces</i> get inputs from a set of sensors instead of querying the user with input dialogs.<sup id="cite_ref-29" class="reference"><a href="#cite_note-29"><span class="cite-bracket">&#91;</span>29<span class="cite-bracket">&#93;</span></a></sup></li> <li><i><a href="/wiki/Zooming_user_interface" title="Zooming user interface">Zooming user interfaces</a></i> are graphical user interfaces in which information objects are represented at different levels of scale and detail, and where the user can change the scale of the viewed area in order to show more detail.</li></ol> <div class="mw-heading mw-heading2"><h2 id="Gallery">Gallery</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=14" title="Edit section: Gallery"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul class="gallery mw-gallery-traditional"> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:P8-f%C3%BChrerstand2.jpg" class="mw-file-description" title="Historic HMI in the driver&#39;s cabin of a German steam locomotive"><img alt="Historic HMI in the driver&#39;s cabin of a German steam locomotive" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/P8-f%C3%BChrerstand2.jpg/74px-P8-f%C3%BChrerstand2.jpg" decoding="async" width="74" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/P8-f%C3%BChrerstand2.jpg/112px-P8-f%C3%BChrerstand2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f1/P8-f%C3%BChrerstand2.jpg/149px-P8-f%C3%BChrerstand2.jpg 2x" data-file-width="850" data-file-height="1366" /></a></span></div> <div class="gallerytext">Historic HMI in the driver's cabin of a <a href="/wiki/Deutsche_Bahn" title="Deutsche Bahn">German</a> <a href="/wiki/Steam_locomotive" title="Steam locomotive">steam locomotive</a></div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Ice3_leitstand.jpg" class="mw-file-description" title="Modern HMI in the driver&#39;s cabin of a German Intercity-Express high-speed train"><img alt="Modern HMI in the driver&#39;s cabin of a German Intercity-Express high-speed train" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Ice3_leitstand.jpg/120px-Ice3_leitstand.jpg" decoding="async" width="120" height="90" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Ice3_leitstand.jpg/180px-Ice3_leitstand.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/75/Ice3_leitstand.jpg/240px-Ice3_leitstand.jpg 2x" data-file-width="800" data-file-height="600" /></a></span></div> <div class="gallerytext">Modern HMI in the driver's cabin of a <a href="/wiki/Deutsche_Bahn" title="Deutsche Bahn">German</a> <a href="/wiki/Intercity-Express" class="mw-redirect" title="Intercity-Express">Intercity-Express</a> high-speed train</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Wireless_toilet_control_panel_w._open_lid.jpg" class="mw-file-description" title="The HMI of a toilette (in Japan)"><img alt="The HMI of a toilette (in Japan)" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Wireless_toilet_control_panel_w._open_lid.jpg/120px-Wireless_toilet_control_panel_w._open_lid.jpg" decoding="async" width="120" height="113" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Wireless_toilet_control_panel_w._open_lid.jpg/180px-Wireless_toilet_control_panel_w._open_lid.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/83/Wireless_toilet_control_panel_w._open_lid.jpg/240px-Wireless_toilet_control_panel_w._open_lid.jpg 2x" data-file-width="800" data-file-height="750" /></a></span></div> <div class="gallerytext">The HMI of a toilette (in Japan)</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Google_Glass_detail.jpg" class="mw-file-description" title="Voice user interface of a wearable computer (here: Google Glass)"><img alt="Voice user interface of a wearable computer (here: Google Glass)" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/76/Google_Glass_detail.jpg/120px-Google_Glass_detail.jpg" decoding="async" width="120" height="96" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/76/Google_Glass_detail.jpg/180px-Google_Glass_detail.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/76/Google_Glass_detail.jpg/240px-Google_Glass_detail.jpg 2x" data-file-width="872" data-file-height="699" /></a></span></div> <div class="gallerytext"><a href="/wiki/Voice_user_interface" title="Voice user interface">Voice user interface</a> of a <a href="/wiki/Wearable_computer" title="Wearable computer">wearable computer</a> (<i>here: <a href="/wiki/Google_Glass" title="Google Glass">Google Glass</a></i>)</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Engineer_at_audio_console_at_Danish_Broadcasting_Corporation.png" class="mw-file-description" title="HMI for audio mixing"><img alt="HMI for audio mixing" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Engineer_at_audio_console_at_Danish_Broadcasting_Corporation.png/106px-Engineer_at_audio_console_at_Danish_Broadcasting_Corporation.png" decoding="async" width="106" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Engineer_at_audio_console_at_Danish_Broadcasting_Corporation.png/160px-Engineer_at_audio_console_at_Danish_Broadcasting_Corporation.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Engineer_at_audio_console_at_Danish_Broadcasting_Corporation.png/213px-Engineer_at_audio_console_at_Danish_Broadcasting_Corporation.png 2x" data-file-width="500" data-file-height="564" /></a></span></div> <div class="gallerytext">HMI for audio mixing</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Mesa_de_v%C3%ADdeo_1.JPG" class="mw-file-description" title="HMI for video production"><img alt="HMI for video production" src="//upload.wikimedia.org/wikipedia/commons/thumb/2/26/Mesa_de_v%C3%ADdeo_1.JPG/120px-Mesa_de_v%C3%ADdeo_1.JPG" decoding="async" width="120" height="90" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/26/Mesa_de_v%C3%ADdeo_1.JPG/180px-Mesa_de_v%C3%ADdeo_1.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/26/Mesa_de_v%C3%ADdeo_1.JPG/240px-Mesa_de_v%C3%ADdeo_1.JPG 2x" data-file-width="2048" data-file-height="1536" /></a></span></div> <div class="gallerytext">HMI for <a href="/wiki/Video_production" title="Video production">video production</a></div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:00-bma-automation-operator-panel-with-pushbuttons.JPG" class="mw-file-description" title="HMI of a machine for the sugar industry with pushbuttons"><img alt="HMI of a machine for the sugar industry with pushbuttons" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c3/00-bma-automation-operator-panel-with-pushbuttons.JPG/120px-00-bma-automation-operator-panel-with-pushbuttons.JPG" decoding="async" width="120" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c3/00-bma-automation-operator-panel-with-pushbuttons.JPG/180px-00-bma-automation-operator-panel-with-pushbuttons.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c3/00-bma-automation-operator-panel-with-pushbuttons.JPG/240px-00-bma-automation-operator-panel-with-pushbuttons.JPG 2x" data-file-width="2396" data-file-height="2396" /></a></span></div> <div class="gallerytext">HMI of a machine for the sugar industry with pushbuttons</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:CNC_panel_Sinumerik.jpg" class="mw-file-description" title="HMI for a computer numerical control (CNC)"><img alt="HMI for a computer numerical control (CNC)" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/CNC_panel_Sinumerik.jpg/120px-CNC_panel_Sinumerik.jpg" decoding="async" width="120" height="90" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/CNC_panel_Sinumerik.jpg/180px-CNC_panel_Sinumerik.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/4a/CNC_panel_Sinumerik.jpg/240px-CNC_panel_Sinumerik.jpg 2x" data-file-width="1024" data-file-height="768" /></a></span></div> <div class="gallerytext">HMI for a <a href="/wiki/Computer_numerical_control" class="mw-redirect" title="Computer numerical control">computer numerical control</a> (CNC)</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:CNC_panel.jpg" class="mw-file-description" title="Slightly newer HMI for a CNC-machine"><img alt="Slightly newer HMI for a CNC-machine" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9c/CNC_panel.jpg/90px-CNC_panel.jpg" decoding="async" width="90" height="120" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9c/CNC_panel.jpg/135px-CNC_panel.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9c/CNC_panel.jpg/180px-CNC_panel.jpg 2x" data-file-width="768" data-file-height="1024" /></a></span></div> <div class="gallerytext">Slightly newer HMI for a CNC-machine</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Not-Aus_Bet%C3%A4tiger.jpg" class="mw-file-description" title="Emergency switch/panic switch"><img alt="Emergency switch/panic switch" src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Not-Aus_Bet%C3%A4tiger.jpg/120px-Not-Aus_Bet%C3%A4tiger.jpg" decoding="async" width="120" height="90" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Not-Aus_Bet%C3%A4tiger.jpg/180px-Not-Aus_Bet%C3%A4tiger.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Not-Aus_Bet%C3%A4tiger.jpg/240px-Not-Aus_Bet%C3%A4tiger.jpg 2x" data-file-width="2580" data-file-height="1932" /></a></span></div> <div class="gallerytext">Emergency switch/panic switch</div> </li> <li class="gallerybox" style="width: 155px"> <div class="thumb" style="width: 150px; height: 150px;"><span typeof="mw:File"><a href="/wiki/File:Teletype_DMD_5620.jpg" class="mw-file-description" title="DMD 5620 terminal"><img alt="DMD 5620 terminal" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Teletype_DMD_5620.jpg/120px-Teletype_DMD_5620.jpg" decoding="async" width="120" height="98" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Teletype_DMD_5620.jpg/180px-Teletype_DMD_5620.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Teletype_DMD_5620.jpg/240px-Teletype_DMD_5620.jpg 2x" data-file-width="1214" data-file-height="996" /></a></span></div> <div class="gallerytext">DMD 5620 terminal</div> </li> </ul> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=15" title="Edit section: See also"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1184024115">.mw-parser-output .div-col{margin-top:0.3em;column-width:30em}.mw-parser-output .div-col-small{font-size:90%}.mw-parser-output .div-col-rules{column-rule:1px solid #aaa}.mw-parser-output .div-col dl,.mw-parser-output .div-col ol,.mw-parser-output .div-col ul{margin-top:0}.mw-parser-output .div-col li,.mw-parser-output .div-col dd{page-break-inside:avoid;break-inside:avoid-column}</style><div class="div-col"> <ul><li><a href="/wiki/Adaptive_user_interfaces" class="mw-redirect" title="Adaptive user interfaces">Adaptive user interfaces</a></li> <li><a href="/wiki/Brain%E2%80%93computer_interface" title="Brain–computer interface">Brain–computer interface</a></li> <li><a href="/wiki/Computer_user_satisfaction" title="Computer user satisfaction">Computer user satisfaction</a></li> <li><a href="/wiki/Direct_voice_input" title="Direct voice input">Direct voice input</a></li> <li><a href="/wiki/Distinguishable_interfaces" title="Distinguishable interfaces">Distinguishable interfaces</a></li> <li><a href="/wiki/Ergonomics" title="Ergonomics">Ergonomics</a> and <a href="/wiki/Human_factors" class="mw-redirect" title="Human factors">human factors</a> – the study of designing objects to be better adapted to the shape of the human body</li> <li><a href="/wiki/Flat_design" title="Flat design">Flat design</a></li> <li><a href="/wiki/History_of_the_GUI" class="mw-redirect" title="History of the GUI">History of the GUI</a></li> <li><a href="/wiki/Icon_design" title="Icon design">Icon design</a></li> <li><a href="/wiki/Information_architecture" title="Information architecture">Information architecture</a> – organizing, naming, and labelling information structures</li> <li><a href="/wiki/Information_visualization" class="mw-redirect" title="Information visualization">Information visualization</a> – the use of sensory representations of abstract data to reinforce cognition</li> <li><a href="/wiki/Interaction_design" title="Interaction design">Interaction design</a></li> <li><a href="/wiki/Interaction_technique" title="Interaction technique">Interaction technique</a></li> <li><a href="/wiki/Kinetic_user_interface" class="mw-redirect" title="Kinetic user interface">Kinetic user interface</a></li> <li><a href="/wiki/Knowledge_visualization" class="mw-redirect" title="Knowledge visualization">Knowledge visualization</a> – the use of visual representations to transfer knowledge</li> <li><a href="/wiki/Multiple_frames_interface" title="Multiple frames interface">Multiple frames interface</a></li> <li><a href="/wiki/Natural_user_interface" title="Natural user interface">Natural user interfaces</a></li> <li><a href="/wiki/Organic_user_interface" title="Organic user interface">Organic user interface</a></li> <li><a href="/wiki/Post-WIMP" title="Post-WIMP">Post-WIMP</a></li> <li><a href="/wiki/Tangible_user_interface" title="Tangible user interface">Tangible user interface</a></li> <li><a href="/wiki/Unified_Code_for_Units_of_Measure" title="Unified Code for Units of Measure">Unified Code for Units of Measure</a></li> <li><a href="/wiki/Usability#External_links" title="Usability">Usability links</a></li> <li><a href="/wiki/User_assistance" title="User assistance">User assistance</a></li> <li><a href="/wiki/User_experience" title="User experience">User experience</a></li> <li><a href="/wiki/User_experience_design" title="User experience design">User experience design</a></li> <li><a href="/wiki/User_interface_design" title="User interface design">User interface design</a></li> <li><a href="/wiki/User_interface_specification" title="User interface specification">User interface specification</a></li> <li><a href="/wiki/Useware" title="Useware">Useware</a></li> <li><a href="/wiki/Virtual_artifact" title="Virtual artifact">Virtual artifact</a></li> <li><a href="/wiki/Virtual_user_interface" class="mw-redirect" title="Virtual user interface">Virtual user interface</a></li></ul> </div> <div class="mw-heading mw-heading2"><h2 id="References">References</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=16" title="Edit section: References"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist reflist-columns references-column-width" style="column-width: 30em;"> <ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}</style><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://l5392.com/blog">"Eurotherm Parker SSD Link Hardware L5392 | Automation Industrial"</a>. <i>l5392.com</i><span class="reference-accessdate">. Retrieved <span class="nowrap">11 January</span> 2024</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=l5392.com&amp;rft.atitle=Eurotherm+Parker+SSD+Link+Hardware+L5392+%7C+Automation+Industrial&amp;rft_id=https%3A%2F%2Fl5392.com%2Fblog&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFCohen1992" class="citation book cs1">Cohen, Philip R. (1992). "The role of natural language in a multimodal interface". <i>Proceedings of the 5th annual ACM symposium on User interface software and technology - UIST '92</i>. pp.&#160;<span class="nowrap">143–</span>149. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1145%2F142621.142641">10.1145/142621.142641</a>. <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a>&#160;<a href="/wiki/Special:BookSources/0897915496" title="Special:BookSources/0897915496"><bdi>0897915496</bdi></a>. <a href="/wiki/S2CID_(identifier)" class="mw-redirect" title="S2CID (identifier)">S2CID</a>&#160;<a rel="nofollow" class="external text" href="https://api.semanticscholar.org/CorpusID:9010570">9010570</a>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.atitle=The+role+of+natural+language+in+a+multimodal+interface&amp;rft.btitle=Proceedings+of+the+5th+annual+ACM+symposium+on+User+interface+software+and+technology+-+UIST+%2792&amp;rft.pages=%3Cspan+class%3D%22nowrap%22%3E143-%3C%2Fspan%3E149&amp;rft.date=1992&amp;rft_id=https%3A%2F%2Fapi.semanticscholar.org%2FCorpusID%3A9010570%23id-name%3DS2CID&amp;rft_id=info%3Adoi%2F10.1145%2F142621.142641&amp;rft.isbn=0897915496&amp;rft.aulast=Cohen&amp;rft.aufirst=Philip+R.&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-3">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://uxpamagazine.org/the-user-experience-of-libraries/">"The User Experience of Libraries: Serving The Common Good User Experience Magazine"</a>. <i>uxpamagazine.org</i>. 7 May 2017<span class="reference-accessdate">. Retrieved <span class="nowrap">23 March</span> 2022</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=uxpamagazine.org&amp;rft.atitle=The+User+Experience+of+Libraries%3A+Serving+The+Common+Good+User+Experience+Magazine&amp;rft.date=2017-05-07&amp;rft_id=https%3A%2F%2Fuxpamagazine.org%2Fthe-user-experience-of-libraries%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFGriffin,_BenBaston,_Laurel" class="citation journal cs1">Griffin, Ben; Baston, Laurel. <a rel="nofollow" class="external text" href="http://peace.saumag.edu/faculty/kardas/Courses/CS/Interfaces2007_files/Interfaces2007.ppt">"Interfaces"</a> <span class="cs1-format">(Presentation)</span>: 5. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20140714160915/http://peace.saumag.edu/faculty/kardas/Courses/CS/Interfaces2007_files/Interfaces2007.ppt">Archived</a> from the original on 14 July 2014<span class="reference-accessdate">. Retrieved <span class="nowrap">7 June</span> 2014</span>. <q>The user interface of a mechanical system, a vehicle or an industrial installation is sometimes referred to as the human–machine interface (HMI).</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.atitle=Interfaces&amp;rft.pages=5&amp;rft.au=Griffin%2C+Ben&amp;rft.au=Baston%2C+Laurel&amp;rft_id=http%3A%2F%2Fpeace.saumag.edu%2Ffaculty%2Fkardas%2FCourses%2FCS%2FInterfaces2007_files%2FInterfaces2007.ppt&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span> <span class="cs1-visible-error citation-comment"><code class="cs1-code">{{<a href="/wiki/Template:Cite_journal" title="Template:Cite journal">cite journal</a>}}</code>: </span><span class="cs1-visible-error citation-comment">Cite journal requires <code class="cs1-code">&#124;journal=</code> (<a href="/wiki/Help:CS1_errors#missing_periodical" title="Help:CS1 errors">help</a>)</span></span> </li> <li id="cite_note-Nigeria-5"><span class="mw-cite-backlink">^ <a href="#cite_ref-Nigeria_5-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-Nigeria_5-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-Nigeria_5-2"><sup><i><b>c</b></i></sup></a> <a href="#cite_ref-Nigeria_5-3"><sup><i><b>d</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite class="citation journal cs1"><a rel="nofollow" class="external text" href="http://www.nou.edu.ng/NOUN_OCL/pdf/SST/CIT%20811.pdf">"User Interface Design and Ergonomics"</a> <span class="cs1-format">(PDF)</span>. <i>Course Cit 811</i>. NATIONAL OPEN UNIVERSITY OF NIGERIA: SCHOOL OF SCIENCE AND TECHNOLOGY: 19. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20140714234100/http://www.nou.edu.ng/NOUN_OCL/pdf/SST/CIT%20811.pdf">Archived</a> <span class="cs1-format">(PDF)</span> from the original on 14 July 2014<span class="reference-accessdate">. Retrieved <span class="nowrap">7 June</span> 2014</span>. <q>In practice, the abbreviation MMI is still frequently used although some may claim that MMI stands for something different now.</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.jtitle=Course+Cit+811&amp;rft.atitle=User+Interface+Design+and+Ergonomics&amp;rft.pages=19&amp;rft_id=http%3A%2F%2Fwww.nou.edu.ng%2FNOUN_OCL%2Fpdf%2FSST%2FCIT%2520811.pdf&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-6">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite class="citation book cs1">"Introduction Section". <i>Recent advances in business administration</i>. [S.l.]: Wseas. 2010. p.&#160;190. <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a>&#160;<a href="/wiki/Special:BookSources/978-960-474-161-8" title="Special:BookSources/978-960-474-161-8"><bdi>978-960-474-161-8</bdi></a>. <q>Other terms used are operator interface console (OIC) and operator interface terminal (OIT)</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.atitle=Introduction+Section&amp;rft.btitle=Recent+advances+in+business+administration&amp;rft.place=%5BS.l.%5D&amp;rft.pages=190&amp;rft.pub=Wseas&amp;rft.date=2010&amp;rft.isbn=978-960-474-161-8&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-7"><span class="mw-cite-backlink"><b><a href="#cite_ref-7">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFCiprianiSegilBirdwellWeir2014" class="citation journal cs1">Cipriani, Christian; Segil, Jacob; Birdwell, Jay; Weir, Richard (2014). <a rel="nofollow" class="external text" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4501393">"Dexterous control of a prosthetic hand using fine-wire intramuscular electrodes in targeted extrinsic muscles"</a>. <i>IEEE Transactions on Neural Systems and Rehabilitation Engineering</i>. <b>22</b> (4): <span class="nowrap">828–</span>36. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1109%2FTNSRE.2014.2301234">10.1109/TNSRE.2014.2301234</a>. <a href="/wiki/ISSN_(identifier)" class="mw-redirect" title="ISSN (identifier)">ISSN</a>&#160;<a rel="nofollow" class="external text" href="https://search.worldcat.org/issn/1534-4320">1534-4320</a>. <a href="/wiki/PMC_(identifier)" class="mw-redirect" title="PMC (identifier)">PMC</a>&#160;<span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4501393">4501393</a></span>. <a href="/wiki/PMID_(identifier)" class="mw-redirect" title="PMID (identifier)">PMID</a>&#160;<a rel="nofollow" class="external text" href="https://pubmed.ncbi.nlm.nih.gov/24760929">24760929</a>. <q>Neural co-activations are present that in turn generate significant EMG levels and hence unintended movements in the case of the present human machine interface (HMI).</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.jtitle=IEEE+Transactions+on+Neural+Systems+and+Rehabilitation+Engineering&amp;rft.atitle=Dexterous+control+of+a+prosthetic+hand+using+fine-wire+intramuscular+electrodes+in+targeted+extrinsic+muscles&amp;rft.volume=22&amp;rft.issue=4&amp;rft.pages=%3Cspan+class%3D%22nowrap%22%3E828-%3C%2Fspan%3E36&amp;rft.date=2014&amp;rft_id=https%3A%2F%2Fwww.ncbi.nlm.nih.gov%2Fpmc%2Farticles%2FPMC4501393%23id-name%3DPMC&amp;rft.issn=1534-4320&amp;rft_id=info%3Apmid%2F24760929&amp;rft_id=info%3Adoi%2F10.1109%2FTNSRE.2014.2301234&amp;rft.aulast=Cipriani&amp;rft.aufirst=Christian&amp;rft.au=Segil%2C+Jacob&amp;rft.au=Birdwell%2C+Jay&amp;rft.au=Weir%2C+Richard&amp;rft_id=https%3A%2F%2Fwww.ncbi.nlm.nih.gov%2Fpmc%2Farticles%2FPMC4501393&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFCiti2009" class="citation journal cs1">Citi, Luca (2009). <a rel="nofollow" class="external text" href="https://7c4745ab-a-cdf32725-s-sites.googlegroups.com/a/neurostat.mit.edu/lciti/publications_files/LCitiPhD.pdf?attachauth=ANoY7cpwRib4-7KUnST5NrulgpbLiT3r10hOeyap9QXEgv64E1VioXR7n1pQYsNBNMZggwnI2V4KbZLgxVeKLcOgxz4XfJFAkqvddyQUnGqn4Mm5iLq9vDR02cHmYi6ULrK8IxWK150SirIt9acjMFcDon0dbnRwgYicc-2GeKZZCqtflZc4ZhEBORg8AzWE31XDAgoFFAfNtUxTcNR8IcJlsM7NYCGxY4M3Vn8WY6bsO1MEuyYIjmU%3D&amp;attredirects=0">"Development of a neural interface for the control of a robotic hand"</a> <span class="cs1-format">(PDF)</span>. Scuola Superiore Sant'Anna, Pisa, Italy: IMT Institute for Advanced Studies Lucca: 5<span class="reference-accessdate">. Retrieved <span class="nowrap">7 June</span> 2014</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.atitle=Development+of+a+neural+interface+for+the+control+of+a+robotic+hand&amp;rft.pages=5&amp;rft.date=2009&amp;rft.aulast=Citi&amp;rft.aufirst=Luca&amp;rft_id=https%3A%2F%2F7c4745ab-a-cdf32725-s-sites.googlegroups.com%2Fa%2Fneurostat.mit.edu%2Flciti%2Fpublications_files%2FLCitiPhD.pdf%3Fattachauth%3DANoY7cpwRib4-7KUnST5NrulgpbLiT3r10hOeyap9QXEgv64E1VioXR7n1pQYsNBNMZggwnI2V4KbZLgxVeKLcOgxz4XfJFAkqvddyQUnGqn4Mm5iLq9vDR02cHmYi6ULrK8IxWK150SirIt9acjMFcDon0dbnRwgYicc-2GeKZZCqtflZc4ZhEBORg8AzWE31XDAgoFFAfNtUxTcNR8IcJlsM7NYCGxY4M3Vn8WY6bsO1MEuyYIjmU%253D%26attredirects%3D0&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span> <span class="cs1-visible-error citation-comment"><code class="cs1-code">{{<a href="/wiki/Template:Cite_journal" title="Template:Cite journal">cite journal</a>}}</code>: </span><span class="cs1-visible-error citation-comment">Cite journal requires <code class="cs1-code">&#124;journal=</code> (<a href="/wiki/Help:CS1_errors#missing_periodical" title="Help:CS1 errors">help</a>)</span><sup class="noprint Inline-Template"><span style="white-space: nowrap;">&#91;<i><a href="/wiki/Wikipedia:Link_rot" title="Wikipedia:Link rot"><span title="&#160;Dead link tagged February 2025">permanent dead link</span></a></i><span style="visibility:hidden; color:transparent; padding-left:2px">&#8205;</span>&#93;</span></sup></span> </li> <li id="cite_note-9"><span class="mw-cite-backlink"><b><a href="#cite_ref-9">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFJordan" class="citation journal cs1">Jordan, Joel. <a rel="nofollow" class="external text" href="http://www0.cs.ucl.ac.uk/staff/j.jordan/thesis-jj-2011.pdf">"Gaze Direction Analysis for the Investigation of Presence in Immersive Virtual Environments"</a> <span class="cs1-format">(Thesis submitted for the degree of Doctor of Philosophy)</span>. University of London: Department of Computer Science: 5. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20140714235740/http://www0.cs.ucl.ac.uk/staff/j.jordan/thesis-jj-2011.pdf">Archived</a> <span class="cs1-format">(PDF)</span> from the original on 14 July 2014<span class="reference-accessdate">. Retrieved <span class="nowrap">7 June</span> 2014</span>. <q>The aim of this thesis is to investigate the idea that the direction of gaze may be used as a device to detect a sense-of-presence in Immersive Virtual Environments (IVE) in some contexts.</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.atitle=Gaze+Direction+Analysis+for+the+Investigation+of+Presence+in+Immersive+Virtual+Environments&amp;rft.pages=5&amp;rft.aulast=Jordan&amp;rft.aufirst=Joel&amp;rft_id=http%3A%2F%2Fwww0.cs.ucl.ac.uk%2Fstaff%2Fj.jordan%2Fthesis-jj-2011.pdf&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span> <span class="cs1-visible-error citation-comment"><code class="cs1-code">{{<a href="/wiki/Template:Cite_journal" title="Template:Cite journal">cite journal</a>}}</code>: </span><span class="cs1-visible-error citation-comment">Cite journal requires <code class="cs1-code">&#124;journal=</code> (<a href="/wiki/Help:CS1_errors#missing_periodical" title="Help:CS1 errors">help</a>)</span></span> </li> <li id="cite_note-10"><span class="mw-cite-backlink"><b><a href="#cite_ref-10">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFRavi2009" class="citation web cs1">Ravi (August 2009). <a rel="nofollow" class="external text" href="http://ravi-softwares.blogspot.com/2009/08/introduction-of-hmi.html">"Introduction of HMI"</a>. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20140714233957/http://ravi-softwares.blogspot.com/2009/08/introduction-of-hmi.html">Archived</a> from the original on 14 July 2014<span class="reference-accessdate">. Retrieved <span class="nowrap">7 June</span> 2014</span>. <q>In some circumstance computers might observe the user, and react according to their actions without specific commands. A means of tracking parts of the body is required, and sensors noting the position of the head, direction of gaze and so on have been used experimentally. This is particularly relevant to immersive interfaces.</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Introduction+of+HMI&amp;rft.date=2009-08&amp;rft.au=Ravi&amp;rft_id=http%3A%2F%2Fravi-softwares.blogspot.com%2F2009%2F08%2Fintroduction-of-hmi.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-anaheimguide-11"><span class="mw-cite-backlink"><b><a href="#cite_ref-anaheimguide_11-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.anaheimautomation.com/manuals/forms/hmi-guide.php#sthash.2McqS5xo.dpbs">"HMI Guide"</a>. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20140620001341/http://www.anaheimautomation.com/manuals/forms/hmi-guide.php#sthash.2McqS5xo.dpbs">Archived</a> from the original on 20 June 2014.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=HMI+Guide&amp;rft_id=http%3A%2F%2Fwww.anaheimautomation.com%2Fmanuals%2Fforms%2Fhmi-guide.php%23sthash.2McqS5xo.dpbs&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-12"><span class="mw-cite-backlink"><b><a href="#cite_ref-12">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFRichard" class="citation web cs1">Richard, Stéphane. <a rel="nofollow" class="external text" href="http://www.petesqbsite.com/sections/express/issue21/tuiseriespart1.htm">"Text User Interface Development Series Part One – T.U.I. Basics"</a>. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20141116034613/http://www.petesqbsite.com/sections/express/issue21/tuiseriespart1.htm">Archived</a> from the original on 16 November 2014<span class="reference-accessdate">. Retrieved <span class="nowrap">13 June</span> 2014</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Text+User+Interface+Development+Series+Part+One+%E2%80%93+T.U.I.+Basics&amp;rft.aulast=Richard&amp;rft.aufirst=St%C3%A9phane&amp;rft_id=http%3A%2F%2Fwww.petesqbsite.com%2Fsections%2Fexpress%2Fissue21%2Ftuiseriespart1.htm&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-harding-13"><span class="mw-cite-backlink">^ <a href="#cite_ref-harding_13-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-harding_13-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-harding_13-2"><sup><i><b>c</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFMcCown" class="citation journal cs1">McCown, Frank. <a rel="nofollow" class="external text" href="https://www.harding.edu/fmccown/gui/history-gui.pptx">"History of the Graphical User Interface (GUI)"</a>. Harding University. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20141108121810/http://www.harding.edu/fmccown/gui/history-gui.pptx">Archived</a> from the original on 8 November 2014.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.atitle=History+of+the+Graphical+User+Interface+%28GUI%29&amp;rft.aulast=McCown&amp;rft.aufirst=Frank&amp;rft_id=https%3A%2F%2Fwww.harding.edu%2Ffmccown%2Fgui%2Fhistory-gui.pptx&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span> <span class="cs1-visible-error citation-comment"><code class="cs1-code">{{<a href="/wiki/Template:Cite_journal" title="Template:Cite journal">cite journal</a>}}</code>: </span><span class="cs1-visible-error citation-comment">Cite journal requires <code class="cs1-code">&#124;journal=</code> (<a href="/wiki/Help:CS1_errors#missing_periodical" title="Help:CS1 errors">help</a>)</span></span> </li> <li id="cite_note-14"><span class="mw-cite-backlink"><b><a href="#cite_ref-14">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://web.stanford.edu/dept/SUL/sites/mac/parc.html">"The Xerox PARC Visit"</a>. <i>web.stanford.edu</i><span class="reference-accessdate">. Retrieved <span class="nowrap">8 February</span> 2019</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=web.stanford.edu&amp;rft.atitle=The+Xerox+PARC+Visit&amp;rft_id=https%3A%2F%2Fweb.stanford.edu%2Fdept%2FSUL%2Fsites%2Fmac%2Fparc.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-15"><span class="mw-cite-backlink"><b><a href="#cite_ref-15">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://apple-history.com/gui">"apple-history.com / Graphical User Interface (GUI)"</a>. <i>apple-history.com</i><span class="reference-accessdate">. Retrieved <span class="nowrap">8 February</span> 2019</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=apple-history.com&amp;rft.atitle=apple-history.com+%2F+Graphical+User+Interface+%28GUI%29&amp;rft_id=https%3A%2F%2Fapple-history.com%2Fgui&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-artofunix-16"><span class="mw-cite-backlink"><b><a href="#cite_ref-artofunix_16-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFRaymond2003" class="citation book cs1">Raymond, Eric Steven (2003). <a rel="nofollow" class="external text" href="http://homepage.cs.uri.edu/~thenry/resources/unix_art/ch11s03.html">"11"</a>. <i>The Art of Unix Programming</i>. Thyrsus Enterprises. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20141020023039/http://homepage.cs.uri.edu/~thenry/resources/unix_art/ch11s03.html">Archived</a> from the original on 20 October 2014<span class="reference-accessdate">. Retrieved <span class="nowrap">13 June</span> 2014</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.atitle=11&amp;rft.btitle=The+Art+of+Unix+Programming&amp;rft.pub=Thyrsus+Enterprises&amp;rft.date=2003&amp;rft.aulast=Raymond&amp;rft.aufirst=Eric+Steven&amp;rft_id=http%3A%2F%2Fhomepage.cs.uri.edu%2F~thenry%2Fresources%2Funix_art%2Fch11s03.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-17"><span class="mw-cite-backlink"><b><a href="#cite_ref-17">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFC._A._D&#39;H_GoughR._GreenM._Billinghurst" class="citation journal cs1">C. A. D'H Gough; R. Green; M. Billinghurst. <a rel="nofollow" class="external text" href="https://www.researchgate.net/publication/220998465">"Accounting for User Familiarity in User Interfaces"</a> <span class="cs1-format">(PDF)</span><span class="reference-accessdate">. Retrieved <span class="nowrap">13 June</span> 2014</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.atitle=Accounting+for+User+Familiarity+in+User+Interfaces&amp;rft.au=C.+A.+D%27H+Gough&amp;rft.au=R.+Green&amp;rft.au=M.+Billinghurst&amp;rft_id=https%3A%2F%2Fwww.researchgate.net%2Fpublication%2F220998465&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span> <span class="cs1-visible-error citation-comment"><code class="cs1-code">{{<a href="/wiki/Template:Cite_journal" title="Template:Cite journal">cite journal</a>}}</code>: </span><span class="cs1-visible-error citation-comment">Cite journal requires <code class="cs1-code">&#124;journal=</code> (<a href="/wiki/Help:CS1_errors#missing_periodical" title="Help:CS1 errors">help</a>)</span></span> </li> <li id="cite_note-18"><span class="mw-cite-backlink"><b><a href="#cite_ref-18">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="99-067972" class="citation book cs1">Sweet, David (October 2001). <a rel="nofollow" class="external text" href="http://openbooks.sourceforge.net/books/kde20devel/ch09.html">"9 – Constructing A Responsive User Interface"</a>. <i>KDE 2.0 Development</i>. Sams Publishing. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20130923224705/http://openbooks.sourceforge.net/books/kde20devel/ch09.html">Archived</a> from the original on 23 September 2013<span class="reference-accessdate">. Retrieved <span class="nowrap">13 June</span> 2014</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=bookitem&amp;rft.atitle=9+%E2%80%93+Constructing+A+Responsive+User+Interface&amp;rft.btitle=KDE+2.0+Development&amp;rft.pub=Sams+Publishing&amp;rft.date=2001-10&amp;rft.aulast=Sweet&amp;rft.aufirst=David&amp;rft_id=http%3A%2F%2Fopenbooks.sourceforge.net%2Fbooks%2Fkde20devel%2Fch09.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-19"><span class="mw-cite-backlink"><b><a href="#cite_ref-19">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFJohn_W._SatzingerLorne_Olfman1998" class="citation journal cs1">John W. Satzinger; Lorne Olfman (March 1998). <a rel="nofollow" class="external text" href="http://dl.acm.org/citation.cfm?id=1189510">"User interface consistency across end-user applications: the effects on mental models"</a>. <i>Journal of Management Information Systems</i>. Managing virtual workplaces and teleworking with information technology. <b>14</b> (4). Armonk, NY: <span class="nowrap">167–</span>193. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1080%2F07421222.1998.11518190">10.1080/07421222.1998.11518190</a>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.jtitle=Journal+of+Management+Information+Systems&amp;rft.atitle=User+interface+consistency+across+end-user+applications%3A+the+effects+on+mental+models&amp;rft.volume=14&amp;rft.issue=4&amp;rft.pages=%3Cspan+class%3D%22nowrap%22%3E167-%3C%2Fspan%3E193&amp;rft.date=1998-03&amp;rft_id=info%3Adoi%2F10.1080%2F07421222.1998.11518190&amp;rft.au=John+W.+Satzinger&amp;rft.au=Lorne+Olfman&amp;rft_id=http%3A%2F%2Fdl.acm.org%2Fcitation.cfm%3Fid%3D1189510&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-Raskin-20"><span class="mw-cite-backlink">^ <a href="#cite_ref-Raskin_20-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-Raskin_20-1"><sup><i><b>b</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFRaskin2000" class="citation book cs1">Raskin, Jef (2000). <span class="id-lock-registration" title="Free registration required"><a rel="nofollow" class="external text" href="https://archive.org/details/humaneinterfacen00rask"><i>The human interface&#160;: new directions for designing interactive systems</i></a></span> (1. printing.&#160;ed.). Reading, Mass. [u.a.]: Addison Wesley. <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a>&#160;<a href="/wiki/Special:BookSources/0-201-37937-6" title="Special:BookSources/0-201-37937-6"><bdi>0-201-37937-6</bdi></a>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=The+human+interface+%3A+new+directions+for+designing+interactive+systems&amp;rft.place=Reading%2C+Mass.+%5Bu.a.%5D&amp;rft.edition=1.+printing.&amp;rft.pub=Addison+Wesley&amp;rft.date=2000&amp;rft.isbn=0-201-37937-6&amp;rft.aulast=Raskin&amp;rft.aufirst=Jef&amp;rft_id=https%3A%2F%2Farchive.org%2Fdetails%2Fhumaneinterfacen00rask&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-21"><span class="mw-cite-backlink"><b><a href="#cite_ref-21">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFUdell2003" class="citation news cs1">Udell, John (9 May 2003). <a rel="nofollow" class="external text" href="http://www.infoworld.com/article/2681144/application-development/interfaces-are-habit-forming.amp.html">"Interfaces are habit-forming"</a>. <i>Infoworld</i>. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20170404131503/http://www.infoworld.com/article/2681144/application-development/interfaces-are-habit-forming.amp.html">Archived</a> from the original on 4 April 2017<span class="reference-accessdate">. Retrieved <span class="nowrap">3 April</span> 2017</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.jtitle=Infoworld&amp;rft.atitle=Interfaces+are+habit-forming&amp;rft.date=2003-05-09&amp;rft.aulast=Udell&amp;rft.aufirst=John&amp;rft_id=http%3A%2F%2Fwww.infoworld.com%2Farticle%2F2681144%2Fapplication-development%2Finterfaces-are-habit-forming.amp.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-:0-22"><span class="mw-cite-backlink">^ <a href="#cite_ref-:0_22-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-:0_22-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-:0_22-2"><sup><i><b>c</b></i></sup></a> <a href="#cite_ref-:0_22-3"><sup><i><b>d</b></i></sup></a> <a href="#cite_ref-:0_22-4"><sup><i><b>e</b></i></sup></a> <a href="#cite_ref-:0_22-5"><sup><i><b>f</b></i></sup></a> <a href="#cite_ref-:0_22-6"><sup><i><b>g</b></i></sup></a> <a href="#cite_ref-:0_22-7"><sup><i><b>h</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite class="citation web cs1"><a rel="nofollow" class="external text" href="https://oryzo.com/user-interface-design/">"User Interface &amp; User Experience Design | Oryzo | Small Business UI/UX"</a>. <i>Oryzo</i><span class="reference-accessdate">. Retrieved <span class="nowrap">19 November</span> 2019</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Oryzo&amp;rft.atitle=User+Interface+%26+User+Experience+Design+%7C+Oryzo+%7C+Small+Business+UI%2FUX&amp;rft_id=https%3A%2F%2Foryzo.com%2Fuser-interface-design%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-:1-23"><span class="mw-cite-backlink">^ <a href="#cite_ref-:1_23-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-:1_23-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-:1_23-2"><sup><i><b>c</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFWesolko2016" class="citation web cs1">Wesolko, Dane (27 October 2016). <a rel="nofollow" class="external text" href="https://medium.com/@danewesolko/peter-morvilles-user-experience-honeycomb-904c383b6886">"Peter Morville's User Experience Honeycomb"</a>. <i>Medium</i><span class="reference-accessdate">. Retrieved <span class="nowrap">19 November</span> 2019</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Medium&amp;rft.atitle=Peter+Morville%27s+User+Experience+Honeycomb&amp;rft.date=2016-10-27&amp;rft.aulast=Wesolko&amp;rft.aufirst=Dane&amp;rft_id=https%3A%2F%2Fmedium.com%2F%40danewesolko%2Fpeter-morvilles-user-experience-honeycomb-904c383b6886&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-cbc-24"><span class="mw-cite-backlink"><b><a href="#cite_ref-cbc_24-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFErrett" class="citation web cs1">Errett, Joshua. <a rel="nofollow" class="external text" href="http://www.cbc.ca/news/canada/toronto/toronto-chatbots-1.3581791">"As app fatigue sets in, Toronto engineers move on to chatbots"</a>. <i>CBC</i>. CBC/Radio-Canada. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20160622075925/http://www.cbc.ca/news/canada/toronto/toronto-chatbots-1.3581791">Archived</a> from the original on 22 June 2016<span class="reference-accessdate">. Retrieved <span class="nowrap">4 July</span> 2016</span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=CBC&amp;rft.atitle=As+app+fatigue+sets+in%2C+Toronto+engineers+move+on+to+chatbots&amp;rft.aulast=Errett&amp;rft.aufirst=Joshua&amp;rft_id=http%3A%2F%2Fwww.cbc.ca%2Fnews%2Fcanada%2Ftoronto%2Ftoronto-chatbots-1.3581791&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-25"><span class="mw-cite-backlink"><b><a href="#cite_ref-25">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFMartinez2011" class="citation journal cs1">Martinez, Wendy L. (23 February 2011). <a rel="nofollow" class="external text" href="https://onlinelibrary.wiley.com/doi/10.1002/wics.150">"Graphical user interfaces: Graphical user interfaces"</a>. <i>Wiley Interdisciplinary Reviews: Computational Statistics</i>. <b>3</b> (2): <span class="nowrap">119–</span>133. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<a rel="nofollow" class="external text" href="https://doi.org/10.1002%2Fwics.150">10.1002/wics.150</a>. <a href="/wiki/S2CID_(identifier)" class="mw-redirect" title="S2CID (identifier)">S2CID</a>&#160;<a rel="nofollow" class="external text" href="https://api.semanticscholar.org/CorpusID:60467930">60467930</a>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.jtitle=Wiley+Interdisciplinary+Reviews%3A+Computational+Statistics&amp;rft.atitle=Graphical+user+interfaces%3A+Graphical+user+interfaces&amp;rft.volume=3&amp;rft.issue=2&amp;rft.pages=%3Cspan+class%3D%22nowrap%22%3E119-%3C%2Fspan%3E133&amp;rft.date=2011-02-23&amp;rft_id=info%3Adoi%2F10.1002%2Fwics.150&amp;rft_id=https%3A%2F%2Fapi.semanticscholar.org%2FCorpusID%3A60467930%23id-name%3DS2CID&amp;rft.aulast=Martinez&amp;rft.aufirst=Wendy+L.&amp;rft_id=https%3A%2F%2Fonlinelibrary.wiley.com%2Fdoi%2F10.1002%2Fwics.150&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-26"><span class="mw-cite-backlink"><b><a href="#cite_ref-26">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFLamb2001" class="citation web cs1">Lamb, Gordana (2001). <a rel="nofollow" class="external text" href="https://web.archive.org/web/20130814153652/http://msdn.microsoft.com/en-us/library/aa227601(v=vs.60).aspx">"Improve Your UI Design Process with Object-Oriented Techniques"</a>. <i>Visual Basic Developer magazine</i>. Archived from <a rel="nofollow" class="external text" href="http://msdn.microsoft.com/en-us/library/aa227601(v=vs.60).aspx">the original</a> on 14 August 2013. <q>Table 1. Differences between the traditional application-oriented and object-oriented approaches to UI design.</q></cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=Visual+Basic+Developer+magazine&amp;rft.atitle=Improve+Your+UI+Design+Process+with+Object-Oriented+Techniques&amp;rft.date=2001&amp;rft.aulast=Lamb&amp;rft.aufirst=Gordana&amp;rft_id=http%3A%2F%2Fmsdn.microsoft.com%2Fen-us%2Flibrary%2Faa227601%28v%3Dvs.60%29.aspx&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-27"><span class="mw-cite-backlink"><b><a href="#cite_ref-27">^</a></b></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.appleinsider.com/articles/09/06/18/apple_exploring_motion_tracking_mac_os_x_user_interface.html">appleinsider.com</a> <a rel="nofollow" class="external text" href="https://web.archive.org/web/20090619212919/http://www.appleinsider.com/articles/09/06/18/apple_exploring_motion_tracking_mac_os_x_user_interface.html">Archived</a> 2009-06-19 at the <a href="/wiki/Wayback_Machine" title="Wayback Machine">Wayback Machine</a></span> </li> <li id="cite_note-noncommand-28"><span class="mw-cite-backlink"><b><a href="#cite_ref-noncommand_28-0">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222" /><cite id="CITEREFJakob_Nielsen1993" class="citation journal cs1"><a href="/wiki/Jakob_Nielsen_(usability_consultant)" title="Jakob Nielsen (usability consultant)">Jakob Nielsen</a> (April 1993). <a rel="nofollow" class="external text" href="http://www.useit.com/papers/noncommand.html">"Noncommand User Interfaces"</a>. <i>Communications of the ACM</i>. <b>36</b> (4). ACM Press: <span class="nowrap">83–</span>99. <a href="/wiki/Doi_(identifier)" class="mw-redirect" title="Doi (identifier)">doi</a>:<span class="id-lock-free" title="Freely accessible"><a rel="nofollow" class="external text" href="https://doi.org/10.1145%2F255950.153582">10.1145/255950.153582</a></span>. <a href="/wiki/S2CID_(identifier)" class="mw-redirect" title="S2CID (identifier)">S2CID</a>&#160;<a rel="nofollow" class="external text" href="https://api.semanticscholar.org/CorpusID:7684922">7684922</a>. <a rel="nofollow" class="external text" href="https://web.archive.org/web/20061110102842/http://www.useit.com/papers/noncommand.html">Archived</a> from the original on 10 November 2006.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=article&amp;rft.jtitle=Communications+of+the+ACM&amp;rft.atitle=Noncommand+User+Interfaces&amp;rft.volume=36&amp;rft.issue=4&amp;rft.pages=%3Cspan+class%3D%22nowrap%22%3E83-%3C%2Fspan%3E99&amp;rft.date=1993-04&amp;rft_id=info%3Adoi%2F10.1145%2F255950.153582&amp;rft_id=https%3A%2F%2Fapi.semanticscholar.org%2FCorpusID%3A7684922%23id-name%3DS2CID&amp;rft.au=Jakob+Nielsen&amp;rft_id=http%3A%2F%2Fwww.useit.com%2Fpapers%2Fnoncommand.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AUser+interface" class="Z3988"></span></span> </li> <li id="cite_note-29"><span class="mw-cite-backlink"><b><a href="#cite_ref-29">^</a></b></span> <span class="reference-text">Sharon, Taly, Henry Lieberman, and Ted Selker. "<a rel="nofollow" class="external text" href="https://www.researchgate.net/profile/Ted_Selker/publication/221607708_A_zero-input_interface_for_leveraging_group_experience_in_Web_browsing/links/0912f50876bda91a5b000000/A-zero-input-interface-for-leveraging-group-experience-in-Web-browsing.pdf">A zero-input interface for leveraging group experience in web browsing</a> <a rel="nofollow" class="external text" href="https://web.archive.org/web/20170908113001/https://www.researchgate.net/profile/Ted_Selker/publication/221607708_A_zero-input_interface_for_leveraging_group_experience_in_Web_browsing/links/0912f50876bda91a5b000000/A-zero-input-interface-for-leveraging-group-experience-in-Web-browsing.pdf">Archived</a> 2017-09-08 at the <a href="/wiki/Wayback_Machine" title="Wayback Machine">Wayback Machine</a>." Proceedings of the 8th international conference on Intelligent user interfaces. ACM, 2003.</span> </li> </ol></div> <div class="mw-heading mw-heading2"><h2 id="External_links">External links</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=User_interface&amp;action=edit&amp;section=17" title="Edit section: External links"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <style data-mw-deduplicate="TemplateStyles:r1235681985">.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:var(--background-color-interactive-subtle,#f8f9fa);display:flow-root}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1;min-width:0}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}</style><style data-mw-deduplicate="TemplateStyles:r1237033735">@media print{body.ns-0 .mw-parser-output .sistersitebox{display:none!important}}@media screen{html.skin-theme-clientpref-night .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"]{background-color:white}}</style><div class="side-box side-box-right plainlinks sistersitebox"><style data-mw-deduplicate="TemplateStyles:r1126788409">.mw-parser-output .plainlist ol,.mw-parser-output .plainlist ul{line-height:inherit;list-style:none;margin:0;padding:0}.mw-parser-output .plainlist ol li,.mw-parser-output .plainlist ul li{margin-bottom:0}</style> <div class="side-box-flex"> <div class="side-box-image"><span class="noviewer" typeof="mw:File"><a href="/wiki/File:Wiktionary-logo-en-v2.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Wiktionary-logo-en-v2.svg/40px-Wiktionary-logo-en-v2.svg.png" decoding="async" width="40" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/99/Wiktionary-logo-en-v2.svg/60px-Wiktionary-logo-en-v2.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/99/Wiktionary-logo-en-v2.svg/80px-Wiktionary-logo-en-v2.svg.png 2x" data-file-width="512" data-file-height="512" /></a></span></div> <div class="side-box-text plainlist">Look up <i><b><a href="https://en.wiktionary.org/wiki/Special:Search/user_interface" class="extiw" title="wiktionary:Special:Search/user interface">user interface</a></b></i> in Wiktionary, the free dictionary.</div></div> </div> <link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1235681985" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1237033735" /><div class="side-box side-box-right plainlinks sistersitebox"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1126788409" /> <div class="side-box-flex"> <div class="side-box-image"><span class="noviewer" typeof="mw:File"><a href="/wiki/File:Commons-logo.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/30px-Commons-logo.svg.png" decoding="async" width="30" height="40" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/45px-Commons-logo.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/59px-Commons-logo.svg.png 2x" data-file-width="1024" data-file-height="1376" /></a></span></div> <div class="side-box-text plainlist">Wikimedia Commons has media related to <span style="font-weight: bold; font-style: italic;"><a href="https://commons.wikimedia.org/wiki/Category:User_interfaces" class="extiw" title="commons:Category:User interfaces">User interfaces</a></span>.</div></div> </div> <ul><li><a rel="nofollow" class="external text" href="https://www.interaction-design.org/literature/conference_series/overview">Conference series</a> – covering a wide area of user interface publications</li> <li><a rel="nofollow" class="external text" href="http://www.catb.org/~esr/writings/taouu/html/ch02.html">Chapter 2. History: A brief history of user interfaces</a></li></ul> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="User_interfaces152" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374" /><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:User_interfaces" title="Template:User interfaces"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:User_interfaces" title="Template talk:User interfaces"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:User_interfaces" title="Special:EditPage/Template:User interfaces"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="User_interfaces152" style="font-size:114%;margin:0 4em"><a class="mw-selflink selflink">User interfaces</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Natural-language_user_interface" title="Natural-language user interface">Natural-language user interfaces</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Chatbot" title="Chatbot">Chatbot</a></li> <li><a href="/wiki/Dialogue_system" title="Dialogue system">Dialogue system</a></li> <li><a href="/wiki/Voice_user_interface" title="Voice user interface">Voice user interfaces</a></li> <li><a href="/wiki/Conversational_user_interface" title="Conversational user interface">Conversational user interface</a></li> <li><a href="/wiki/Virtual_assistant" title="Virtual assistant">Virtual assistant</a></li> <li><a href="/wiki/Voice_search" title="Voice search">Voice search</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Graphical_user_interface" title="Graphical user interface">Graphical user interfaces</a></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Graphical_widget" title="Graphical widget">Widgets</a></li> <li><a href="/wiki/Zooming_user_interface" title="Zooming user interface">Zooming user interface</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Touch_user_interface" title="Touch user interface">Touch user interfaces</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Multi-touch" title="Multi-touch">Multi-touch</a></li> <li><a href="/wiki/Tangible_user_interface" title="Tangible user interface">Tangible user interface</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/3D_user_interface" class="mw-redirect" title="3D user interface">3D user interfaces</a></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Augmented_reality" title="Augmented reality">Augmented</a> and <a href="/wiki/Virtual_reality" title="Virtual reality">virtual reality</a></li> <li><a href="/wiki/Finger_tracking" title="Finger tracking">Finger tracking</a></li> <li><a href="/wiki/Positional_tracking" class="mw-redirect" title="Positional tracking">Positional tracking</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other user interfaces</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Text-based_user_interface" title="Text-based user interface">Text-based user interface</a></li> <li><a href="/wiki/Natural_user_interface" title="Natural user interface">Natural user interface</a></li> <li><a href="/wiki/Multimodal_interaction" title="Multimodal interaction">Multimodal user interface</a></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236075235" /></div><div role="navigation" class="navbox" aria-labelledby="Operating_systems310" style="padding:3px"><table class="nowraplinks mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239400231" /><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Operating_systems" title="Template:Operating systems"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Operating_systems" title="Template talk:Operating systems"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Operating_systems" title="Special:EditPage/Template:Operating systems"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Operating_systems310" style="font-size:114%;margin:0 4em"><a href="/wiki/Operating_system" title="Operating system">Operating systems</a></div></th></tr><tr><th scope="row" class="navbox-group" style="width:1%">General</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Comparison_of_operating_systems" title="Comparison of operating systems">Comparison</a></li> <li><a href="/wiki/Forensic_software_engineering" title="Forensic software engineering">Forensic engineering</a></li> <li><a href="/wiki/History_of_operating_systems" title="History of operating systems">History</a></li> <li><a href="/wiki/List_of_operating_systems" title="List of operating systems">List</a></li> <li><a href="/wiki/Timeline_of_operating_systems" title="Timeline of operating systems">Timeline</a></li> <li><a href="/wiki/Usage_share_of_operating_systems" title="Usage share of operating systems">Usage share</a></li> <li><a href="/wiki/Comparison_of_user_features_of_operating_systems" title="Comparison of user features of operating systems">User features comparison</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Variants</th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Disk_operating_system" title="Disk operating system">Disk operating system</a></li> <li><a href="/wiki/Distributed_operating_system" title="Distributed operating system">Distributed operating system</a></li> <li><a href="/wiki/Embedded_operating_system" title="Embedded operating system">Embedded operating system</a></li> <li><a href="/wiki/Hobbyist_operating_system" title="Hobbyist operating system">Hobbyist operating system</a></li> <li><a href="/wiki/Just_enough_operating_system" title="Just enough operating system">Just enough operating system</a></li> <li><a href="/wiki/Mobile_operating_system" title="Mobile operating system">Mobile operating system</a></li> <li><a href="/wiki/Network_operating_system" title="Network operating system">Network operating system</a></li> <li><a href="/wiki/Object-oriented_operating_system" title="Object-oriented operating system">Object-oriented operating system</a></li> <li><a href="/wiki/Real-time_operating_system" title="Real-time operating system">Real-time operating system</a></li> <li><a href="/wiki/Supercomputer_operating_system" title="Supercomputer operating system">Supercomputer operating system</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Kernel_(operating_system)" title="Kernel (operating system)">Kernel</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:6em"><a href="/wiki/Computer_architecture" title="Computer architecture">Architectures</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Exokernel" title="Exokernel">Exokernel</a></li> <li><a href="/wiki/Hybrid_kernel" title="Hybrid kernel">Hybrid</a></li> <li><a href="/wiki/Microkernel" title="Microkernel">Microkernel</a></li> <li><a href="/wiki/Monolithic_kernel" title="Monolithic kernel">Monolithic</a></li> <li><a href="/wiki/Multikernel" title="Multikernel">Multikernel</a></li> <li><a href="/wiki/Vkernel" title="Vkernel">vkernel</a></li> <li><a href="/wiki/Rump_kernel" title="Rump kernel">Rump kernel</a></li> <li><a href="/wiki/Unikernel" title="Unikernel">Unikernel</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:6em">Components</th><td class="navbox-list-with-group navbox-list navbox-even" style="padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Device_driver" title="Device driver">Device driver</a></li> <li><a href="/wiki/Loadable_kernel_module" title="Loadable kernel module">Loadable kernel module</a></li> <li><a href="/wiki/User_space_and_kernel_space" title="User space and kernel space">User space and kernel space</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Process_management_(computing)" title="Process management (computing)">Process management</a></th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:6em">Concepts</th><td class="navbox-list-with-group navbox-list navbox-odd" style="padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Computer_multitasking" title="Computer multitasking">Computer multitasking</a> (<a href="/wiki/Cooperative_multitasking" title="Cooperative multitasking">Cooperative</a>, <a href="/wiki/Preemption_(computing)" title="Preemption (computing)">Preemptive</a>)</li> <li><a href="/wiki/Context_switch" title="Context switch">Context switch</a></li> <li><a href="/wiki/Interrupt" title="Interrupt">Interrupt</a></li> <li><a href="/wiki/Inter-process_communication" title="Inter-process communication">IPC</a></li> <li><a href="/wiki/Process_(computing)" title="Process (computing)">Process</a></li> <li><a href="/wiki/Process_control_block" title="Process control block">Process control block</a></li> <li><a href="/wiki/Real-time_operating_system" title="Real-time operating system">Real-time</a></li> <li><a href="/wiki/Thread_(computing)" title="Thread (computing)">Thread</a></li> <li><a href="/wiki/Time-sharing" title="Time-sharing">Time-sharing</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:6em"><a href="/wiki/Scheduling_(computing)" title="Scheduling (computing)">Scheduling<br />algorithms</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Fixed-priority_pre-emptive_scheduling" title="Fixed-priority pre-emptive scheduling">Fixed-priority preemptive</a></li> <li><a href="/wiki/Multilevel_feedback_queue" title="Multilevel feedback queue">Multilevel feedback queue</a></li> <li><a href="/wiki/Round-robin_scheduling" title="Round-robin scheduling">Round-robin</a></li> <li><a href="/wiki/Shortest_job_next" title="Shortest job next">Shortest job next</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Memory_management_(operating_systems)" title="Memory management (operating systems)">Memory management</a>,<br /><a href="/wiki/System_resource" title="System resource">resource</a> protection</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Bus_error" title="Bus error">Bus error</a></li> <li><a href="/wiki/General_protection_fault" title="General protection fault">General protection fault</a></li> <li><a href="/wiki/Memory_paging" title="Memory paging">Memory paging</a></li> <li><a href="/wiki/Memory_protection" title="Memory protection">Memory protection</a></li> <li><a href="/wiki/Protection_ring" title="Protection ring">Protection ring</a></li> <li><a href="/wiki/Segmentation_fault" title="Segmentation fault">Segmentation fault</a></li> <li><a href="/wiki/Virtual_memory" title="Virtual memory">Virtual memory</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Non-volatile_memory" title="Non-volatile memory">Storage</a> access,<br /><a href="/wiki/File_system" title="File system">file systems</a></th><td class="navbox-list-with-group navbox-list navbox-even hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Booting#BOOT-LOADER" title="Booting">Boot loader</a></li> <li><a href="/wiki/Defragmentation" title="Defragmentation">Defragmentation</a></li> <li><a href="/wiki/Device_file" title="Device file">Device file</a></li> <li><a href="/wiki/File_attribute" title="File attribute">File attribute</a></li> <li><a href="/wiki/Inode" title="Inode">Inode</a></li> <li><a href="/wiki/Journaling_file_system" title="Journaling file system">Journal</a></li> <li><a href="/wiki/Disk_partitioning" title="Disk partitioning">Partition</a></li> <li><a href="/wiki/Virtual_file_system" title="Virtual file system">Virtual file system</a></li> <li><a href="/wiki/Virtual_tape_library" title="Virtual tape library">Virtual tape library</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Supporting concepts</th><td class="navbox-list-with-group navbox-list navbox-odd hlist" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/API" title="API">API</a></li> <li><a href="/wiki/Computer_network" title="Computer network">Computer network</a></li> <li><a href="/wiki/Hardware_abstraction" title="Hardware abstraction">HAL</a></li> <li><a href="/wiki/Live_CD" title="Live CD">Live CD</a></li> <li><a href="/wiki/Live_USB" title="Live USB">Live USB</a></li> <li><a href="/wiki/Shell_(computing)" title="Shell (computing)">Shell</a> <ul><li><a href="/wiki/Command-line_interface" title="Command-line interface">CLI</a></li> <li><a class="mw-selflink selflink">User interface</a></li></ul></li> <li><a href="/wiki/Preboot_Execution_Environment" title="Preboot Execution Environment">PXE</a></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236075235" /></div><div role="navigation" class="navbox" aria-labelledby="Computer_science1028" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239400231" /><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Computer_science" title="Template:Computer science"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Computer_science" title="Template talk:Computer science"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Computer_science" title="Special:EditPage/Template:Computer science"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Computer_science1028" style="font-size:114%;margin:0 4em"><a href="/wiki/Computer_science" title="Computer science">Computer science</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2"><div>Note: This template roughly follows the 2012 <a href="/wiki/ACM_Computing_Classification_System" title="ACM Computing Classification System">ACM Computing Classification System</a>.</div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Computer_hardware" title="Computer hardware">Hardware</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Printed_circuit_board" title="Printed circuit board">Printed circuit board</a></li> <li><a href="/wiki/Peripheral" title="Peripheral">Peripheral</a></li> <li><a href="/wiki/Integrated_circuit" title="Integrated circuit">Integrated circuit</a></li> <li><a href="/wiki/Very_Large_Scale_Integration" class="mw-redirect" title="Very Large Scale Integration">Very Large Scale Integration</a></li> <li><a href="/wiki/System_on_a_chip" title="System on a chip">Systems on Chip (SoCs)</a></li> <li><a href="/wiki/Green_computing" title="Green computing">Energy consumption (Green computing)</a></li> <li><a href="/wiki/Electronic_design_automation" title="Electronic design automation">Electronic design automation</a></li> <li><a href="/wiki/Hardware_acceleration" title="Hardware acceleration">Hardware acceleration</a></li> <li><a href="/wiki/Processor_(computing)" title="Processor (computing)">Processor</a></li> <li><a href="/wiki/List_of_computer_size_categories" title="List of computer size categories">Size</a> / <a href="/wiki/Form_factor_(design)" title="Form factor (design)">Form</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Computer systems organization</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Computer_architecture" title="Computer architecture">Computer architecture</a></li> <li><a href="/wiki/Computational_complexity" title="Computational complexity">Computational complexity</a></li> <li><a href="/wiki/Dependability" title="Dependability">Dependability</a></li> <li><a href="/wiki/Embedded_system" title="Embedded system">Embedded system</a></li> <li><a href="/wiki/Real-time_computing" title="Real-time computing">Real-time computing</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Computer_network" title="Computer network">Networks</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Network_architecture" title="Network architecture">Network architecture</a></li> <li><a href="/wiki/Network_protocol" class="mw-redirect" title="Network protocol">Network protocol</a></li> <li><a href="/wiki/Networking_hardware" title="Networking hardware">Network components</a></li> <li><a href="/wiki/Network_scheduler" title="Network scheduler">Network scheduler</a></li> <li><a href="/wiki/Network_performance" title="Network performance">Network performance evaluation</a></li> <li><a href="/wiki/Network_service" title="Network service">Network service</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Software organization</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Interpreter_(computing)" title="Interpreter (computing)">Interpreter</a></li> <li><a href="/wiki/Middleware" title="Middleware">Middleware</a></li> <li><a href="/wiki/Virtual_machine" title="Virtual machine">Virtual machine</a></li> <li><a href="/wiki/Operating_system" title="Operating system">Operating system</a></li> <li><a href="/wiki/Software_quality" title="Software quality">Software quality</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Programming_language_theory" title="Programming language theory">Software notations</a> and <a href="/wiki/Programming_tool" title="Programming tool">tools</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Programming_paradigm" title="Programming paradigm">Programming paradigm</a></li> <li><a href="/wiki/Programming_language" title="Programming language">Programming language</a></li> <li><a href="/wiki/Compiler_construction" class="mw-redirect" title="Compiler construction">Compiler</a></li> <li><a href="/wiki/Domain-specific_language" title="Domain-specific language">Domain-specific language</a></li> <li><a href="/wiki/Modeling_language" title="Modeling language">Modeling language</a></li> <li><a href="/wiki/Software_framework" title="Software framework">Software framework</a></li> <li><a href="/wiki/Integrated_development_environment" title="Integrated development environment">Integrated development environment</a></li> <li><a href="/wiki/Software_configuration_management" title="Software configuration management">Software configuration management</a></li> <li><a href="/wiki/Library_(computing)" title="Library (computing)">Software library</a></li> <li><a href="/wiki/Software_repository" title="Software repository">Software repository</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Software_development" title="Software development">Software development</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Control_variable_(programming)" class="mw-redirect" title="Control variable (programming)">Control variable</a></li> <li><a href="/wiki/Software_development_process" title="Software development process">Software development process</a></li> <li><a href="/wiki/Requirements_analysis" title="Requirements analysis">Requirements analysis</a></li> <li><a href="/wiki/Software_design" title="Software design">Software design</a></li> <li><a href="/wiki/Software_construction" title="Software construction">Software construction</a></li> <li><a href="/wiki/Software_deployment" title="Software deployment">Software deployment</a></li> <li><a href="/wiki/Software_engineering" title="Software engineering">Software engineering</a></li> <li><a href="/wiki/Software_maintenance" title="Software maintenance">Software maintenance</a></li> <li><a href="/wiki/Programming_team" title="Programming team">Programming team</a></li> <li><a href="/wiki/Open-source_software" title="Open-source software">Open-source model</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Theory_of_computation" title="Theory of computation">Theory of computation</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Model_of_computation" title="Model of computation">Model of computation</a> <ul><li><a href="/wiki/Stochastic_computing" title="Stochastic computing">Stochastic</a></li></ul></li> <li><a href="/wiki/Formal_language" title="Formal language">Formal language</a></li> <li><a href="/wiki/Automata_theory" title="Automata theory">Automata theory</a></li> <li><a href="/wiki/Computability_theory" title="Computability theory">Computability theory</a></li> <li><a href="/wiki/Computational_complexity_theory" title="Computational complexity theory">Computational complexity theory</a></li> <li><a href="/wiki/Logic_in_computer_science" title="Logic in computer science">Logic</a></li> <li><a href="/wiki/Semantics_(computer_science)" title="Semantics (computer science)">Semantics</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Algorithm" title="Algorithm">Algorithms</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Algorithm_design" class="mw-redirect" title="Algorithm design">Algorithm design</a></li> <li><a href="/wiki/Analysis_of_algorithms" title="Analysis of algorithms">Analysis of algorithms</a></li> <li><a href="/wiki/Algorithmic_efficiency" title="Algorithmic efficiency">Algorithmic efficiency</a></li> <li><a href="/wiki/Randomized_algorithm" title="Randomized algorithm">Randomized algorithm</a></li> <li><a href="/wiki/Computational_geometry" title="Computational geometry">Computational geometry</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Mathematics of <a href="/wiki/Computing" title="Computing">computing</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Discrete_mathematics" title="Discrete mathematics">Discrete mathematics</a></li> <li><a href="/wiki/Probability" title="Probability">Probability</a></li> <li><a href="/wiki/Statistics" title="Statistics">Statistics</a></li> <li><a href="/wiki/Mathematical_software" title="Mathematical software">Mathematical software</a></li> <li><a href="/wiki/Information_theory" title="Information theory">Information theory</a></li> <li><a href="/wiki/Mathematical_analysis" title="Mathematical analysis">Mathematical analysis</a></li> <li><a href="/wiki/Numerical_analysis" title="Numerical analysis">Numerical analysis</a></li> <li><a href="/wiki/Theoretical_computer_science" title="Theoretical computer science">Theoretical computer science</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Information_system" title="Information system">Information systems</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Database" title="Database">Database management system</a></li> <li><a href="/wiki/Computer_data_storage" title="Computer data storage">Information storage systems</a></li> <li><a href="/wiki/Enterprise_information_system" title="Enterprise information system">Enterprise information system</a></li> <li><a href="/wiki/Social_software" title="Social software">Social information systems</a></li> <li><a href="/wiki/Geographic_information_system" title="Geographic information system">Geographic information system</a></li> <li><a href="/wiki/Decision_support_system" title="Decision support system">Decision support system</a></li> <li><a href="/wiki/Process_control" class="mw-redirect" title="Process control">Process control system</a></li> <li><a href="/wiki/Multimedia_database" title="Multimedia database">Multimedia information system</a></li> <li><a href="/wiki/Data_mining" title="Data mining">Data mining</a></li> <li><a href="/wiki/Digital_library" title="Digital library">Digital library</a></li> <li><a href="/wiki/Computing_platform" title="Computing platform">Computing platform</a></li> <li><a href="/wiki/Digital_marketing" title="Digital marketing">Digital marketing</a></li> <li><a href="/wiki/World_Wide_Web" title="World Wide Web">World Wide Web</a></li> <li><a href="/wiki/Information_retrieval" title="Information retrieval">Information retrieval</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Computer_security" title="Computer security">Security</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Cryptography" title="Cryptography">Cryptography</a></li> <li><a href="/wiki/Formal_methods" title="Formal methods">Formal methods</a></li> <li><a href="/wiki/Security_hacker" title="Security hacker">Security hacker</a></li> <li><a href="/wiki/Security_service_(telecommunication)" title="Security service (telecommunication)">Security services</a></li> <li><a href="/wiki/Intrusion_detection_system" title="Intrusion detection system">Intrusion detection system</a></li> <li><a href="/wiki/Hardware_security" title="Hardware security">Hardware security</a></li> <li><a href="/wiki/Network_security" title="Network security">Network security</a></li> <li><a href="/wiki/Information_security" title="Information security">Information security</a></li> <li><a href="/wiki/Application_security" title="Application security">Application security</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Human%E2%80%93computer_interaction" title="Human–computer interaction">Human–computer interaction</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Interaction_design" title="Interaction design">Interaction design</a></li> <li><a href="/wiki/Social_computing" title="Social computing">Social computing</a></li> <li><a href="/wiki/Ubiquitous_computing" title="Ubiquitous computing">Ubiquitous computing</a></li> <li><a href="/wiki/Visualization_(graphics)" title="Visualization (graphics)">Visualization</a></li> <li><a href="/wiki/Computer_accessibility" title="Computer accessibility">Accessibility</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Concurrency_(computer_science)" title="Concurrency (computer science)">Concurrency</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Concurrent_computing" title="Concurrent computing">Concurrent computing</a></li> <li><a href="/wiki/Parallel_computing" title="Parallel computing">Parallel computing</a></li> <li><a href="/wiki/Distributed_computing" title="Distributed computing">Distributed computing</a></li> <li><a href="/wiki/Multithreading_(computer_architecture)" title="Multithreading (computer architecture)">Multithreading</a></li> <li><a href="/wiki/Multiprocessing" title="Multiprocessing">Multiprocessing</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Artificial_intelligence" title="Artificial intelligence">Artificial intelligence</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Natural_language_processing" title="Natural language processing">Natural language processing</a></li> <li><a href="/wiki/Knowledge_representation_and_reasoning" title="Knowledge representation and reasoning">Knowledge representation and reasoning</a></li> <li><a href="/wiki/Computer_vision" title="Computer vision">Computer vision</a></li> <li><a href="/wiki/Automated_planning_and_scheduling" title="Automated planning and scheduling">Automated planning and scheduling</a></li> <li><a href="/wiki/Mathematical_optimization" title="Mathematical optimization">Search methodology</a></li> <li><a href="/wiki/Control_theory" title="Control theory">Control method</a></li> <li><a href="/wiki/Philosophy_of_artificial_intelligence" title="Philosophy of artificial intelligence">Philosophy of artificial intelligence</a></li> <li><a href="/wiki/Distributed_artificial_intelligence" title="Distributed artificial intelligence">Distributed artificial intelligence</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Machine_learning" title="Machine learning">Machine learning</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Supervised_learning" title="Supervised learning">Supervised learning</a></li> <li><a href="/wiki/Unsupervised_learning" title="Unsupervised learning">Unsupervised learning</a></li> <li><a href="/wiki/Reinforcement_learning" title="Reinforcement learning">Reinforcement learning</a></li> <li><a href="/wiki/Multi-task_learning" title="Multi-task learning">Multi-task learning</a></li> <li><a href="/wiki/Cross-validation_(statistics)" title="Cross-validation (statistics)">Cross-validation</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Computer_graphics" title="Computer graphics">Graphics</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Computer_animation" title="Computer animation">Animation</a></li> <li><a href="/wiki/Extended_reality" title="Extended reality">Extended reality</a> <ul><li><a href="/wiki/Augmented_reality" title="Augmented reality">Augmented</a></li> <li><a href="/wiki/Mixed_reality" title="Mixed reality">Mixed</a></li> <li><a href="/wiki/Virtual_reality" title="Virtual reality">Virtual</a></li></ul></li> <li><a href="/wiki/Rendering_(computer_graphics)" title="Rendering (computer graphics)">Rendering</a></li> <li><a href="/wiki/Photograph_manipulation" title="Photograph manipulation">Photograph manipulation</a></li> <li><a href="/wiki/Graphics_processing_unit" title="Graphics processing unit">Graphics processing unit</a></li> <li><a href="/wiki/Image_compression" title="Image compression">Image compression</a></li> <li><a href="/wiki/Solid_modeling" title="Solid modeling">Solid modeling</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Applied computing</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Quantum_Computing" class="mw-redirect" title="Quantum Computing">Quantum Computing</a></li> <li><a href="/wiki/E-commerce" title="E-commerce">E-commerce</a></li> <li><a href="/wiki/Enterprise_software" title="Enterprise software">Enterprise software</a></li> <li><a href="/wiki/Computational_mathematics" title="Computational mathematics">Computational mathematics</a></li> <li><a href="/wiki/Computational_physics" title="Computational physics">Computational physics</a></li> <li><a href="/wiki/Computational_chemistry" title="Computational chemistry">Computational chemistry</a></li> <li><a href="/wiki/Computational_biology" title="Computational biology">Computational biology</a></li> <li><a href="/wiki/Computational_social_science" title="Computational social science">Computational social science</a></li> <li><a href="/wiki/Computational_engineering" title="Computational engineering">Computational engineering</a></li> <li><a href="/wiki/Template:Differentiable_computing" title="Template:Differentiable computing">Differentiable computing</a></li> <li><a href="/wiki/Health_informatics" title="Health informatics">Computational healthcare</a></li> <li><a href="/wiki/Digital_art" title="Digital art">Digital art</a></li> <li><a href="/wiki/Electronic_publishing" title="Electronic publishing">Electronic publishing</a></li> <li><a href="/wiki/Cyberwarfare" title="Cyberwarfare">Cyberwarfare</a></li> <li><a href="/wiki/Electronic_voting" title="Electronic voting">Electronic voting</a></li> <li><a href="/wiki/Video_game" title="Video game">Video games</a></li> <li><a href="/wiki/Word_processor" title="Word processor">Word processing</a></li> <li><a href="/wiki/Operations_research" title="Operations research">Operations research</a></li> <li><a href="/wiki/Educational_technology" title="Educational technology">Educational technology</a></li> <li><a href="/wiki/Document_management_system" title="Document management system">Document management</a></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><span class="noviewer" typeof="mw:File"><span title="Category"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/16px-Symbol_category_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/23px-Symbol_category_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/31px-Symbol_category_class.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> <a href="/wiki/Category:Computer_science" title="Category:Computer science">Category</a></li> <li><span class="noviewer" typeof="mw:File"><span title="Outline"><img alt="" src="//upload.wikimedia.org/wikipedia/commons/thumb/4/41/Global_thinking.svg/10px-Global_thinking.svg.png" decoding="async" width="10" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/4/41/Global_thinking.svg/15px-Global_thinking.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/4/41/Global_thinking.svg/21px-Global_thinking.svg.png 2x" data-file-width="130" data-file-height="200" /></span></span> <a href="/wiki/Outline_of_computer_science" title="Outline of computer science">Outline</a></li> <li><span class="noviewer" typeof="mw:File"><span><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/e/e0/Symbol_question.svg/16px-Symbol_question.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/e/e0/Symbol_question.svg/23px-Symbol_question.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/e/e0/Symbol_question.svg/31px-Symbol_question.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> <a href="/wiki/Template:Glossaries_of_computers" title="Template:Glossaries of computers">Glossaries</a></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236075235" /><style data-mw-deduplicate="TemplateStyles:r1038841319">.mw-parser-output .tooltip-dotted{border-bottom:1px dotted;cursor:help}</style><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1038841319" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1038841319" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1038841319" /><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1038841319" /></div><div role="navigation" class="navbox authority-control" aria-label="Navbox1718" style="padding:3px"><table class="nowraplinks hlist navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Help:Authority_control" title="Help:Authority control">Authority control databases</a>: National <span class="mw-valign-text-top noprint" typeof="mw:File/Frameless"><a href="https://www.wikidata.org/wiki/Q47146#identifiers" title="Edit this at Wikidata"><img alt="Edit this at Wikidata" src="//upload.wikimedia.org/wikipedia/en/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/10px-OOjs_UI_icon_edit-ltr-progressive.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/15px-OOjs_UI_icon_edit-ltr-progressive.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/20px-OOjs_UI_icon_edit-ltr-progressive.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><a rel="nofollow" class="external text" href="https://d-nb.info/gnd/4720440-0">Germany</a></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="User interfaces (Computer systems)"><a rel="nofollow" class="external text" href="https://id.loc.gov/authorities/sh88001679">United States</a></span></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="Interfaces utilisateur (informatique)"><a rel="nofollow" class="external text" href="https://catalogue.bnf.fr/ark:/12148/cb12377521f">France</a></span></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="Interfaces utilisateur (informatique)"><a rel="nofollow" class="external text" href="https://data.bnf.fr/ark:/12148/cb12377521f">BnF data</a></span></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="ユーザーインターフェース"><a rel="nofollow" class="external text" href="https://id.ndl.go.jp/auth/ndlna/01190552">Japan</a></span></span></li><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="uživatelská rozhraní"><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&amp;local_base=aut&amp;ccl_term=ica=ph126971&amp;CON_LNG=ENG">Czech Republic</a></span></span></li><li><span class="uid"><a rel="nofollow" class="external text" href="https://www.nli.org.il/en/authorities/987007534346305171">Israel</a></span></li></ul></div></td></tr></tbody></table></div> <!-- NewPP limit report Parsed by mw‐web.codfw.main‐75dbb796cf‐5xhc8 Cached time: 20250313161000 Cache expiry: 2592000 Reduced expiry: false Complications: [vary‐revision‐sha1, show‐toc] CPU time usage: 0.672 seconds Real time usage: 0.828 seconds Preprocessor visited node count: 4322/1000000 Post‐expand include size: 144562/2097152 bytes Template argument size: 5693/2097152 bytes Highest expansion depth: 17/100 Expensive parser function count: 14/500 Unstrip recursion depth: 1/20 Unstrip post‐expand size: 152714/5000000 bytes Lua time usage: 0.379/10.000 seconds Lua memory usage: 6915853/52428800 bytes Number of Wikibase entities loaded: 1/400 --> <!-- Transclusion expansion time report (%,ms,calls,template) 100.00% 664.107 1 -total 40.43% 268.484 1 Template:Reflist 17.02% 113.030 11 Template:Cite_web 12.40% 82.335 5 Template:Navbox 10.82% 71.857 10 Template:Cite_journal 9.80% 65.063 1 Template:User_interfaces 9.53% 63.258 1 Template:Short_description 6.77% 44.957 4 Template:Fix 6.19% 41.110 3 Template:Citation_needed 6.09% 40.439 2 Template:Pagetype --> <!-- Saved in parser cache with key enwiki:pcache:45249:|#|:idhash:canonical and timestamp 20250313161000 and revision id 1277656824. Rendering was triggered because: page-view --> </div><!--esi <esi:include src="/esitest-fa8a495983347898/content" /> --><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?useformat=desktop&amp;type=1x1&amp;usesul3=0" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikipedia.org/w/index.php?title=User_interface&amp;oldid=1277656824">https://en.wikipedia.org/w/index.php?title=User_interface&amp;oldid=1277656824</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Help:Category" title="Help:Category">Categories</a>: <ul><li><a href="/wiki/Category:User_interfaces" title="Category:User interfaces">User interfaces</a></li><li><a href="/wiki/Category:User_interface_techniques" title="Category:User interface techniques">User interface techniques</a></li><li><a href="/wiki/Category:Virtual_reality" title="Category:Virtual reality">Virtual reality</a></li><li><a href="/wiki/Category:Human_communication" title="Category:Human communication">Human communication</a></li><li><a href="/wiki/Category:Human%E2%80%93machine_interaction" title="Category:Human–machine interaction">Human–machine interaction</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden categories: <ul><li><a href="/wiki/Category:CS1_errors:_missing_periodical" title="Category:CS1 errors: missing periodical">CS1 errors: missing periodical</a></li><li><a href="/wiki/Category:All_articles_with_dead_external_links" title="Category:All articles with dead external links">All articles with dead external links</a></li><li><a href="/wiki/Category:Articles_with_dead_external_links_from_February_2025" title="Category:Articles with dead external links from February 2025">Articles with dead external links from February 2025</a></li><li><a href="/wiki/Category:Articles_with_permanently_dead_external_links" title="Category:Articles with permanently dead external links">Articles with permanently dead external links</a></li><li><a href="/wiki/Category:Webarchive_template_wayback_links" title="Category:Webarchive template wayback links">Webarchive template wayback links</a></li><li><a href="/wiki/Category:Articles_with_short_description" title="Category:Articles with short description">Articles with short description</a></li><li><a href="/wiki/Category:Short_description_matches_Wikidata" title="Category:Short description matches Wikidata">Short description matches Wikidata</a></li><li><a href="/wiki/Category:Use_dmy_dates_from_July_2022" title="Category:Use dmy dates from July 2022">Use dmy dates from July 2022</a></li><li><a href="/wiki/Category:All_articles_with_unsourced_statements" title="Category:All articles with unsourced statements">All articles with unsourced statements</a></li><li><a href="/wiki/Category:Articles_with_unsourced_statements_from_January_2022" title="Category:Articles with unsourced statements from January 2022">Articles with unsourced statements from January 2022</a></li><li><a href="/wiki/Category:Articles_with_unsourced_statements_from_May_2020" title="Category:Articles with unsourced statements from May 2020">Articles with unsourced statements from May 2020</a></li><li><a href="/wiki/Category:Wikipedia_articles_needing_clarification_from_January_2010" title="Category:Wikipedia articles needing clarification from January 2010">Wikipedia articles needing clarification from January 2010</a></li><li><a href="/wiki/Category:Articles_with_unsourced_statements_from_March_2019" title="Category:Articles with unsourced statements from March 2019">Articles with unsourced statements from March 2019</a></li><li><a href="/wiki/Category:Commons_category_link_is_on_Wikidata" title="Category:Commons category link is on Wikidata">Commons category link is on Wikidata</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 25 February 2025, at 23:09<span class="anonymous-show">&#160;(UTC)</span>.</li> <li id="footer-info-copyright">Text is available under the <a href="/wiki/Wikipedia:Text_of_the_Creative_Commons_Attribution-ShareAlike_4.0_International_License" title="Wikipedia:Text of the Creative Commons Attribution-ShareAlike 4.0 International License">Creative Commons Attribution-ShareAlike 4.0 License</a>; additional terms may apply. By using this site, you agree to the <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use" class="extiw" title="foundation:Special:MyLanguage/Policy:Terms of Use">Terms of Use</a> and <a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy" class="extiw" title="foundation:Special:MyLanguage/Policy:Privacy policy">Privacy Policy</a>. Wikipedia® is a registered trademark of the <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, a non-profit organization.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikipedia:About">About Wikipedia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikipedia:General_disclaimer">Disclaimers</a></li> <li id="footer-places-contact"><a href="//en.wikipedia.org/wiki/Wikipedia:Contact_us">Contact Wikipedia</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikipedia.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikipedia.org/w/index.php?title=User_interface&amp;mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/static/images/footer/wikimedia-button.svg" width="84" height="29"><img src="/static/images/footer/wikimedia.svg" width="25" height="25" alt="Wikimedia Foundation" lang="en" loading="lazy"></picture></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><picture><source media="(min-width: 500px)" srcset="/w/resources/assets/poweredby_mediawiki.svg" width="88" height="31"><img src="/w/resources/assets/mediawiki_compact.svg" alt="Powered by MediaWiki" lang="en" width="25" height="25" loading="lazy"></picture></a></li> </ul> </footer> </div> </div> </div> <div class="vector-header-container vector-sticky-header-container"> <div id="vector-sticky-header" class="vector-sticky-header"> <div class="vector-sticky-header-start"> <div class="vector-sticky-header-icon-start vector-button-flush-left vector-button-flush-right" aria-hidden="true"> <button class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-sticky-header-search-toggle" tabindex="-1" data-event-name="ui.vector-sticky-search-form.icon"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </button> </div> <div role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box"> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail"> <form action="/w/index.php" id="vector-sticky-search-form" class="cdx-search-input cdx-search-input--has-end-button"> <div class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikipedia"> <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <div class="vector-sticky-header-context-bar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-sticky-header-toc" class="vector-dropdown mw-portlet mw-portlet-sticky-header-toc vector-sticky-header-toc vector-button-flush-left" > <input type="checkbox" id="vector-sticky-header-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-sticky-header-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-sticky-header-toc-label" for="vector-sticky-header-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-sticky-header-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div class="vector-sticky-header-context-bar-primary" aria-hidden="true" ><span class="mw-page-title-main">User interface</span></div> </div> </div> <div class="vector-sticky-header-end" aria-hidden="true"> <div class="vector-sticky-header-icons"> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-talk-sticky-header" tabindex="-1" data-event-name="talk-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbles mw-ui-icon-wikimedia-speechBubbles"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-subject-sticky-header" tabindex="-1" data-event-name="subject-sticky-header"><span class="vector-icon mw-ui-icon-article mw-ui-icon-wikimedia-article"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-history-sticky-header" tabindex="-1" data-event-name="history-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-history mw-ui-icon-wikimedia-wikimedia-history"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only mw-watchlink" id="ca-watchstar-sticky-header" tabindex="-1" data-event-name="watch-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-star mw-ui-icon-wikimedia-wikimedia-star"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-edit-sticky-header" tabindex="-1" data-event-name="wikitext-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-wikiText mw-ui-icon-wikimedia-wikimedia-wikiText"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-ve-edit-sticky-header" tabindex="-1" data-event-name="ve-edit-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-edit mw-ui-icon-wikimedia-wikimedia-edit"></span> <span></span> </a> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only" id="ca-viewsource-sticky-header" tabindex="-1" data-event-name="ve-edit-protected-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-editLock mw-ui-icon-wikimedia-wikimedia-editLock"></span> <span></span> </a> </div> <div class="vector-sticky-header-buttons"> <button class="cdx-button cdx-button--weight-quiet mw-interlanguage-selector" id="p-lang-btn-sticky-header" tabindex="-1" data-event-name="ui.dropdown-p-lang-btn-sticky-header"><span class="vector-icon mw-ui-icon-wikimedia-language mw-ui-icon-wikimedia-wikimedia-language"></span> <span>70 languages</span> </button> <a href="#" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive" id="ca-addsection-sticky-header" tabindex="-1" data-event-name="addsection-sticky-header"><span class="vector-icon mw-ui-icon-speechBubbleAdd-progressive mw-ui-icon-wikimedia-speechBubbleAdd-progressive"></span> <span>Add topic</span> </a> </div> <div class="vector-sticky-header-icon-end"> <div class="vector-user-links"> </div> </div> </div> </div> </div> <div class="mw-portlet mw-portlet-dock-bottom emptyPortlet" id="p-dock-bottom"> <ul> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-75dbb796cf-pzlmw","wgBackendResponseTime":170,"wgPageParseReport":{"limitreport":{"cputime":"0.672","walltime":"0.828","ppvisitednodes":{"value":4322,"limit":1000000},"postexpandincludesize":{"value":144562,"limit":2097152},"templateargumentsize":{"value":5693,"limit":2097152},"expansiondepth":{"value":17,"limit":100},"expensivefunctioncount":{"value":14,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":152714,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 664.107 1 -total"," 40.43% 268.484 1 Template:Reflist"," 17.02% 113.030 11 Template:Cite_web"," 12.40% 82.335 5 Template:Navbox"," 10.82% 71.857 10 Template:Cite_journal"," 9.80% 65.063 1 Template:User_interfaces"," 9.53% 63.258 1 Template:Short_description"," 6.77% 44.957 4 Template:Fix"," 6.19% 41.110 3 Template:Citation_needed"," 6.09% 40.439 2 Template:Pagetype"]},"scribunto":{"limitreport-timeusage":{"value":"0.379","limit":"10.000"},"limitreport-memusage":{"value":6915853,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-75dbb796cf-5xhc8","timestamp":"20250313161000","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"User interface","url":"https:\/\/en.wikipedia.org\/wiki\/User_interface","sameAs":"http:\/\/www.wikidata.org\/entity\/Q47146","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q47146","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2002-03-21T08:51:25Z","dateModified":"2025-02-25T23:09:32Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/d\/d7\/XFCE-4.10-Desktop.png","headline":"means by which a user interacts with and controls a machine"}</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10