CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-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-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Hardware interface design - Wikipedia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-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-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":"fe186a7e-2674-4c23-8639-3087e740ce4b","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Hardware_interface_design","wgTitle":"Hardware interface design","wgCurRevisionId":1198119775,"wgRevisionId":1198119775,"wgArticleId":42555536,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["All articles with unsourced statements","Articles with unsourced statements from January 2024","All articles lacking reliable references","Articles lacking reliable references from September 2019","Systems engineering","Interfaces","User interfaces"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Hardware_interface_design","wgRelevantArticleId":42555536,"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":5000,"wgRelatedArticlesCompat":[],"wgCentralAuthMobileDomain":false,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q17091376","wgCheckUserClientHintsHeadersJsApi":["architecture","bitness","brands","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","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","wikibase.sidebar.tracking"];</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&modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cjquery.makeCollapsible.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.2"> <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/5/53/Braun_T1000CD_Closeup.jpg/1200px-Braun_T1000CD_Closeup.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="900"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Braun_T1000CD_Closeup.jpg/800px-Braun_T1000CD_Closeup.jpg"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="600"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Braun_T1000CD_Closeup.jpg/640px-Braun_T1000CD_Closeup.jpg"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="480"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Hardware interface design - 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/Hardware_interface_design"> <link rel="alternate" type="application/x-wiki" title="Edit this page" href="/w/index.php?title=Hardware_interface_design&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/Hardware_interface_design"> <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&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-Hardware_interface_design rootpage-Hardware_interface_design 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" > <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> </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'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/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&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&returnto=Hardware+interface+design" 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&returnto=Hardware+interface+design" title="You're encouraged to log in; however, it'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/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikipedia.org&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&returnto=Hardware+interface+design" 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&returnto=Hardware+interface+design" title="You're encouraged to log in; however, it'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"></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-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">1</span> <span>History</span> </div> </a> <ul id="toc-History-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Examples" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Examples"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Examples</span> </div> </a> <ul id="toc-Examples-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">3</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">4</span> <span>References</span> </div> </a> <ul id="toc-References-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" > <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">Hardware interface design</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="This article exist only in this language. Add the article for other 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-0" 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">Add languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><span class="uls-after-portlet-link"></span><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q17091376#sitelinks-wikipedia" title="Add interlanguage links" class="wbc-editpage">Add 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/Hardware_interface_design" 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:Hardware_interface_design" 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/Hardware_interface_design"><span>Read</span></a></li><li id="ca-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Hardware_interface_design&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=Hardware_interface_design&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/Hardware_interface_design"><span>Read</span></a></li><li id="ca-more-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Hardware_interface_design&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=Hardware_interface_design&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/Hardware_interface_design" 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/Hardware_interface_design" 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="/wiki/Wikipedia:File_Upload_Wizard" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Hardware_interface_design&oldid=1198119775" 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=Hardware_interface_design&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&page=Hardware_interface_design&id=1198119775&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&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHardware_interface_design"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FHardware_interface_design"><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&page=Hardware_interface_design&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=Hardware_interface_design&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 id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q17091376" 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"><figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:Braun_T1000CD_Closeup.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Braun_T1000CD_Closeup.jpg/220px-Braun_T1000CD_Closeup.jpg" decoding="async" width="220" height="165" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Braun_T1000CD_Closeup.jpg/330px-Braun_T1000CD_Closeup.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/5/53/Braun_T1000CD_Closeup.jpg/440px-Braun_T1000CD_Closeup.jpg 2x" data-file-width="1600" data-file-height="1200" /></a><figcaption><a href="/wiki/Dieter_Rams" title="Dieter Rams">Dieter Rams</a>, and by extension <a href="/wiki/Braun_(company)" title="Braun (company)">Braun</a>, produced minimal yet tactile hardware interfaces for a variety of products such as this Braun T1000CD.</figcaption></figure> <p><b>Hardware interface design</b> (<b>HID</b>) is a cross-disciplinary design field that shapes the physical connection between people and technology in order to create new hardware interfaces that transform purely digital processes into analog methods of interaction. It employs a combination of filmmaking tools, software prototyping, and electronics breadboarding. </p><p>Through this parallel visualization and development, hardware interface designers are able to shape a cohesive vision alongside business and engineering that more deeply embeds design throughout every stage of the product. The development of hardware interfaces as a field continues to mature as more things connect to the internet. </p><p>Hardware interface designers draw upon <a href="/wiki/Industrial_design" title="Industrial design">industrial design</a>, <a href="/wiki/Interaction_design" title="Interaction design">interaction design</a> and <a href="/wiki/Electrical_engineering" title="Electrical engineering">electrical engineering</a>. Interface elements include <a href="/wiki/Touchscreens" class="mw-redirect" title="Touchscreens">touchscreens</a>, knobs, buttons, sliders and switches as well as input sensors such as microphones, cameras, and accelerometers. </p> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:OP-1_Sequencer_Concept.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/05/OP-1_Sequencer_Concept.png/220px-OP-1_Sequencer_Concept.png" decoding="async" width="220" height="138" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/05/OP-1_Sequencer_Concept.png/330px-OP-1_Sequencer_Concept.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/05/OP-1_Sequencer_Concept.png/440px-OP-1_Sequencer_Concept.png 2x" data-file-width="3240" data-file-height="2025" /></a><figcaption>The <a href="/wiki/Teenage_Engineering_OP-1" title="Teenage Engineering OP-1">Teenage Engineering OP-1</a> combines a mixture of hardware buttons, knobs, and a color-coded OLED display.</figcaption></figure> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/File:IPod_Nano_4G_black.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/9/91/IPod_Nano_4G_black.jpg/220px-IPod_Nano_4G_black.jpg" decoding="async" width="220" height="165" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/9/91/IPod_Nano_4G_black.jpg/330px-IPod_Nano_4G_black.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/9/91/IPod_Nano_4G_black.jpg/440px-IPod_Nano_4G_black.jpg 2x" data-file-width="3776" data-file-height="2832" /></a><figcaption>An <a href="/wiki/IPod" title="IPod">iPod</a>, an iconic & revolutionary hardware interface that re-imagined the <a href="/wiki/Jog_wheel" class="mw-redirect" title="Jog wheel">jog wheel</a>.</figcaption></figure> <meta property="mw:PageProp/toc" /> <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=Hardware_interface_design&action=edit&section=1" title="Edit section: History"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>In the last decade a trend had evolved in the area of human-machine-communication, taking the user experience from haptic, tactile and acoustic interfaces to a more digitally graphical approach. Important tasks that had been assigned to the industrial designers so far, had instead been moved into fields like UI and UX design and usability engineering. The creation of good user interaction was more a question of software than hardware. Things like having to push two buttons on the tape recorder to have them pop back out again and the cradle of some older telephones remain mechanical haptic relicts that have long found their digital nemesis and are waiting to disappear. </p><p>However, this excessive use of GUIs in today’s world has led to a worsening impairment of the human cognitive capabilities.<sup class="noprint Inline-Template Template-Fact" style="white-space:nowrap;">[<i><a href="/wiki/Wikipedia:Citation_needed" title="Wikipedia:Citation needed"><span title="This claim needs references to reliable sources. (January 2024)">citation needed</span></a></i>]</sup> Visual interfaces are at the maximum of their upgradability. Even though the resolution of new screens is constantly rising, you can see a change of direction away from the descriptive intuitive design to natural interface strategies, based on learnable habits (Google’s <a href="/wiki/Material_Design" title="Material Design">Material Design</a>, Apple’s <a href="/wiki/IOS" title="IOS">iOS</a> flat design, Microsoft’s <a href="/wiki/Metro_Design_Language" class="mw-redirect" title="Metro Design Language">Metro Design Language</a>). Several of the more important commands are not shown directly but can be accessed through dragging, holding and swiping across the screen; gestures which have to be learned once but feel very natural afterwards and are easy to remember. </p><p>In the area of controlling these systems, there is a need to move away from GUIs and instead find other means of interaction which use the full capabilities of all our senses. Hardware interface design solves this by taking physical forms and objects and connecting them with digital information to have the user control virtual data flow through grasping, moving and manipulating the used physical forms. </p><p>If you see the classic industrial hardware interface design as an “analog” method, it finds its digital counterpart in the HID approach. Instead of translating analog methods of control into a virtual form via a GUI, one can see the TUI as an approach to do the exact opposite: transmitting purely digital processes into analog methods of interaction.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup><sup class="noprint Inline-Template" style="white-space:nowrap;">[<i><a href="/wiki/Wikipedia:Reliable_sources" title="Wikipedia:Reliable sources"><span title="The material near this tag relies on an unreliable source. Cites a Tumblr blog post which cites other Wikipedia articles. (September 2019)">unreliable source</span></a></i>]</sup> </p> <div class="mw-heading mw-heading2"><h2 id="Examples">Examples</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Hardware_interface_design&action=edit&section=2" title="Edit section: Examples"><span>edit</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Example hardware interfaces include a <a href="/wiki/Computer_mouse" title="Computer mouse">computer mouse</a>, TV remote control, kitchen timer, control panel for a nuclear power plant<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> and an aircraft cockpit.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup> </p> <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=Hardware_interface_design&action=edit&section=3" 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" style="column-width: 30em;"> <ul><li><a href="/wiki/Interaction_design" title="Interaction design">Interaction design</a></li> <li><a href="/wiki/Interface_design" class="mw-redirect" title="Interface design">Interface design</a></li> <li><a href="/wiki/Industrial_design" title="Industrial design">Industrial design</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/User_experience_design" title="User experience design">User experience design</a></li> <li><a href="/wiki/User-centered_design" title="User-centered design">User-centered design</a></li> <li><a href="/wiki/Tangible_user_interface" title="Tangible user interface">Tangible user interface</a></li> <li><a href="/wiki/Organic_user_interface" title="Organic user interface">Organic user interface</a></li> <li><a href="/wiki/Service_design" title="Service design">Service design</a></li> <li><a href="/wiki/Usability" title="Usability">Usability</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=Hardware_interface_design&action=edit&section=4" 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 reflist-columns-2"> <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://experimental-platform.tumblr.com/post/132397946935/human-factors-and-ergonomics-of-future-smarthome">"Human factors and ergonomics of future Smarthome Appliances"</a>. Protonet<span class="reference-accessdate">. Retrieved <span class="nowrap">16 January</span> 2016</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=Human+factors+and+ergonomics+of+future+Smarthome+Appliances&rft.pub=Protonet&rft_id=http%3A%2F%2Fexperimental-platform.tumblr.com%2Fpost%2F132397946935%2Fhuman-factors-and-ergonomics-of-future-smarthome&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHardware+interface+design" 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="CITEREFE.E._ShultzG.L._Johnson1988" class="citation book cs1">E.E. Shultz; G.L. Johnson (1988). "User interface design in safety parameter display systems: direction for enhancement". <i>Conference Record for 1988 IEEE Fourth Conference on Human Factors and Power Plants</i>. Lawrence Livermore Nat. Lab. pp. 165–170. <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%2FHFPP.1988.27496">10.1109/HFPP.1988.27496</a>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=bookitem&rft.atitle=User+interface+design+in+safety+parameter+display+systems%3A+direction+for+enhancement&rft.btitle=Conference+Record+for+1988+IEEE+Fourth+Conference+on+Human+Factors+and+Power+Plants&rft.pages=165-170&rft.pub=Lawrence+Livermore+Nat.+Lab&rft.date=1988&rft_id=info%3Adoi%2F10.1109%2FHFPP.1988.27496&rft.au=E.E.+Shultz&rft.au=G.L.+Johnson&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHardware+interface+design" 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 id="CITEREFLance_SherryPeter_PolsonMichael_Feary" class="citation web cs1">Lance Sherry; Peter Polson; Michael Feary. <a rel="nofollow" class="external text" href="https://human-factors.arc.nasa.gov/publications/feary_CockpitUIDesignErrors.pdf">"DESIGNING USER-INTERFACES FOR THE COCKPIT"</a> <span class="cs1-format">(PDF)</span>. Society of Automotive Engineers<span class="reference-accessdate">. Retrieved <span class="nowrap">28 June</span> 2011</span>.</cite><span title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=unknown&rft.btitle=DESIGNING+USER-INTERFACES+FOR+THE+COCKPIT&rft.pub=Society+of+Automotive+Engineers&rft.au=Lance+Sherry&rft.au=Peter+Polson&rft.au=Michael+Feary&rft_id=http%3A%2F%2Fhuman-factors.arc.nasa.gov%2Fpublications%2Ffeary_CockpitUIDesignErrors.pdf&rfr_id=info%3Asid%2Fen.wikipedia.org%3AHardware+interface+design" class="Z3988"></span></span> </li> </ol></div> <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><style data-mw-deduplicate="TemplateStyles:r1239334494">@media screen{html.skin-theme-clientpref-night .mw-parser-output div:not(.notheme)>.tmp-color,html.skin-theme-clientpref-night .mw-parser-output p>.tmp-color,html.skin-theme-clientpref-night .mw-parser-output table:not(.notheme) .tmp-color{color:inherit!important}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output div:not(.notheme)>.tmp-color,html.skin-theme-clientpref-os .mw-parser-output p>.tmp-color,html.skin-theme-clientpref-os .mw-parser-output table:not(.notheme) .tmp-color{color:inherit!important}}</style><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239334494"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239334494"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239334494"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239334494"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1239334494"></div><div role="navigation" class="navbox" aria-labelledby="Design" style="padding:3px"><table class="nowraplinks hlist mw-collapsible mw-collapsed 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:Design" title="Template:Design"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:Design" title="Template talk:Design"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:Design" title="Special:EditPage/Template:Design"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="Design" style="font-size:114%;margin:0 4em"><a href="/wiki/Design" title="Design">Design</a></div></th></tr><tr><td class="navbox-abovebelow hlist" colspan="2"><div> <ul><li><a href="/wiki/Outline_of_design" title="Outline of design">Outline</a></li> <li><a href="/wiki/Designer" title="Designer">Designer</a></li></ul> </div></td></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks mw-collapsible mw-collapsed navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Disciplines" style="font-size:114%;margin:0 4em">Disciplines</div></th></tr><tr><td colspan="2" class="navbox-list navbox-odd" 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:1%"><a href="/wiki/Communication_design" title="Communication design">Communication<br />design</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/Advertising" title="Advertising">Advertising</a></li> <li><a href="/wiki/Book_design" title="Book design">Book design</a></li> <li><a href="/wiki/Brand" title="Brand">Brand design</a></li> <li><a href="/wiki/Exhibit_design" title="Exhibit design">Exhibit design</a></li> <li><a href="/wiki/Film_title_design" title="Film title design">Film title design</a></li> <li><a href="/wiki/Graphic_design" title="Graphic design">Graphic design</a> <ul><li><a href="/wiki/Motion_graphic_design" title="Motion graphic design">Motion</a></li> <li><a href="/wiki/Postage_stamp_design" title="Postage stamp design">Postage stamp design</a></li> <li><a href="/wiki/Print_design" title="Print design">Print design</a></li></ul></li> <li><a href="/wiki/Illustration" title="Illustration">Illustration</a></li> <li><a href="/wiki/Information_design" title="Information design">Information design</a></li> <li><a href="/wiki/Instructional_design" title="Instructional design">Instructional design</a></li> <li><a href="/wiki/News_design" title="News design">News design</a></li> <li><a href="/wiki/Photography" title="Photography">Photography</a></li> <li><a href="/wiki/Retail_design" title="Retail design">Retail design</a></li> <li><a href="/wiki/Signage" title="Signage">Signage</a> / <a href="/wiki/Traffic_sign_design" title="Traffic sign design">Traffic sign design</a></li> <li><a href="/wiki/Typography" title="Typography">Typography</a> / <a href="/wiki/Type_design" title="Type design">Type design</a></li> <li><a href="/wiki/Video_design" title="Video design">Video design</a></li> <li><a href="/wiki/Visual_merchandising" title="Visual merchandising">Visual merchandising</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Environmental_design" title="Environmental design">Environmental<br />design</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/Architecture" title="Architecture">Architecture</a></li> <li><a href="/wiki/Architectural_lighting_design" title="Architectural lighting design">Architectural lighting design</a></li> <li><a href="/wiki/Building_design" title="Building design">Building design</a> <ul><li><a href="/wiki/Passive_solar_building_design" title="Passive solar building design">Passive solar</a></li></ul></li> <li><a href="/wiki/Ecological_design" title="Ecological design">Ecological design</a></li> <li><a href="/wiki/Environmental_impact_design" title="Environmental impact design">Environmental impact design</a></li> <li><a href="/wiki/Garden_design" title="Garden design">Garden design</a> <ul><li><a href="/wiki/Computer-aided_garden_design" title="Computer-aided garden design">Computer-aided</a></li></ul></li> <li><a href="/wiki/Healthy_community_design" title="Healthy community design">Healthy community design</a></li> <li><a href="/wiki/Hotel_design" title="Hotel design">Hotel design</a></li> <li><a href="/wiki/Interior_architecture" title="Interior architecture">Interior architecture</a></li> <li><a href="/wiki/Interior_design" title="Interior design">Interior design</a> <ul><li><a href="/wiki/Experiential_interior_design" title="Experiential interior design">EID</a></li></ul></li> <li><a href="/wiki/Keyline_design" title="Keyline design">Keyline design</a></li> <li><a href="/wiki/Landscape_architecture" title="Landscape architecture">Landscape architecture</a> <ul><li><a href="/wiki/Sustainable_landscape_architecture" title="Sustainable landscape architecture">Sustainable</a></li></ul></li> <li><a href="/wiki/Landscape_design" title="Landscape design">Landscape design</a></li> <li><a href="/wiki/Spatial_design" title="Spatial design">Spatial design</a></li> <li><a href="/wiki/Urban_design" title="Urban design">Urban design</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Industrial_design" title="Industrial design">Industrial<br />design</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/Automotive_design" title="Automotive design">Automotive design</a></li> <li><a href="/wiki/Automotive_suspension_design_process" title="Automotive suspension design process">Automotive suspension design</a></li> <li><a href="/wiki/CMF_design" title="CMF design">CMF design</a></li> <li><a href="/wiki/Corrugated_box_design" title="Corrugated box design">Corrugated box design</a></li> <li><a href="/wiki/Electric_guitar_design" title="Electric guitar design">Electric guitar design</a></li> <li><a href="/wiki/Furniture" title="Furniture">Furniture design</a> <ul><li><a href="/wiki/Sustainable_furniture_design" title="Sustainable furniture design">Sustainable</a></li></ul></li> <li><a class="mw-selflink selflink">Hardware interface design</a></li> <li><a href="/wiki/Motorcycle_design" title="Motorcycle design">Motorcycle design</a></li> <li><a href="/wiki/Packaging_and_labeling" class="mw-redirect" title="Packaging and labeling">Packaging and labeling</a></li> <li><a href="/wiki/Photographic_lens_design" title="Photographic lens design">Photographic lens design</a></li> <li><a href="/wiki/Product_design" title="Product design">Product design</a></li> <li><a href="/wiki/Production_designer" title="Production designer">Production design</a></li> <li><a href="/wiki/Sensory_design" title="Sensory design">Sensory design</a></li> <li><a href="/wiki/Service_design" title="Service design">Service design</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Interaction_design" title="Interaction design">Interaction<br />design</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/Experience_design" class="mw-redirect" title="Experience design">Experience design</a> <ul><li><a href="/wiki/Employee_experience_design" title="Employee experience design">EED</a></li></ul></li> <li><a href="/wiki/Game_design" title="Game design">Game design</a> <ul><li><a href="/wiki/Level_(video_games)" title="Level (video games)">Level design</a></li> <li><a href="/wiki/Video_game_design" title="Video game design">Video game design</a></li></ul></li> <li><a class="mw-selflink selflink">Hardware interface design</a></li> <li><a href="/wiki/Icon_design" title="Icon design">Icon design</a></li> <li><a href="/wiki/Immersive_design" title="Immersive design">Immersive design</a></li> <li><a href="/wiki/Information_design" title="Information design">Information design</a></li> <li><a href="/wiki/Sonic_interaction_design" title="Sonic interaction design">Sonic interaction design</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/Web_design" title="Web design">Web design</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other<br /><a href="/wiki/Applied_arts" title="Applied arts">applied arts</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/Public_art" title="Public art">Public art design</a></li> <li><a href="/wiki/Ceramic_art" title="Ceramic art">Ceramic</a> / <a href="/wiki/Glass_art" title="Glass art">glass design</a></li> <li><a href="/wiki/Fashion_design" title="Fashion design">Fashion design</a> <ul><li><a href="/wiki/Costume_design" title="Costume design">Costume design</a></li> <li><a href="/wiki/Jewellery_design" title="Jewellery design">Jewellery design</a></li></ul></li> <li><a href="/wiki/Floral_design" title="Floral design">Floral design</a></li> <li><a href="/wiki/Game_art_design" title="Game art design">Game art design</a></li> <li><a href="/wiki/Property_designer" class="mw-redirect" title="Property designer">Property design</a></li> <li><a href="/wiki/Scenic_design" title="Scenic design">Scenic design</a></li> <li><a href="/wiki/Sound_design" title="Sound design">Sound design</a></li> <li><a href="/wiki/Lighting_design" title="Lighting design">Stage/set lighting design</a></li> <li><a href="/wiki/Textile_design" title="Textile design">Textile design</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Other<br />design<br />& <a href="/wiki/Engineering" title="Engineering">engineering</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/Behavioural_design" title="Behavioural design">Behavioural design</a></li> <li><a href="/wiki/Boiler_design" title="Boiler design">Boiler design</a></li> <li><a href="/wiki/Database_design" title="Database design">Database design</a></li> <li><a href="/wiki/Drug_design" title="Drug design">Drug design</a></li> <li><a href="/wiki/Electrical_system_design" title="Electrical system design">Electrical system design</a></li> <li><a href="/wiki/Design_of_experiments" title="Design of experiments">Experimental design</a></li> <li><a href="/wiki/Filter_design" title="Filter design">Filter design</a></li> <li><a href="/wiki/Geometric_design" title="Geometric design">Geometric design</a></li> <li><a href="/wiki/Work_design" title="Work design">Work design</a></li> <li><a href="/wiki/Integrated_circuit_design" title="Integrated circuit design">Integrated circuit design</a> <ul><li><a href="/wiki/Circuit_design" title="Circuit design">Circuit design</a></li> <li><a href="/wiki/Physical_design_(electronics)" title="Physical design (electronics)">Physical design</a></li> <li><a href="/wiki/Power_network_design_(IC)" title="Power network design (IC)">Power network design</a></li></ul></li> <li><a href="/wiki/Mechanism_design" title="Mechanism design">Mechanism design</a></li> <li><a href="/wiki/Nuclear_weapon_design" title="Nuclear weapon design">Nuclear weapon design</a></li> <li><a href="/wiki/Nucleic_acid_design" title="Nucleic acid design">Nucleic acid design</a></li> <li><a href="/wiki/Organizational_architecture" title="Organizational architecture">Organization design</a></li> <li><a href="/wiki/Process_design" title="Process design">Process design</a></li> <li><a href="/wiki/Processor_design" title="Processor design">Processor design</a></li> <li><a href="/wiki/Protein_design" title="Protein design">Protein design</a></li> <li><a href="/wiki/Research_design" title="Research design">Research design</a></li> <li><a href="/wiki/Social_design" title="Social design">Social design</a></li> <li><a href="/wiki/Software_design" title="Software design">Software design</a></li> <li><a href="/wiki/Spacecraft_design" title="Spacecraft design">Spacecraft design</a></li> <li><a href="/wiki/Strategic_design" title="Strategic design">Strategic design</a></li> <li><a href="/wiki/Systems_design" title="Systems design">Systems design</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr></tbody></table><div></div></td></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks mw-collapsible mw-collapsed navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Approaches" style="font-size:114%;margin:0 4em">Approaches</div></th></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Activity-centered_design" title="Activity-centered design">Activity-centered</a></li> <li><a href="/wiki/Adaptive_web_design" title="Adaptive web design">Adaptive web</a></li> <li><a href="/wiki/Affective_design" title="Affective design">Affective</a></li> <li><a href="/wiki/Brainstorming" title="Brainstorming">Brainstorming</a></li> <li><a href="/wiki/Design_by_committee" title="Design by committee">By committee</a></li> <li><a href="/wiki/Design_by_contract" title="Design by contract">By contract</a></li> <li><a href="/wiki/C-K_theory" title="C-K theory">C-K theory</a></li> <li><a href="/wiki/Design_closure" title="Design closure">Closure</a></li> <li><a href="/wiki/Participatory_design" title="Participatory design">Co-design</a></li> <li><a href="/w/index.php?title=Concept-oriented_design&action=edit&redlink=1" class="new" title="Concept-oriented design (page does not exist)">Concept-oriented</a></li> <li><a href="/wiki/Configuration_design" title="Configuration design">Configuration</a></li> <li><a href="/wiki/Contextual_design" title="Contextual design">Contextual</a></li> <li><a href="/wiki/Continuous_design" title="Continuous design">Continuous</a></li> <li><a href="/wiki/Cradle-to-cradle_design" title="Cradle-to-cradle design">Cradle-to-cradle</a></li> <li><a href="/wiki/Creative_problem-solving" title="Creative problem-solving">Creative problem-solving</a></li> <li><a href="/wiki/Creativity_techniques" title="Creativity techniques">Creativity techniques</a></li> <li><a href="/wiki/Critical_design" title="Critical design">Critical</a> <ul><li><a href="/wiki/Design_fiction" title="Design fiction">Design fiction</a></li></ul></li> <li><a href="/wiki/Defensive_design" title="Defensive design">Defensive</a></li> <li><a href="/wiki/Design%E2%80%93bid%E2%80%93build" title="Design–bid–build">Design–bid–build</a></li> <li><a href="/wiki/Design%E2%80%93build" title="Design–build">Design–build</a> <ul><li><a href="/wiki/Architect-led_design%E2%80%93build" class="mw-redirect" title="Architect-led design–build">architect-led</a></li></ul></li> <li><a href="/wiki/Diffuse_design" title="Diffuse design">Diffuse</a></li> <li><a href="/wiki/Domain-driven_design" title="Domain-driven design">Domain-driven</a></li> <li><a href="/wiki/Ecological_design" title="Ecological design">Ecological design</a></li> <li><a href="/wiki/Energy_neutral_design" title="Energy neutral design">Energy neutral</a></li> <li><a href="/wiki/Engineering_design_process" title="Engineering design process">Engineering design process</a> <ul><li><a href="/wiki/Probabilistic_design" title="Probabilistic design">Probabilistic design</a></li></ul></li> <li><a href="/wiki/Error-tolerant_design" title="Error-tolerant design">Error-tolerant</a></li> <li><a href="/wiki/Fault-tolerant_design" class="mw-redirect" title="Fault-tolerant design">Fault-tolerant</a></li> <li><a href="/wiki/Framework-oriented_design" title="Framework-oriented design">Framework-oriented</a></li> <li><a href="/wiki/Design_for_assembly" title="Design for assembly">For assembly</a></li> <li><a href="/wiki/Behavioural_design" title="Behavioural design">For behaviour change</a></li> <li><a href="/wiki/Design_for_manufacturability" title="Design for manufacturability">For manufacturability</a></li> <li><a href="/wiki/Design_for_Six_Sigma" title="Design for Six Sigma">For Six Sigma</a></li> <li><a href="/wiki/Design_for_testing" title="Design for testing">For testing</a></li> <li><a href="/wiki/Design_for_X" title="Design for X">For X</a></li> <li><a href="/wiki/Functional_design" title="Functional design">Functional</a></li> <li><a href="/wiki/Generative_design" title="Generative design">Generative</a></li> <li><a href="/wiki/Geodesign" title="Geodesign">Geodesign</a></li> <li><a href="/wiki/Human-centered_design" title="Human-centered design">HCD</a></li> <li><a href="/wiki/High-level_design" title="High-level design">High-level</a></li> <li><a href="/wiki/Inclusive_design" title="Inclusive design">Inclusive</a></li> <li><a href="/wiki/Integrated_design" title="Integrated design">Integrated</a></li> <li><a href="/wiki/Integrated_topside_design" title="Integrated topside design">Integrated topside</a></li> <li><a href="/wiki/Intelligence-based_design" title="Intelligence-based design">Intelligence-based</a></li> <li><a href="/wiki/Iterative_design" title="Iterative design">Iterative</a></li> <li><a href="/wiki/KISS_principle" title="KISS principle">KISS principle</a></li> <li><a href="/wiki/Low-level_design" title="Low-level design">Low-level</a></li> <li><a href="/wiki/Metadesign" title="Metadesign">Metadesign</a></li> <li><a href="/wiki/Mind_map" title="Mind map">Mind mapping</a></li> <li><a href="/wiki/Modular_design" title="Modular design">Modular</a></li> <li><a href="/wiki/New_Wave_(design)" title="New Wave (design)">New Wave</a></li> <li><a href="/wiki/Object-oriented_design" class="mw-redirect" title="Object-oriented design">Object-oriented</a></li> <li><a href="/wiki/Open-design_movement" title="Open-design movement">Open</a></li> <li><a href="/wiki/Parametric_design" title="Parametric design">Parametric</a></li> <li><a href="/wiki/Participatory_design" title="Participatory design">Participatory</a></li> <li><a href="/wiki/Platform-based_design" title="Platform-based design">Platform-based</a></li> <li><a href="/wiki/Policy-based_design" class="mw-redirect" title="Policy-based design">Policy-based</a></li> <li><a href="/wiki/Process-centered_design" title="Process-centered design">Process-centered</a></li> <li><a href="/wiki/Public_interest_design" title="Public interest design">Public interest</a></li> <li><a href="/wiki/Rational_design" title="Rational design">Rational</a></li> <li><a href="/wiki/Regenerative_design" title="Regenerative design">Regenerative</a></li> <li><a href="/wiki/Reliability_engineering" title="Reliability engineering">Reliability engineering</a></li> <li><a href="/wiki/Research-based_design" title="Research-based design">Research-based</a></li> <li><a href="/wiki/Responsibility-driven_design" title="Responsibility-driven design">Responsibility-driven</a></li> <li><a href="/wiki/Responsive_web_design" title="Responsive web design">RWD</a></li> <li><a href="/wiki/Safe-life_design" title="Safe-life design">Safe-life</a></li> <li><a href="/wiki/Sustainable_design" title="Sustainable design">Sustainable</a></li> <li><a href="/wiki/Systemic_design" title="Systemic design">Systemic</a> <ul><li><a href="/wiki/Systems-oriented_design" title="Systems-oriented design">SOD</a></li></ul></li> <li><a href="/wiki/Tableless_web_design" title="Tableless web design">Tableless web</a></li> <li><a href="/wiki/Theory_of_constraints" title="Theory of constraints">Theory of constraints</a></li> <li><a href="/wiki/Top-down_and_bottom-up_design" class="mw-redirect" title="Top-down and bottom-up design">Top-down and bottom-up</a></li> <li><a href="/wiki/Transformation_design" title="Transformation design">Transformation</a></li> <li><a href="/wiki/Transgenerational_design" title="Transgenerational design">Transgenerational</a></li> <li><a href="/wiki/TRIZ" title="TRIZ">TRIZ</a></li> <li><a href="/wiki/Universal_design" title="Universal design">Universal</a> <ul><li><a href="/wiki/Design_for_All_(in_ICT)" title="Design for All (in ICT)">Design for All</a></li></ul></li> <li><a href="/wiki/Usage-centered_design" title="Usage-centered design">Usage-centered</a></li> <li><a href="/wiki/Use-centered_design" title="Use-centered design">Use-centered</a></li> <li><a href="/wiki/User-centered_design" title="User-centered design">User-centered</a> <ul><li><a href="/wiki/Empathic_design" title="Empathic design">Empathic</a></li></ul></li> <li><a href="/wiki/User_innovation" title="User innovation">User innovation</a></li> <li><a href="/wiki/Value-driven_design" title="Value-driven design">Value-driven</a></li> <li><a href="/wiki/Value_sensitive_design" title="Value sensitive design">Value sensitive</a> <ul><li><a href="/wiki/Privacy_by_design" title="Privacy by design">Privacy by</a></li></ul></li></ul> <ul><li>Design <a href="/wiki/Design_choice" title="Design choice">choice</a></li> <li><a href="/wiki/Design_computing" title="Design computing">computing</a></li> <li><a href="/wiki/Design_controls" title="Design controls">controls</a></li> <li><a href="/wiki/Design_culture" title="Design culture">culture</a></li> <li><a href="/wiki/Design_flow_(EDA)" title="Design flow (EDA)">flow</a></li> <li><a href="/wiki/Design_leadership" title="Design leadership">leadership</a></li> <li><a href="/wiki/Design_management" title="Design management">management</a></li> <li><a href="/wiki/Design_marker" title="Design marker">marker</a></li> <li><a href="/wiki/Design_methods" title="Design methods">methods</a></li> <li><a href="/wiki/Design_pattern" title="Design pattern">pattern</a></li> <li><a href="/wiki/Design_research" title="Design research">research</a></li> <li><a href="/wiki/Design_science" title="Design science">science</a></li> <li><a href="/wiki/Design_sprint" title="Design sprint">sprint</a></li> <li><a href="/wiki/Design_strategy" class="mw-redirect" title="Design strategy">strategy</a></li> <li><a href="/wiki/Design_theory" title="Design theory">theory</a></li> <li><a href="/wiki/Design_thinking" title="Design thinking">thinking</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks mw-collapsible mw-collapsed navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="ToolsIntellectual_propertyOrganizationsAwards" style="font-size:114%;margin:0 4em"><div class="hlist"><ul><li>Tools</li><li>Intellectual property</li><li>Organizations</li><li>Awards</li></ul></div></div></th></tr><tr><td colspan="2" class="navbox-list navbox-odd" 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:1%"><a href="/wiki/Design_tool" title="Design 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/Algorithms-Aided_Design" title="Algorithms-Aided Design">AAD</a></li> <li><a href="/wiki/Architectural_model" title="Architectural model">Architectural model</a></li> <li><a href="/wiki/Blueprint" title="Blueprint">Blueprint</a></li> <li><a href="/wiki/Comprehensive_layout" title="Comprehensive layout">Comprehensive layout</a></li> <li><a href="/wiki/Computer-aided_design" title="Computer-aided design">CAD</a> <ul><li><a href="/wiki/Computer-aided_industrial_design" title="Computer-aided industrial design">CAID</a></li> <li><a href="/wiki/Virtual_home_design_software" title="Virtual home design software">Virtual home design software</a></li></ul></li> <li><a href="/wiki/Computer-automated_design" title="Computer-automated design">CAutoD</a></li> <li><a href="/wiki/Design_quality_indicator" title="Design quality indicator">Design quality indicator</a></li> <li><a href="/wiki/Electronic_design_automation" title="Electronic design automation">Electronic design automation</a></li> <li><a href="/wiki/Flowchart" title="Flowchart">Flowchart</a></li> <li><a href="/wiki/Mockup" title="Mockup">Mockup</a></li> <li><a href="/wiki/Design_specification" title="Design specification">Design specification</a></li> <li><a href="/wiki/Prototype" title="Prototype">Prototype</a></li> <li><a href="/wiki/Sketch_(drawing)" title="Sketch (drawing)">Sketch</a></li> <li><a href="/wiki/Storyboard" title="Storyboard">Storyboard</a></li> <li><a href="/wiki/Technical_drawing" title="Technical drawing">Technical drawing</a></li> <li><a href="/wiki/HTML_editor" title="HTML editor">HTML editor</a></li> <li><a href="/wiki/Website_wireframe" title="Website wireframe">Website wireframe</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Intellectual<br />property</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/Community_design" title="Community design">Community design</a></li> <li><a href="/wiki/Design_around" title="Design around">Design around</a></li> <li><a href="/wiki/Design_infringement" title="Design infringement">Design infringement</a></li> <li><a href="/wiki/Design_patent" title="Design patent">Design patent</a></li> <li><a href="/wiki/Fashion_design_copyright" title="Fashion design copyright">Fashion design copyright</a></li> <li><i><a href="/wiki/Geschmacksmuster" title="Geschmacksmuster">Geschmacksmuster</a></i></li> <li><a href="/wiki/Industrial_design_right" title="Industrial design right">Industrial design rights</a> <ul><li><a href="/wiki/Industrial_design_rights_in_the_European_Union" title="Industrial design rights in the European Union">European Union</a></li></ul></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Organizations</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/American_Institute_of_Graphic_Arts" title="American Institute of Graphic Arts">American Institute of Graphic Arts</a></li> <li><a href="/wiki/Chartered_Society_of_Designers" title="Chartered Society of Designers">Chartered Society of Designers</a></li> <li><a href="/wiki/Design_and_Industries_Association" title="Design and Industries Association">Design and Industries Association</a></li> <li><a href="/wiki/Design_Council" title="Design Council">Design Council</a></li> <li><a href="/wiki/International_Forum_Design" title="International Forum Design">International Forum Design</a></li> <li><a href="/wiki/Design_Research_Society" title="Design Research Society">Design Research Society</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Awards</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/European_Design_Award" class="mw-redirect" title="European Design Award">European Design Award</a></li> <li><a href="/wiki/German_Design_Award" title="German Design Award">German Design Award</a></li> <li><a href="/wiki/Good_Design_Award_(Museum_of_Modern_Art)" title="Good Design Award (Museum of Modern Art)">Good Design Award (Museum of Modern Art)</a></li> <li><a href="/wiki/Good_Design_Award_(Chicago_Athenaeum)" class="mw-redirect" title="Good Design Award (Chicago Athenaeum)">Good Design Award (Chicago Athenaeum)</a></li> <li><a href="/wiki/Graphex" class="mw-redirect" title="Graphex">Graphex</a></li> <li><a href="/wiki/IF_Product_Design_Award" title="IF Product Design Award">IF Product Design Award</a></li> <li><a href="/wiki/James_Dyson_Award" title="James Dyson Award">James Dyson Award</a></li> <li><a href="/wiki/Prince_Philip_Designers_Prize" title="Prince Philip Designers Prize">Prince Philip Designers Prize</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr></tbody></table><div></div></td></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks mw-collapsible mw-collapsed navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><div id="Related_topics" style="font-size:114%;margin:0 4em">Related topics</div></th></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Agile_software_development" title="Agile software development">Agile</a></li> <li><a href="/wiki/Concept_art" title="Concept art">Concept art</a></li> <li><a href="/wiki/Conceptual_design" title="Conceptual design">Conceptual design</a></li> <li><a href="/wiki/Creative_industries" title="Creative industries">Creative industries</a></li> <li><a href="/wiki/Cultural_icon" title="Cultural icon">Cultural icon</a></li> <li><a href="/wiki/.design" title=".design">.design</a></li> <li><a href="/wiki/Enterprise_architecture" title="Enterprise architecture">Enterprise architecture</a></li> <li><a href="/wiki/Form_factor_(design)" title="Form factor (design)">Form factor</a></li> <li><a href="/wiki/Futures_studies" title="Futures studies">Futures studies</a></li> <li><a href="/wiki/Indie_design" title="Indie design">Indie design</a></li> <li><a href="/wiki/Innovation_management" title="Innovation management">Innovation management</a></li> <li><a href="/wiki/Intelligent_design" title="Intelligent design">Intelligent design</a></li> <li><a href="/wiki/Lean_startup" title="Lean startup">Lean startup</a></li> <li><a href="/wiki/New_product_development" title="New product development">New product development</a></li> <li><a href="/wiki/OODA_loop" title="OODA loop">OODA loop</a></li> <li><a href="/wiki/Philosophy_of_design" title="Philosophy of design">Philosophy of design</a></li> <li><a href="/wiki/Process_simulation" title="Process simulation">Process simulation</a></li> <li><a href="/wiki/Slow_design" class="mw-redirect" title="Slow design">Slow design</a></li> <li><a href="/wiki/STEAM_fields" class="mw-redirect" title="STEAM fields">STEAM fields</a></li> <li><a href="/wiki/Argument_from_poor_design" title="Argument from poor design">Unintelligent design</a></li> <li><a href="/wiki/Visualization_(graphics)" title="Visualization (graphics)">Visualization</a></li> <li><a href="/wiki/Wicked_problem" title="Wicked problem">Wicked problem</a></li></ul> <ul><li>Design <a href="/wiki/Design_brief" title="Design brief">brief</a></li> <li><a href="/wiki/Design_change" title="Design change">change</a></li> <li><a href="/wiki/Design_classic" title="Design classic">classic</a></li> <li><a href="/wiki/Design_competition" title="Design competition">competition</a> <ul><li><a href="/wiki/Architectural_design_competition" title="Architectural design competition">architectural</a></li> <li><a href="/wiki/Student_design_competition" title="Student design competition">student</a></li></ul></li> <li><a href="/wiki/Design_director" title="Design director">director</a></li> <li><a href="/wiki/Design_education" title="Design education">education</a></li> <li><a href="/wiki/Design_elements" title="Design elements">elements</a></li> <li><a href="/wiki/Design_engineer" title="Design engineer">engineer</a></li> <li><a href="/wiki/Design_firm" class="mw-redirect" title="Design firm">firm</a></li> <li><a href="/wiki/Design_history" title="Design history">history</a></li> <li><a href="/wiki/Design_knowledge" title="Design knowledge">knowledge</a></li> <li><a href="/wiki/Design_language" title="Design language">language</a></li> <li><a href="/wiki/Design_life" title="Design life">life</a></li> <li><a href="/wiki/Design_load" title="Design load">load</a></li> <li><a href="/wiki/Design_museum" title="Design museum">museum</a></li> <li><a href="/wiki/Design_paradigm" title="Design paradigm">paradigm</a></li> <li><a href="/wiki/Design_principles" title="Design principles">principles</a></li> <li><a href="/wiki/Design_rationale" title="Design rationale">rationale</a></li> <li><a href="/wiki/Design_review" title="Design review">review</a></li> <li><a href="/wiki/Design_specification" title="Design specification">specification</a></li> <li><a href="/wiki/Design_studies" title="Design studies">studies</a></li> <li><a href="/wiki/Design_studio" class="mw-redirect" title="Design studio">studio</a></li> <li><a href="/wiki/Design_technology" title="Design technology">technology</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><a href="https://commons.wikimedia.org/wiki/category:Design" class="extiw" title="commons:category:Design"> <span class="tmp-color" style="color:#002bb8">Commons</span> </a></li> <li><a href="https://en.wikibooks.org/wiki/Design" class="extiw" title="wikibooks:Design"> <span class="tmp-color" style="color:#002bb8">Wikibooks</span> </a></li> <li><a href="https://en.wikinews.org/wiki/Special:Search/Design" class="extiw" title="wikinews:Special:Search/Design"> <span class="tmp-color" style="color:#002bb8">Wikinews</span> </a></li> <li><a href="https://en.wikiquote.org/wiki/Design" class="extiw" title="wikiquote:Design"> <span class="tmp-color" style="color:#002bb8">Wikiquote</span> </a></li> <li><a href="https://en.wikisource.org/wiki/Category:Design" class="extiw" title="wikisource:Category:Design"> <span class="tmp-color" style="color:#002bb8">Wikisource</span> </a></li> <li><a href="https://en.wiktionary.org/wiki/Design" class="extiw" title="wiktionary:Design"> <span class="tmp-color" style="color:#002bb8">Wiktionary</span> </a></li></ul> </div></td></tr></tbody></table></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1" 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=Hardware_interface_design&oldid=1198119775">https://en.wikipedia.org/w/index.php?title=Hardware_interface_design&oldid=1198119775</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:Systems_engineering" title="Category:Systems engineering">Systems engineering</a></li><li><a href="/wiki/Category:Interfaces" title="Category:Interfaces">Interfaces</a></li><li><a href="/wiki/Category:User_interfaces" title="Category:User interfaces">User interfaces</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: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_2024" title="Category:Articles with unsourced statements from January 2024">Articles with unsourced statements from January 2024</a></li><li><a href="/wiki/Category:All_articles_lacking_reliable_references" title="Category:All articles lacking reliable references">All articles lacking reliable references</a></li><li><a href="/wiki/Category:Articles_lacking_reliable_references_from_September_2019" title="Category:Articles lacking reliable references from September 2019">Articles lacking reliable references from September 2019</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 23 January 2024, at 01:52<span class="anonymous-show"> (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=Hardware_interface_design&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"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></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"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-6d848949df-fpcf9","wgBackendResponseTime":164,"wgPageParseReport":{"limitreport":{"cputime":"0.394","walltime":"0.498","ppvisitednodes":{"value":1040,"limit":1000000},"postexpandincludesize":{"value":75348,"limit":2097152},"templateargumentsize":{"value":2800,"limit":2097152},"expansiondepth":{"value":12,"limit":100},"expensivefunctioncount":{"value":3,"limit":500},"unstrip-depth":{"value":1,"limit":20},"unstrip-size":{"value":24061,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 391.807 1 -total"," 39.71% 155.587 1 Template:Design"," 39.09% 153.138 1 Template:Navbox_with_collapsible_groups"," 33.07% 129.554 1 Template:Reflist"," 25.78% 101.011 2 Template:Cite_web"," 16.42% 64.337 1 Template:Citation_needed"," 14.35% 56.242 2 Template:Fix"," 13.38% 52.425 1 Template:Hlist"," 7.94% 31.125 3 Template:Category_handler"," 5.69% 22.310 1 Template:Columns-list"]},"scribunto":{"limitreport-timeusage":{"value":"0.231","limit":"10.000"},"limitreport-memusage":{"value":4227524,"limit":52428800}},"cachereport":{"origin":"mw-api-int.codfw.main-55fb8d7f4f-v4lmr","timestamp":"20241111001035","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Hardware interface design","url":"https:\/\/en.wikipedia.org\/wiki\/Hardware_interface_design","sameAs":"http:\/\/www.wikidata.org\/entity\/Q17091376","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q17091376","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":"2014-04-22T16:43:25Z","dateModified":"2024-01-23T01:52:11Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/53\/Braun_T1000CD_Closeup.jpg","headline":"cross-disciplinary design field that shapes the physical connection between people and technology"}</script> </body> </html>