[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":24856,"date":"2017-08-24T01:42:10","date_gmt":"2017-08-23T17:42:10","guid":{"rendered":"https:\/\/crazyleafdesign.com\/blog\/?p=24856"},"modified":"2017-08-24T01:42:10","modified_gmt":"2017-08-23T17:42:10","slug":"makes-great-ui-3-tips-web-designers","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/","title":{"rendered":"What Makes Great UI? 3 Tips For Web Designers"},"content":{"rendered":"

User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary aspects when it comes to user engagement. What becomes obvious, though, as we dig deeper into these two concepts is that UX is largely trend driven but UI is innovation driven. New UI experiences arise from advanced coding, transformative ideas, and growing technological sophistication.<\/p>\n

\"UI\/UX\"<\/p>\n

Because UI is innovation-based, however, it\u2019s hard to predict what will make a new interface great and which will flop, so designers need to think carefully before launching new projects.<\/p>\n

Understanding these 3 principals can help balance risk and reward in the interface design process.<\/p>\n

Think Thematically<\/strong><\/p>\n

Successful websites work because they stick to a niche<\/a>. This applies to UI as much as it applies to content writing \u2013 if you draw non-traditional UI ideas from sites far outside your niche, you\u2019re liable to generate pushback, confusion, or both. UI that aligns topically in some way tends to be more successful than those pulled out of context.<\/p>\n

Consider, for example, Olympia Noise Co.\u2019s drum machine app, Patterning. Patterning is a visually driven composition tool<\/a> somewhat reminiscent of the classic game Simon, but at first glance it\u2019s also intimidatingly modern, and out of context it\u2019s impossible to tell what it does. Some UI developer had a great idea for their niche but woe to the designer who sees Patterning and thinks, \u201cHey, I bet we could use that on our site\u201d and tries to apply this UI tool to a cooking or marketing site.<\/p>\n

Know Your Platforms<\/strong><\/p>\n

When developing a new UI concept, you have to think within the available parameters. It\u2019s all well and good to be future oriented, to think about web-based virtual reality formats<\/a>, but if you design around technology that isn\u2019t ready yet \u2013 or that has limited availability \u2013 you\u2019re going to have a hard time popularizing your site or app and getting it into the hands of users. The better you understand current browser parameters and mobile devices, the better positioned you\u2019ll be as a designer.<\/p>\n

Smartphone operating systems are among the most difficult platforms to keep up with because they tend to advance more quickly and vary more widely than other formats. Apple\u2019s iOS is set up differently from that on a Blackberry or other Android-based device and when touch screens were first popularized, designing around them could lead to scenarios in which some users couldn\u2019t properly access the features.<\/p>\n

Website interface for laptop and desktop setups, on the other hand, are more predictable and change less extensively between updates. For example, any browser can support an interactive slider<\/a> like the one T-Mobile offers for calculating cell phone plan costs or the horizontal scrolling panels that display network coverage, family plans, and other offerings.<\/p>\n

Once you build something more complicated than a basic scroll feature you begin running into troubles. For example, Hilltop Hoods, a GoogleMusic based site<\/a> opens with elaborate graphics and then asks you to control the experience with your phone \u2013 even if you\u2019re not on your phone. This is an easy way to run off site users; it\u2019s a failure to design around the available platforms.<\/p>\n

Study Up<\/strong><\/p>\n

Ultimately, like so many fields, the best way to know what will work in new UI is by studying what other designers are doing. Though some creators believe that studying the work of others will influence or hinder their own creativity, the most successful artists and developers study the form. Reading UI Parade or Smashing Magazine<\/a> will give you powerful information about what\u2019s new in UI and how you might push available platforms further.<\/p>\n

As a developer, being on the cutting edge can advance your career and help you make a name for yourself in the design world \u2013 but you need to push the limits in an intelligent way. Know the field, know the tools, and be smart about your niche\u2019s needs and work with those parameters to create the next big thing.<\/p>\n","protected":false},"excerpt":{"rendered":"

User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary aspects when it comes to user engagement. What becomes obvious, though, as we dig deeper into these two concepts is that UX is largely trend driven but UI is innovation driven. […] More<\/a><\/p>\n","protected":false},"author":355,"featured_media":24862,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[59],"tags":[],"adace-sponsor":[],"class_list":{"0":"post-24856","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-design"},"acf":[],"yoast_head":"\nWhat Makes Great UI? 3 Tips For Web Designers<\/title>\n<meta name=\"description\" content=\"User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary\" \/>\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\/makes-great-ui-3-tips-web-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Makes Great UI? 3 Tips For Web Designers\" \/>\n<meta property=\"og:description\" content=\"User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/\" \/>\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:published_time\" content=\"2017-08-23T17:42:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jenna Cyprus\" \/>\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=\"Jenna Cyprus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/\"},\"author\":{\"name\":\"Jenna Cyprus\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd\"},\"headline\":\"What Makes Great UI? 3 Tips For Web Designers\",\"datePublished\":\"2017-08-23T17:42:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/\"},\"wordCount\":687,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/\",\"name\":\"What Makes Great UI? 3 Tips For Web Designers\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg\",\"datePublished\":\"2017-08-23T17:42:10+00:00\",\"author\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd\"},\"description\":\"User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary\",\"breadcrumb\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg\",\"contentUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg\",\"width\":1536,\"height\":1024,\"caption\":\"UI\/UX\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What Makes Great UI? 3 Tips For Web Designers\"}]},{\"@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\/832958ecb98a2c2994d2e9b367d3f4fd\",\"name\":\"Jenna Cyprus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g\",\"caption\":\"Jenna Cyprus\"},\"sameAs\":[\"http:\/\/JennaCyprus.com\"],\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/author\/jennac\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What Makes Great UI? 3 Tips For Web Designers","description":"User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary","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\/makes-great-ui-3-tips-web-designers\/","og_locale":"en_US","og_type":"article","og_title":"What Makes Great UI? 3 Tips For Web Designers","og_description":"User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary","og_url":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/","og_site_name":"CrazyLeaf Design Blog","article_publisher":"http:\/\/www.facebook.com\/crazyleafdesign","article_published_time":"2017-08-23T17:42:10+00:00","og_image":[{"width":1536,"height":1024,"url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg","type":"image\/jpeg"}],"author":"Jenna Cyprus","twitter_card":"summary_large_image","twitter_creator":"@crazyleaf","twitter_site":"@crazyleaf","twitter_misc":{"Written by":"Jenna Cyprus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#article","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/"},"author":{"name":"Jenna Cyprus","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd"},"headline":"What Makes Great UI? 3 Tips For Web Designers","datePublished":"2017-08-23T17:42:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/"},"wordCount":687,"commentCount":0,"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/","name":"What Makes Great UI? 3 Tips For Web Designers","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg","datePublished":"2017-08-23T17:42:10+00:00","author":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd"},"description":"User Interface (UI) and User Experience (UX) are regularly discussed side-by-side because what a website can do and how a website looks are complementary","breadcrumb":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#primaryimage","url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg","contentUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg","width":1536,"height":1024,"caption":"UI\/UX"},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyleafdesign.com\/blog\/makes-great-ui-3-tips-web-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazyleafdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"What Makes Great UI? 3 Tips For Web Designers"}]},{"@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\/832958ecb98a2c2994d2e9b367d3f4fd","name":"Jenna Cyprus","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g","caption":"Jenna Cyprus"},"sameAs":["http:\/\/JennaCyprus.com"],"url":"https:\/\/www.crazyleafdesign.com\/blog\/author\/jennac\/"}]}},"jetpack_featured_media_url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2017\/08\/pexels-photo-196644-1.jpeg","wps_subtitle":"","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/24856","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\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=24856"}],"version-history":[{"count":1,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/24856\/revisions"}],"predecessor-version":[{"id":24861,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/24856\/revisions\/24861"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media\/24862"}],"wp:attachment":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=24856"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=24856"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=24856"},{"taxonomy":"adace-sponsor","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/adace-sponsor?post=24856"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}