{"id":616,"date":"2022-12-21T14:48:55","date_gmt":"2022-12-21T14:48:55","guid":{"rendered":"https:\/\/www.haartyhanks.com\/blog\/?p=616"},"modified":"2025-08-11T09:08:25","modified_gmt":"2025-08-11T09:08:25","slug":"things-you-should-know-before-developing-ui-ux","status":"publish","type":"post","link":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/","title":{"rendered":"Things You Should Know Before Developing UI\/UX"},"content":{"rendered":"<p>When developing and designing a website you need to balance several things. On the one hand, there&#8217;s the user experience. It goes without saying that the user interface must serve its purpose for the user it&#8217;s designed for. However, a highly usable interface is no good if it&#8217;s ugly &#8211; users won\u2019t want to use it. Building a stylish website that works seamlessly involves a combination of both UI and UX design and development skills.<\/p>\n<p>Below are the most important things you should know before designing and developing a <a href=\"https:\/\/www.haartyhanks.com\/blog\/which-is-the-major-benefits-of-telemedicine-app-development\/\">UI\/UX website<\/a>.<\/p>\n<h2>Prioritise UX in your UI design<\/h2>\n<p>UI web design refers to the visual components of a user experience, and it can help make the user&#8217;s journey more intuitive. UX is considered the structure of a website, and UI refers to the visual elements that make the website more pleasing to the eye. This includes icons, colours, buttons, iconography, and all aesthetics on the user interface.<\/p>\n<h2>Use text hierarchy<\/h2>\n<p>Text hierarchy text is a key visual element on a website page. The most important information should have the biggest headlines to grab the viewer\u2019s attention first. By delegating importance to headlines by size (H1, H2, etc), it helps to get the right information across to the reader in the appropriate order.<\/p>\n<h2>Choose the right icons<\/h2>\n<p>Choosing the right icons can be an interesting challenge when designing a UI. Graphic icons need to simply communicate an idea or action or activity clearly. The style and overall use should be consistent throughout the website.<\/p>\n<h2>Choose colours wisely<\/h2>\n<p>Colour performs a very important role in guiding users through a UI. In general, it\u2019s best to choose three colours. Use the base colour (something neutral) for 60% to 80% of the page. The other two colours can be used to draw attention, such as call-to-actions.<\/p>\n<h2>Build branding into your UI design<\/h2>\n<p>You can create a beautiful UI\/UX website, but it also needs to look and feel like what the brand stands for, how that brand wants to be represented, and how the brand wants to communicate with its users.<\/p>\n<p>For assistance, contact Haarty Hanks for <a href=\"https:\/\/www.haartyhanks.com\/blog\/what-5-features-should-you-include-on-your-homepage\/\">Website Design<\/a> and <a href=\"https:\/\/www.haartyhanks.com\/blog\/why-having-a-strong-ecommerce-website-is-a-must-for-being-successful-in-the-digital-world\/\">E-Commerce Website Design<\/a> services. We will build a beautifully branded website that users won\u2019t want to leave! Grow your audience and generate more revenue with a website that ticks all the boxes.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When developing and designing a website you need to balance several things. On the one hand, there&#8217;s the user experience. It goes without saying that the user interface must serve its purpose for the user it&#8217;s designed for. However, a highly usable interface is no good if it&#8217;s ugly &#8211; users won\u2019t want to use &hellip;<\/p>\n","protected":false},"author":1,"featured_media":617,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62],"tags":[212,210,54,211],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Things You Should Know Before Developing UI\/UX - Haarty Hanks<\/title>\n<meta name=\"description\" content=\"Check out this blog for different things you should know before developing UI\/UX. Contact Haarty Hanks for all your digital marketing and website design needs.\" \/>\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.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Things You Should Know Before Developing UI\/UX - Haarty Hanks\" \/>\n<meta property=\"og:description\" content=\"Check out this blog for different things you should know before developing UI\/UX. Contact Haarty Hanks for all your digital marketing and website design needs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Haarty Hanks\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-21T14:48:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T09:08:25+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.haartyhanks.com\/blog\/wp-content\/uploads\/2022\/12\/Things-you-should-know-before-developing-UI-ux.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"282\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Haarty Hanks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Haarty Hanks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/\"},\"author\":{\"name\":\"Haarty Hanks\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/person\/b5b1900103e9bc4a9eaf43d5db3aa933\"},\"headline\":\"Things You Should Know Before Developing UI\/UX\",\"datePublished\":\"2022-12-21T14:48:55+00:00\",\"dateModified\":\"2025-08-11T09:08:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/\"},\"wordCount\":399,\"publisher\":{\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#organization\"},\"keywords\":[\"E-Commerce Website Design\",\"UI\/UX\",\"Web Design\",\"Website Design\"],\"articleSection\":[\"Web Design and Development\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/\",\"url\":\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/\",\"name\":\"Things You Should Know Before Developing UI\/UX - Haarty Hanks\",\"isPartOf\":{\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#website\"},\"datePublished\":\"2022-12-21T14:48:55+00:00\",\"dateModified\":\"2025-08-11T09:08:25+00:00\",\"description\":\"Check out this blog for different things you should know before developing UI\/UX. Contact Haarty Hanks for all your digital marketing and website design needs.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.haartyhanks.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Things You Should Know Before Developing UI\/UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#website\",\"url\":\"https:\/\/www.haartyhanks.com\/blog\/\",\"name\":\"Haarty Hanks\",\"description\":\"Digital Marketing Solutions\",\"publisher\":{\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.haartyhanks.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#organization\",\"name\":\"Haarty Hanks\",\"url\":\"https:\/\/www.haartyhanks.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.haartyhanks.com\/blog\/wp-content\/uploads\/2023\/08\/hhlogo-1.png\",\"contentUrl\":\"https:\/\/www.haartyhanks.com\/blog\/wp-content\/uploads\/2023\/08\/hhlogo-1.png\",\"width\":177,\"height\":125,\"caption\":\"Haarty Hanks\"},\"image\":{\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/person\/b5b1900103e9bc4a9eaf43d5db3aa933\",\"name\":\"Haarty Hanks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7b3e22638558f2a3b062f47550cb9fac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7b3e22638558f2a3b062f47550cb9fac?s=96&d=mm&r=g\",\"caption\":\"Haarty Hanks\"},\"url\":\"https:\/\/www.haartyhanks.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Things You Should Know Before Developing UI\/UX - Haarty Hanks","description":"Check out this blog for different things you should know before developing UI\/UX. Contact Haarty Hanks for all your digital marketing and website design needs.","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.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/","og_locale":"en_GB","og_type":"article","og_title":"Things You Should Know Before Developing UI\/UX - Haarty Hanks","og_description":"Check out this blog for different things you should know before developing UI\/UX. Contact Haarty Hanks for all your digital marketing and website design needs.","og_url":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/","og_site_name":"Haarty Hanks","article_published_time":"2022-12-21T14:48:55+00:00","article_modified_time":"2025-08-11T09:08:25+00:00","og_image":[{"width":500,"height":282,"url":"http:\/\/www.haartyhanks.com\/blog\/wp-content\/uploads\/2022\/12\/Things-you-should-know-before-developing-UI-ux.jpg","type":"image\/jpeg"}],"author":"Haarty Hanks","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Haarty Hanks","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/#article","isPartOf":{"@id":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/"},"author":{"name":"Haarty Hanks","@id":"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/person\/b5b1900103e9bc4a9eaf43d5db3aa933"},"headline":"Things You Should Know Before Developing UI\/UX","datePublished":"2022-12-21T14:48:55+00:00","dateModified":"2025-08-11T09:08:25+00:00","mainEntityOfPage":{"@id":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/"},"wordCount":399,"publisher":{"@id":"https:\/\/www.haartyhanks.com\/blog\/#organization"},"keywords":["E-Commerce Website Design","UI\/UX","Web Design","Website Design"],"articleSection":["Web Design and Development"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/","url":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/","name":"Things You Should Know Before Developing UI\/UX - Haarty Hanks","isPartOf":{"@id":"https:\/\/www.haartyhanks.com\/blog\/#website"},"datePublished":"2022-12-21T14:48:55+00:00","dateModified":"2025-08-11T09:08:25+00:00","description":"Check out this blog for different things you should know before developing UI\/UX. Contact Haarty Hanks for all your digital marketing and website design needs.","breadcrumb":{"@id":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.haartyhanks.com\/blog\/things-you-should-know-before-developing-ui-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.haartyhanks.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Things You Should Know Before Developing UI\/UX"}]},{"@type":"WebSite","@id":"https:\/\/www.haartyhanks.com\/blog\/#website","url":"https:\/\/www.haartyhanks.com\/blog\/","name":"Haarty Hanks","description":"Digital Marketing Solutions","publisher":{"@id":"https:\/\/www.haartyhanks.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.haartyhanks.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.haartyhanks.com\/blog\/#organization","name":"Haarty Hanks","url":"https:\/\/www.haartyhanks.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.haartyhanks.com\/blog\/wp-content\/uploads\/2023\/08\/hhlogo-1.png","contentUrl":"https:\/\/www.haartyhanks.com\/blog\/wp-content\/uploads\/2023\/08\/hhlogo-1.png","width":177,"height":125,"caption":"Haarty Hanks"},"image":{"@id":"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/person\/b5b1900103e9bc4a9eaf43d5db3aa933","name":"Haarty Hanks","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.haartyhanks.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7b3e22638558f2a3b062f47550cb9fac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7b3e22638558f2a3b062f47550cb9fac?s=96&d=mm&r=g","caption":"Haarty Hanks"},"url":"https:\/\/www.haartyhanks.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/posts\/616"}],"collection":[{"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/comments?post=616"}],"version-history":[{"count":4,"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/posts\/616\/revisions"}],"predecessor-version":[{"id":1424,"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/posts\/616\/revisions\/1424"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/media\/617"}],"wp:attachment":[{"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/media?parent=616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/categories?post=616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.haartyhanks.com\/blog\/wp-json\/wp\/v2\/tags?post=616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}