{"id":57315,"date":"2021-09-03T18:01:16","date_gmt":"2021-09-03T10:01:16","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=57315"},"modified":"2021-12-06T22:48:23","modified_gmt":"2021-12-06T14:48:23","slug":"ui-or-ux-in-web-design","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/","title":{"rendered":"UX vs. UI &#8211; Which Should You Focus?"},"content":{"rendered":"<p><a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/category\/design\/\" rel=\"noopener\">Web design<\/a> can get complicated, especially when it\u2019s difficult to know where to put your focus. As a designer, having a concrete goal to work towards is vital. Reaching that goal is how we measure our success.<\/p>\n<p>But when the question revolves around our main focus for a page or a site overall, answering that question is what enables us to set our goal. Web designers, old and new, beginners and skilled, face the issue of whether to put their main focus on the <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/category\/uiux\/\" rel=\"noopener\">user interface (UI) or the user experience (UX)<\/a>.\u00a0<\/p>\n<p>To figure out what deserves our primary attention, it\u2019s important to understand the difference between the two, as well as how they influence each other.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/web-design-to-experience-design\/\" class=\"ref-block__link\" title=\"Read More: Why Experience Design is The Next Big Thing\" rel=\"bookmark\"><span class=\"screen-reader-text\">Why Experience Design is The Next Big Thing<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/web-design-to-experience-design.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-24692 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/web-design-to-experience-design.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Why Experience Design is The Next Big Thing<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tA scary article about the death of web design swept through the internet this summer making the web...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Comparing UX And UI In Web Design<\/h2>\n<p>UX and UI have many things in common. The first and most important thing is that both of these aspects are critical to good web design. In very basic terms, UI centers on the visual aspects of web design and how a user interacts with the site.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ux-ui-in-web.jpg\" alt=\"ux-ui-in-web\" width=\"800\" height=\"533\"><\/figure>\n<p>Traditional user interface elements include the following:<\/p>\n<ul>\n<li>Menu<\/li>\n<li>Navigation<\/li>\n<li>Clickable links<\/li>\n<li>Scroll bars<\/li>\n<li>Check boxes<\/li>\n<li>Lead generating forms<\/li>\n<li>Breadcrumbs<\/li>\n<li>Buttons<\/li>\n<li>Image carousels and sliders<\/li>\n<li>Filters<\/li>\n<li>Search bars<\/li>\n<li>Comment boxes<\/li>\n<li>Loaders<\/li>\n<li>Modals<\/li>\n<li>Notifications<\/li>\n<\/ul>\n<p>There are plenty more, but these are some of the most common elements that make up UI. On the other hand, the user experience is a more whole-cloth approach to web design, and draws on different layers to promote a good experience overall. Some elements that go into good UX include:<\/p>\n<ul>\n<li>Aesthetic appeal of the site as a whole and individual elements<\/li>\n<li>Font, color, and graphic choice<\/li>\n<li>Sizing, spacing, and use of negative space in the layout<\/li>\n<li>How easy the site is to use, and how enjoyable it is, too<\/li>\n<li>Ease of ability to find the necessary information\/complete the necessary action<\/li>\n<\/ul>\n<p>On the whole, great UX looks at more emotion-based reactions. Author <strong>Steve Krug<\/strong> <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.sensible.com\/\">lists the elements of good UX<\/a> as including:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/elements-of-good-ux.jpg\" alt=\"elements-of-good-ux\" width=\"800\" height=\"587\"><\/figure>\n<p>Form and function both require consideration for both UI and UX. With desirability and delightfulness listed as vital components along with usefulness and efficiency, it\u2019s obvious that UX needs both aesthetic appeal and workability. And a user interface that is ugly or ungainly isn\u2019t as enticing to interact with as one that is visually appealing.<\/p>\n<p>So visual choices such as fonts, graphics, and colors, are all impacted by both UX and UI. In fact, the choices we make on a visual level, especially when it comes to colors, can heavily impact how the viewer feels about both the UX and UI, and that <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.logodesign.net\/how-colors-tint-emotions-branding\">branding colors influence on emotions<\/a> can turn a negative UX\/UI experience into a positive one.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ui-ux-design.jpg\" alt=\"ui-ux-design\" width=\"800\" height=\"533\"><\/figure>\n<p>Comparing UI and UX in this way makes it clear that it\u2019s about more than just which individual aspects of web design belong to which discipline. There\u2019s definitely some overlap, but there is just as definitely a difference in focus.<\/p>\n<p>And since focus is what helps us to set our design goals for each project we undertake, it\u2019s a good idea to understand the goal of both UI and UX.<\/p>\n<h2>The Goal of Good UI<\/h2>\n<p>As mentioned, UI is about connections made with the website visitor, and allowing for an interchange between site and viewer. Basically, the main goal of good UI is to promote interactivity and user friendliness.<\/p>\n<p>The skill set of a primarily UI-focused designer would center on areas such as information design, motion design, and integration with branding. UI designers will also have an understanding of how their work ties into the overall UX.<\/p>\n<h2>The Goal of Good UX<\/h2>\n<p>The goal of good user experience design covers a much broader range, with many more details and subheadings than UI. Combining usability with desirability, aesthetic appeal with function, and making it easy for new users as well as creating a draw for returning ones, great UX is built by focusing on what enhances the experience and creates value for the user.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/goal-of-ux.jpg\" alt=\"goal-of-ux\" width=\"800\" height=\"705\"><\/figure>\n<p>Basically, good UX is determined by whether the user has a good experience \u2014 in short, UX is accurately named!<\/p>\n<h2>Describing The Difference<\/h2>\n<p>The overlap between UX and UI should be obvious by now. But it may still be difficult to explain exactly what the difference is between the two.<\/p>\n<p>That could be because, at least to some designers, it isn\u2019t a question of comparison but of contrast.<\/p>\n<p>For example, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.usertesting.com\/blog\/dont-hire-ui-ux-designer\"><strong>Craig Morrision<\/strong><\/a>, the associate creative director at Truvani, says, \"<em>There is no difference between UX and UI design because they are two things that aren\u2019t comparable to each other\u2026the user experience is made up of a bunch of different components, user interface design being just one of them, that when combined together make up the user experience.<\/em>\"<\/p>\n<p>Ultimately, UI is a component of UX, and can heavily influence the larger goal.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ui-ux-difference.jpg\" alt=\"ui-ux-difference\" width=\"800\" height=\"533\"><\/figure>\n<h2>How UI Influences UX<\/h2>\n<p>Just as important as understanding the goals of each of these individual pieces of web design is understanding how they influence each other.<\/p>\n<p>It\u2019s possible to have good UX without good UI \u2014 but it\u2019s difficult, since bad UI often leads to a disappointing and frustrating user experience.<\/p>\n<p>On the other hand, it\u2019s also possible to have stellar UI design and still have a poor overall UX, because some other aspect of the web design has fallen short.<\/p>\n<p>So, now that we\u2019ve got the similarities and differences all cleared up, what about the main question: which one should a designer focus on?<\/p>\n<h2>Narrowing Design Focus<\/h2>\n<p>There\u2019s a case made for the fact that UI and UX require different, if overlapping skill sets. But setting that aside, if you\u2019re a web designer who is responsible for all aspects of the design, it\u2019s important to know which one to focus on.<\/p>\n<p>Or rather, which one to focus on first \u2014 and when \u2014 and to what degree. UI vs. UX may seem like a \"chicken or egg\" scenario: which one deserves attention first? But it\u2019s more a case of working through design in a logical fashion, while still keeping an eye on the end game at all times.<\/p>\n<p>Your UI design will influence your UX. So while designers work on the interface components of the website, UI requires their first attention \u2014 but as they complete components, the designs should be checked for usability, aesthetics, and all the other details mentioned above.<\/p>\n<p>Keeping individual UI in line will contribute to a great overall user experience. It\u2019s less a case of \u201cchicken or the egg\u201d and more a case of \u201cone thing at a time.\u201d<\/p>","protected":false},"excerpt":{"rendered":"<p>Web design can get complicated, especially when it\u2019s difficult to know where to put your focus. As a designer, having a concrete goal to work towards is vital. Reaching that goal is how we measure our success. But when the question revolves around our main focus for a page or a site overall, answering that&hellip;<\/p>\n","protected":false},"author":402,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UX vs. UI - Which Should You Focus in Web Design<\/title>\n<meta name=\"description\" content=\"Web design can get complicated, especially when it&#039;s difficult to know where to put your focus. As a designer, having a concrete goal to work towards is\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX vs. UI - Which Should You Focus?\" \/>\n<meta property=\"og:description\" content=\"Web design can get complicated, especially when it&#039;s difficult to know where to put your focus. As a designer, having a concrete goal to work towards is\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-03T10:01:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-06T14:48:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ux-ui-in-web.jpg\" \/>\n<meta name=\"author\" content=\"Tarif Kahn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@kahntarif\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tarif Kahn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/\"},\"author\":{\"name\":\"Tarif Kahn\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/561adab3ffafe54aedadc2e19a991776\"},\"headline\":\"UX vs. UI &#8211; Which Should You Focus?\",\"datePublished\":\"2021-09-03T10:01:16+00:00\",\"dateModified\":\"2021-12-06T14:48:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/\"},\"wordCount\":1104,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ui-or-ux-in-web-design\\\/ux-ui-in-web.jpg\",\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/\",\"name\":\"UX vs. UI - Which Should You Focus in Web Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ui-or-ux-in-web-design\\\/ux-ui-in-web.jpg\",\"datePublished\":\"2021-09-03T10:01:16+00:00\",\"dateModified\":\"2021-12-06T14:48:23+00:00\",\"description\":\"Web design can get complicated, especially when it's difficult to know where to put your focus. As a designer, having a concrete goal to work towards is\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ui-or-ux-in-web-design\\\/ux-ui-in-web.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/ui-or-ux-in-web-design\\\/ux-ui-in-web.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/ui-or-ux-in-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX vs. UI &#8211; Which Should You Focus?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/561adab3ffafe54aedadc2e19a991776\",\"name\":\"Tarif Kahn\",\"description\":\"Tarif is Head of Design at LogoDesign.net who loves sharing his diversified pool of knowledge in graphic design, web design and development, and print design. He enjoys experimenting with new technologies and has a knack for photography.\",\"sameAs\":[\"https:\\\/\\\/www.logodesign.net\\\/\",\"https:\\\/\\\/x.com\\\/kahntarif\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/tarifkahn\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UX vs. UI - Which Should You Focus in Web Design","description":"Web design can get complicated, especially when it's difficult to know where to put your focus. As a designer, having a concrete goal to work towards is","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:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/","og_locale":"en_US","og_type":"article","og_title":"UX vs. UI - Which Should You Focus?","og_description":"Web design can get complicated, especially when it's difficult to know where to put your focus. As a designer, having a concrete goal to work towards is","og_url":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-09-03T10:01:16+00:00","article_modified_time":"2021-12-06T14:48:23+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ux-ui-in-web.jpg","type":"","width":"","height":""}],"author":"Tarif Kahn","twitter_card":"summary_large_image","twitter_creator":"@kahntarif","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Tarif Kahn","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/"},"author":{"name":"Tarif Kahn","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/561adab3ffafe54aedadc2e19a991776"},"headline":"UX vs. UI &#8211; Which Should You Focus?","datePublished":"2021-09-03T10:01:16+00:00","dateModified":"2021-12-06T14:48:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/"},"wordCount":1104,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ux-ui-in-web.jpg","articleSection":["UI\/UX"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/","url":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/","name":"UX vs. UI - Which Should You Focus in Web Design","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ux-ui-in-web.jpg","datePublished":"2021-09-03T10:01:16+00:00","dateModified":"2021-12-06T14:48:23+00:00","description":"Web design can get complicated, especially when it's difficult to know where to put your focus. As a designer, having a concrete goal to work towards is","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ux-ui-in-web.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/ui-or-ux-in-web-design\/ux-ui-in-web.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UX vs. UI &#8211; Which Should You Focus?"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/561adab3ffafe54aedadc2e19a991776","name":"Tarif Kahn","description":"Tarif is Head of Design at LogoDesign.net who loves sharing his diversified pool of knowledge in graphic design, web design and development, and print design. He enjoys experimenting with new technologies and has a knack for photography.","sameAs":["https:\/\/www.logodesign.net\/","https:\/\/x.com\/kahntarif"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/tarifkahn\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-eUr","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/402"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=57315"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57315\/revisions"}],"predecessor-version":[{"id":58301,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/57315\/revisions\/58301"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=57315"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=57315"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=57315"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=57315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}