[26-Feb-2026 00:31:13 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 {"id":17802,"date":"2015-01-07T23:13:30","date_gmt":"2015-01-07T15:13:30","guid":{"rendered":"https:\/\/crazyleafdesign.com\/blog\/?p=17802"},"modified":"2022-05-02T15:04:33","modified_gmt":"2022-05-02T07:04:33","slug":"ui-ux-design-which-comes-first","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/","title":{"rendered":"UI vs UX design: Which comes first?"},"content":{"rendered":"

You’ve probably heard of the terms UX and UI before. These might appear to you as some moniker associated with designing\u00a0– and they are.\u00a0<\/span>They represent two abbreviated terminologies, namely User Experience (UX) and User Interface (UI).<\/h2>\n

Both happen to be vital elements under the web design umbrella. These two skills combined, help design a complete interface and ensure its functionality. While top UI\/UX designers<\/a> are able to make the distinction and give appropriate advice, some designers and professionals often consider the two terms (UX and UI) the same thing. This confusion puts a negative impact on the industry and it’s imperative to precisely and clearly segregate them.<\/p>\n

This article explains\u00a0the two terms and will help you determine which of the two is currently ruling the design ground. While\u00a0<\/span>UX vs\u00a0UI have several points of commonalities e.g. they are after all, grouped under design, UI design is leaning\u00a0towards aesthetics, while\u00a0UX belongs to a more technical and analytical field. Objectives differ from one\u00a0another when you get down to it.<\/p>\n

User Experience Design<\/h4>\n

\"UI<\/p>\n

User experience design is just as it sounds – it’s the discipline that deals with the architecture that enhances\u00a0a user’s overall experience with the website or app. The goal is to engage a user using intuitive methodologies to ultimately point them into the right direction.<\/p>\n

UX takes into account all aspects of usability and how the\u00a0user interacts including overall layout, positioning of elements, information architecture, and graphics.<\/p>\n

User Interface Design<\/span><\/h4>\n

\"UI<\/p>\n

The goal of UI\u00a0design is to make a user’s interaction with a website or application as efficient as possible, in terms of accomplishing user goals. Good user interface design contributes to a great overall user experience with the product and thus, helps ensure its success.<\/p>\n

UI design enhances a\u00a0user’s experience by using\u00a0visual elements and cues such as shape, color, and even typography. The more interactive and intuitive the interface is, the more likely a goal will be achieved.<\/p>\n

It is hard to keep up with\u00a0trends and technology as they evolve every day, but to ensure the success of apps and\u00a0websites, it is essential to integrate fundamental\u00a0UI theories and best practices. This will not only help cut through\u00a0the\u00a0clutter and focus on the important goals at hand, but will save your (designers) time as well. With\u00a0what we’ve seen since 2013,\u00a0the current trend remains to be flat and minimalism<\/a>. This easily accessible UI style greatly contributes to an outstanding user experience.<\/p>\n

So, UI vs UX design, which comes first?<\/span><\/b><\/p>\n

A product with great usability but\u00a0poor visual appeal is an example of bad UI and great UX. On the other hand, a product with terrible usability but an amazing\u00a0visual appeal has\u00a0great UI and poor UX. So what you need is a clever mix of the two, or rather, an in-depth understanding of the two disciplines.<\/p>\n

In traditional agencies, UX is usually brought to the table first. Traditionally. But we are working in unconventional times, with technologies and design elements that allow us to think ahead. With UX softwares being more interactive e.g. InVision, along with flat\/minimal design taking over, it’s easy to start thinking about\u00a0user experience with user design in mind.<\/p>\n

In addition, hybrid softwares e.g. Macaw which writes semantic HTML and remarkably succinct CSS will also pave the way for UI forward planning. It is only a matter of time that those who have earlier thought of UX and UI as the same thing, will in turn be the ones who were right all along.<\/p>\n","protected":false},"excerpt":{"rendered":"

You’ve probably heard of the terms UX and UI before. These might appear to you as some moniker associated with designing\u00a0– and they are.\u00a0They represent two abbreviated terminologies, namely User Experience (UX) and User Interface (UI). Both happen to be vital elements under the web design umbrella. These two skills combined, help design a complete […] More<\/a><\/p>\n","protected":false},"author":1,"featured_media":17811,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1053],"tags":[1038,1295,1220,1294],"adace-sponsor":[],"class_list":{"0":"post-17802","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-articles","8":"tag-ui","9":"tag-user-experience","10":"tag-user-interface-design","11":"tag-ux"},"acf":[],"yoast_head":"\nUI vs UX design: Which comes first?<\/title>\n<meta name=\"description\" content=\"Get an in-depth view of what User Interface and User Experience design encompasses and which UI vs UX design you should focus on first.\" \/>\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.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI vs UX design: Which comes first?\" \/>\n<meta property=\"og:description\" content=\"Get an in-depth view of what User Interface and User Experience design encompasses and which UI vs UX design you should focus on first.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/\" \/>\n<meta property=\"og:site_name\" content=\"CrazyLeaf Design Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-07T15:13:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-02T07:04:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"520\" \/>\n\t<meta property=\"og:image:height\" content=\"245\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"CrazyLeaf Editorial\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:site\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CrazyLeaf Editorial\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/\"},\"author\":{\"name\":\"CrazyLeaf Editorial\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"headline\":\"UI vs UX design: Which comes first?\",\"datePublished\":\"2015-01-07T15:13:30+00:00\",\"dateModified\":\"2022-05-02T07:04:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/\"},\"wordCount\":606,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg\",\"keywords\":[\"ui\",\"User Experience\",\"user interface design\",\"UX\"],\"articleSection\":[\"Articles\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/\",\"name\":\"UI vs UX design: Which comes first?\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg\",\"datePublished\":\"2015-01-07T15:13:30+00:00\",\"dateModified\":\"2022-05-02T07:04:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"description\":\"Get an in-depth view of what User Interface and User Experience design encompasses and which UI vs UX design you should focus on first.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg\",\"contentUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg\",\"width\":520,\"height\":245},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/category\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UI vs UX design: Which comes first?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/\",\"name\":\"CrazyLeaf Design Blog\",\"description\":\"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\",\"name\":\"CrazyLeaf Editorial\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g\",\"caption\":\"CrazyLeaf Editorial\"},\"description\":\"Follow us on Twitter @crazyleaf , Facebook , Pinterest\",\"sameAs\":[\"https:\/\/crazyleafdesign.com\/blog\",\"https:\/\/www.facebook.com\/crazyleafdesign\",\"https:\/\/x.com\/crazyleaf\"],\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI vs UX design: Which comes first?","description":"Get an in-depth view of what User Interface and User Experience design encompasses and which UI vs UX design you should focus on first.","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.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/","og_locale":"en_US","og_type":"article","og_title":"UI vs UX design: Which comes first?","og_description":"Get an in-depth view of what User Interface and User Experience design encompasses and which UI vs UX design you should focus on first.","og_url":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/","og_site_name":"CrazyLeaf Design Blog","article_publisher":"http:\/\/www.facebook.com\/crazyleafdesign","article_author":"https:\/\/www.facebook.com\/crazyleafdesign","article_published_time":"2015-01-07T15:13:30+00:00","article_modified_time":"2022-05-02T07:04:33+00:00","og_image":[{"width":520,"height":245,"url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg","type":"image\/jpeg"}],"author":"CrazyLeaf Editorial","twitter_card":"summary_large_image","twitter_creator":"@crazyleaf","twitter_site":"@crazyleaf","twitter_misc":{"Written by":"CrazyLeaf Editorial","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#article","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/"},"author":{"name":"CrazyLeaf Editorial","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"headline":"UI vs UX design: Which comes first?","datePublished":"2015-01-07T15:13:30+00:00","dateModified":"2022-05-02T07:04:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/"},"wordCount":606,"commentCount":0,"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg","keywords":["ui","User Experience","user interface design","UX"],"articleSection":["Articles"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/","name":"UI vs UX design: Which comes first?","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg","datePublished":"2015-01-07T15:13:30+00:00","dateModified":"2022-05-02T07:04:33+00:00","author":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"description":"Get an in-depth view of what User Interface and User Experience design encompasses and which UI vs UX design you should focus on first.","breadcrumb":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#primaryimage","url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg","contentUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg","width":520,"height":245},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyleafdesign.com\/blog\/ui-ux-design-which-comes-first\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazyleafdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/articles\/"},{"@type":"ListItem","position":3,"name":"UI vs UX design: Which comes first?"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website","url":"https:\/\/www.crazyleafdesign.com\/blog\/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0","name":"CrazyLeaf Editorial","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/921c173337b5042f53fa9062d500b84b?s=96&d=mm&r=g","caption":"CrazyLeaf Editorial"},"description":"Follow us on Twitter @crazyleaf , Facebook , Pinterest","sameAs":["https:\/\/crazyleafdesign.com\/blog","https:\/\/www.facebook.com\/crazyleafdesign","https:\/\/x.com\/crazyleaf"],"url":"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/"}]}},"jetpack_featured_media_url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2015\/01\/uiux.jpg","wps_subtitle":"","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/17802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=17802"}],"version-history":[{"count":3,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/17802\/revisions"}],"predecessor-version":[{"id":33574,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/17802\/revisions\/33574"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media\/17811"}],"wp:attachment":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=17802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=17802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=17802"},{"taxonomy":"adace-sponsor","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/adace-sponsor?post=17802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}