{"id":9271,"date":"2012-11-30T18:09:27","date_gmt":"2012-11-30T12:39:27","guid":{"rendered":"https:\/\/2thenew.today\/blog\/?p=9271"},"modified":"2016-12-19T17:43:45","modified_gmt":"2016-12-19T12:13:45","slug":"4-principles-of-well-designed-web-ui","status":"publish","type":"post","link":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/","title":{"rendered":"4 Principles of well-designed web UI"},"content":{"rendered":"<p>Web Designing is nowadays not only just the way to promote our product &amp; services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share.<\/p>\n<p style='margin-top:10px'>\n<p><strong>Here are few points<\/strong> :<\/p>\n<ol>\n<li><strong>Placements<\/strong> : Placement of content is one of the most important part of designing which makes user attract or ignore your web page.\u00a0 A good design is with heading, subheadings, paragraph, bullets etc. and their proper usage.<\/li>\n<li><strong>Proper Vocabulary<\/strong> : The heading, subheading, forms, menu, links should be named according to users understanding\u00a0 with the most common terms, and should not be named according to user&#8217;s likes and creativity.<\/li>\n<li><strong>Typography and Whitespace<\/strong> : The usage of fonts and whitespace is the most important thing on the webpage, which makes the user comfortable\/uncomfortable with your webpage. Your fonts should have sufficient whitespace according to your design, so that things don&#8217;t become hoch-poch and user simply gets what your website speaks.<\/li>\n<li><strong>Flow<\/strong> : The other most important thing is flow of your page, like how your content is placed. For example &#8211; if you are working with an NGO site, the donate button should be placed on the first half of your page from the top, and should be highlighted.<\/li>\n<\/ol>\n<p>\nThanks.<br \/>\n<a href=\"https:\/\/2thenew.today\/blog\/author\/rajan\/\">Rajan Shergill<\/a><br \/>\n<a href=\"mailto:rajan@intelligrape.com\">rajan@intelligrape.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web Designing is nowadays not only just the way to promote our product &amp; services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few [&hellip;]<\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":8,"footnotes":""},"categories":[7],"tags":[4842,379,1117],"class_list":["post-9271","post","type-post","status-publish","format-standard","hentry","category-grails","tag-html","tag-ui","tag-web-designing"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Web Designing is nowadays not only just the way to promote our product &amp; services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Rajan Shergill\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"4 Principles of well-designed web UI | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Web Designing is nowadays not only just the way to promote our product &amp; services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"4 Principles of well-designed web UI | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Web Designing is nowadays not only just the way to promote our product &amp; services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#article\",\"name\":\"4 Principles of well-designed web UI | TO THE NEW Blog\",\"headline\":\"4 Principles of well-designed web UI\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/rajan\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"datePublished\":\"2012-11-30T18:09:27+05:30\",\"dateModified\":\"2016-12-19T17:43:45+05:30\",\"inLanguage\":\"en-US\",\"commentCount\":4,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#webpage\"},\"articleSection\":\"Grails, HTML\\\/UI\\\/CSS, UI, Web designing\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/grails\\\/#listItem\",\"name\":\"Grails\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/grails\\\/#listItem\",\"position\":2,\"name\":\"Grails\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/grails\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#listItem\",\"name\":\"4 Principles of well-designed web UI\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#listItem\",\"position\":3,\"name\":\"4 Principles of well-designed web UI\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/grails\\\/#listItem\",\"name\":\"Grails\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/rajan\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/rajan\\\/\",\"name\":\"Rajan Shergill\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/eb5d445c6d373510aede382494d12659d23728d95f26b7cef5d075dc66529ded?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Rajan Shergill\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/\",\"name\":\"4 Principles of well-designed web UI | TO THE NEW Blog\",\"description\":\"Web Designing is nowadays not only just the way to promote our product & services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/4-principles-of-well-designed-web-ui\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/rajan\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/rajan\\\/#author\"},\"datePublished\":\"2012-11-30T18:09:27+05:30\",\"dateModified\":\"2016-12-19T17:43:45+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"4 Principles of well-designed web UI | TO THE NEW Blog","description":"Web Designing is nowadays not only just the way to promote our product & services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few","canonical_url":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#article","name":"4 Principles of well-designed web UI | TO THE NEW Blog","headline":"4 Principles of well-designed web UI","author":{"@id":"https:\/\/2thenew.today\/blog\/author\/rajan\/#author"},"publisher":{"@id":"https:\/\/2thenew.today\/blog\/#organization"},"datePublished":"2012-11-30T18:09:27+05:30","dateModified":"2016-12-19T17:43:45+05:30","inLanguage":"en-US","commentCount":4,"mainEntityOfPage":{"@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#webpage"},"isPartOf":{"@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#webpage"},"articleSection":"Grails, HTML\/UI\/CSS, UI, Web designing"},{"@type":"BreadcrumbList","@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog#listItem","position":1,"name":"Home","item":"https:\/\/2thenew.today\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/category\/grails\/#listItem","name":"Grails"}},{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/category\/grails\/#listItem","position":2,"name":"Grails","item":"https:\/\/2thenew.today\/blog\/category\/grails\/","nextItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#listItem","name":"4 Principles of well-designed web UI"},"previousItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#listItem","position":3,"name":"4 Principles of well-designed web UI","previousItem":{"@type":"ListItem","@id":"https:\/\/2thenew.today\/blog\/category\/grails\/#listItem","name":"Grails"}}]},{"@type":"Organization","@id":"https:\/\/2thenew.today\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/2thenew.today\/blog\/"},{"@type":"Person","@id":"https:\/\/2thenew.today\/blog\/author\/rajan\/#author","url":"https:\/\/2thenew.today\/blog\/author\/rajan\/","name":"Rajan Shergill","image":{"@type":"ImageObject","@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/eb5d445c6d373510aede382494d12659d23728d95f26b7cef5d075dc66529ded?s=96&d=mm&r=g","width":96,"height":96,"caption":"Rajan Shergill"}},{"@type":"WebPage","@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#webpage","url":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/","name":"4 Principles of well-designed web UI | TO THE NEW Blog","description":"Web Designing is nowadays not only just the way to promote our product & services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/2thenew.today\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/#breadcrumblist"},"author":{"@id":"https:\/\/2thenew.today\/blog\/author\/rajan\/#author"},"creator":{"@id":"https:\/\/2thenew.today\/blog\/author\/rajan\/#author"},"datePublished":"2012-11-30T18:09:27+05:30","dateModified":"2016-12-19T17:43:45+05:30"},{"@type":"WebSite","@id":"https:\/\/2thenew.today\/blog\/#website","url":"https:\/\/2thenew.today\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/2thenew.today\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"4 Principles of well-designed web UI | TO THE NEW Blog","og:description":"Web Designing is nowadays not only just the way to promote our product &amp; services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few","og:url":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/","og:image":"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"4 Principles of well-designed web UI | TO THE NEW Blog","twitter:description":"Web Designing is nowadays not only just the way to promote our product &amp; services, but is designed and coded to make the website user friendly. It guides user to learn and enjoy what they are doing which makes user to visit your website regularly and explore what you have to share. Here are few","twitter:image":"https:\/\/2thenew.today\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"9271","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2021-04-30 08:08:02","updated":"2024-02-29 10:53:23","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/2thenew.today\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/2thenew.today\/blog\/category\/grails\/\" title=\"Grails\">Grails<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t4 Principles of well-designed web UI\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/2thenew.today\/blog"},{"label":"Grails","link":"https:\/\/2thenew.today\/blog\/category\/grails\/"},{"label":"4 Principles of well-designed web UI","link":"https:\/\/2thenew.today\/blog\/4-principles-of-well-designed-web-ui\/"}],"_links":{"self":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/posts\/9271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/comments?post=9271"}],"version-history":[{"count":0,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/posts\/9271\/revisions"}],"wp:attachment":[{"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/media?parent=9271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/categories?post=9271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2thenew.today\/blog\/wp-json\/wp\/v2\/tags?post=9271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}