{"id":689,"date":"2026-10-26T03:49:51","date_gmt":"2026-10-26T03:49:51","guid":{"rendered":"https:\/\/sitefitters.com\/learn\/glossary\/user-interface\/"},"modified":"2026-10-26T03:49:51","modified_gmt":"2026-10-26T03:49:51","slug":"user-interface","status":"publish","type":"page","link":"https:\/\/sitefitters.com\/fr\/learn\/glossary\/user-interface\/","title":{"rendered":"User interface (UI)"},"content":{"rendered":"<section class=\"sfl-hero sfl-hero-s\"><div class=\"sfl-w\"><div class=\"sfl-bc\"><a href=\"\/fr\/learn\/\">Learn<\/a> \/ <a href=\"\/fr\/learn\/glossary\/\">Glossary<\/a> \/ <a href=\"\/fr\/learn\/glossary\/#topic-design\" style=\"color:#F472B6\">Design &amp; User Experience<\/a><\/div><h1>User Interface <em>(UI)<\/em><\/h1><div class=\"sfl-def\"><small>In one sentence<\/small>The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.<\/div><\/div><\/section><div class=\"sfl-w sfl-art\"><article class=\"sfl-prose\"><h2>What It Is<\/h2><p>The user interface, or UI, is everything on screen that a person sees and touches: buttons, menus, form fields, icons, sliders and text. If UX is how the trip feels, UI is the dashboard and steering wheel. A good UI is consistent, so a button always looks like a button and links behave the same way across every page.<\/p><h2>Why It Matters for Your Business<\/h2><p>A clear UI helps visitors act without thinking. When a contractor&#8217;s website uses one bold color for every &quot;Get a quote&quot; button, customers learn quickly where to click. When buttons look different on each page, or text links look like plain words, people miss them and leave.<\/p><h2>Good to Know<\/h2><p>Make buttons large enough to tap with a thumb on a phone, and label them with what will happen, like &quot;Book a lesson,&quot; rather than vague words like &quot;Submit.&quot; Clear labels set expectations, reduce hesitation and make people more comfortable clicking. Test every button on a real phone, not only on a desktop screen.<\/p><div class=\"sfl-box\"><h4>Related terms<\/h4><div class=\"sfl-rel\"><a href=\"\/fr\/learn\/glossary\/user-experience\/\">User experience<\/a><a href=\"\/fr\/learn\/glossary\/call-to-action\/\">Call to action<\/a><a href=\"\/fr\/learn\/glossary\/web-design\/\">Web design<\/a><a href=\"\/fr\/learn\/glossary\/typography\/\">Typography<\/a><a href=\"\/fr\/learn\/glossary\/color-palette\/\">Color palette<\/a><\/div><\/div><nav class=\"sfl-pn\"><a href=\"\/fr\/learn\/glossary\/user-experience\/\"><small>\u2190 Previous<\/small><b>User experience<\/b><\/a><a href=\"\/fr\/learn\/glossary\/user-roles\/\" class=\"r\"><small>Next \u2192<\/small><b>User roles<\/b><\/a><\/nav><\/article><aside class=\"sfl-aside\"><div class=\"sfl-box sfl-box-o\"><h4>Need this done right?<\/h4><p>Fixed-price websites from $800, built and launched for you in as little as 5 days.<\/p><a class=\"sfl-btn sfl-btn-w\" href=\"\/fr\/web-design-development\/#pricing\">See website packages<\/a><\/div><div class=\"sfl-box\"><h4>More in Design &amp; User Experience<\/h4><div class=\"sfl-chips\"><a href=\"\/fr\/learn\/glossary\/web-design\/\">Web design<\/a><a href=\"\/fr\/learn\/glossary\/user-experience\/\">User experience<\/a><a href=\"\/fr\/learn\/glossary\/wireframe\/\">Wireframe<\/a><a href=\"\/fr\/learn\/glossary\/mockup\/\">Mockup<\/a><a href=\"\/fr\/learn\/glossary\/prototype\/\">Prototype<\/a><a href=\"\/fr\/learn\/glossary\/sitemap\/\">Sitemap<\/a><a href=\"\/fr\/learn\/glossary\/information-architecture\/\">Information architecture<\/a><a href=\"\/fr\/learn\/glossary\/navigation-menu\/\">Navigation menu<\/a><\/div><\/div><\/aside><\/div><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"DefinedTerm\",\"name\":\"User interface (UI)\",\"description\":\"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.\",\"url\":\"https:\/\/sitefitters.com\/learn\/glossary\/user-interface\/\",\"inDefinedTermSet\":{\"@type\":\"DefinedTermSet\",\"name\":\"Business Website 101 Glossary\",\"url\":\"https:\/\/sitefitters.com\/learn\/glossary\/\"}}<\/script>","protected":false},"excerpt":{"rendered":"<p>Learn \/ Glossary \/ Design &amp; User Experience User Interface (UI) In one sentenceThe user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text. What It Is The user interface, or UI, is everything on screen that a person sees and touches: buttons, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":532,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sitefitters-canvas.php","meta":{"_acf_changed":false,"_yoast_wpseo_title":"User Interface: What It Means | Website Glossary","_yoast_wpseo_metadesc":"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.","sfb_learn":"1","footnotes":""},"class_list":["post-689","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.7 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>User Interface: What It Means | Website Glossary<\/title>\n<meta name=\"description\" content=\"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sitefitters.com\/fr\/learn\/glossary\/user-interface\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User interface (UI)\" \/>\n<meta property=\"og:description\" content=\"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sitefitters.com\/fr\/learn\/glossary\/user-interface\/\" \/>\n<meta property=\"og:site_name\" content=\"Sitefitters\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sitefitters.com\\\/learn\\\/glossary\\\/user-interface\\\/\",\"url\":\"https:\\\/\\\/sitefitters.com\\\/learn\\\/glossary\\\/user-interface\\\/\",\"name\":\"User Interface: What It Means | Website Glossary\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sitefitters.com\\\/#website\"},\"datePublished\":\"2026-10-26T03:49:51+00:00\",\"description\":\"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sitefitters.com\\\/learn\\\/glossary\\\/user-interface\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sitefitters.com\\\/learn\\\/glossary\\\/user-interface\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sitefitters.com\\\/learn\\\/glossary\\\/user-interface\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sitefitters.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Business Website 101\",\"item\":\"https:\\\/\\\/sitefitters.com\\\/learn\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Website Glossary A\u2013Z\",\"item\":\"https:\\\/\\\/sitefitters.com\\\/learn\\\/glossary\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"User interface (UI)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sitefitters.com\\\/#website\",\"url\":\"https:\\\/\\\/sitefitters.com\\\/\",\"name\":\"Sitefitters\",\"description\":\"Custom Websites, Apps &amp; WHMCS experts\",\"publisher\":{\"@id\":\"https:\\\/\\\/sitefitters.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sitefitters.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sitefitters.com\\\/#organization\",\"name\":\"Sitefitters\",\"url\":\"https:\\\/\\\/sitefitters.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/sitefitters.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sitefitters.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/sitefitters-logo-elephant-dot.png\",\"contentUrl\":\"https:\\\/\\\/sitefitters.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/sitefitters-logo-elephant-dot.png\",\"width\":717,\"height\":140,\"caption\":\"Sitefitters\"},\"image\":{\"@id\":\"https:\\\/\\\/sitefitters.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"User Interface: What It Means | Website Glossary","description":"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sitefitters.com\/fr\/learn\/glossary\/user-interface\/","og_locale":"fr_FR","og_type":"article","og_title":"User interface (UI)","og_description":"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.","og_url":"https:\/\/sitefitters.com\/fr\/learn\/glossary\/user-interface\/","og_site_name":"Sitefitters","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sitefitters.com\/learn\/glossary\/user-interface\/","url":"https:\/\/sitefitters.com\/learn\/glossary\/user-interface\/","name":"User Interface: What It Means | Website Glossary","isPartOf":{"@id":"https:\/\/sitefitters.com\/#website"},"datePublished":"2026-10-26T03:49:51+00:00","description":"The user interface, or UI, is the visible part of a website people interact with, such as buttons, menus, forms, icons and text.","breadcrumb":{"@id":"https:\/\/sitefitters.com\/learn\/glossary\/user-interface\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sitefitters.com\/learn\/glossary\/user-interface\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sitefitters.com\/learn\/glossary\/user-interface\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sitefitters.com\/"},{"@type":"ListItem","position":2,"name":"Business Website 101","item":"https:\/\/sitefitters.com\/learn\/"},{"@type":"ListItem","position":3,"name":"Website Glossary A\u2013Z","item":"https:\/\/sitefitters.com\/learn\/glossary\/"},{"@type":"ListItem","position":4,"name":"User interface (UI)"}]},{"@type":"WebSite","@id":"https:\/\/sitefitters.com\/#website","url":"https:\/\/sitefitters.com\/","name":"Sitefitters","description":"Custom Websites, Apps &amp; WHMCS experts","publisher":{"@id":"https:\/\/sitefitters.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sitefitters.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/sitefitters.com\/#organization","name":"Sitefitters","url":"https:\/\/sitefitters.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/sitefitters.com\/#\/schema\/logo\/image\/","url":"https:\/\/sitefitters.com\/wp-content\/uploads\/2026\/10\/sitefitters-logo-elephant-dot.png","contentUrl":"https:\/\/sitefitters.com\/wp-content\/uploads\/2026\/10\/sitefitters-logo-elephant-dot.png","width":717,"height":140,"caption":"Sitefitters"},"image":{"@id":"https:\/\/sitefitters.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/pages\/689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/comments?post=689"}],"version-history":[{"count":0,"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/pages\/689\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/pages\/532"}],"wp:attachment":[{"href":"https:\/\/sitefitters.com\/fr\/wp-json\/wp\/v2\/media?parent=689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}