{"id":4288,"date":"2024-10-28T14:57:32","date_gmt":"2024-10-28T09:27:32","guid":{"rendered":"https:\/\/blog.smarteworks.com\/?p=4288"},"modified":"2024-11-06T15:12:42","modified_gmt":"2024-11-06T09:42:42","slug":"principles-of-good-ui-design","status":"publish","type":"post","link":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/","title":{"rendered":"Principles of Good UI Design"},"content":{"rendered":"
\n
\"\"<\/figure>\n<\/div>\n\n\n

In today\u2019s digital world, a well-designed user interface (UI) can make or break a product. Think about the last time you used an app or website. If it was easy to navigate and pleasant to look at, chances are you stayed longer or even recommended it to someone. On the flip side, clunky interfaces frustrate users, driving them away. Good UI design is not just about aesthetics, it\u2019s about creating a smooth, intuitive experience that helps users achieve their goals effortlessly.<\/p>\n\n\n\n

This blog dives into the key principles of good UI design that every designer should follow. If you apply these principles thoughtfully, you\u2019ll create interfaces that users love and keep coming back to. Let\u2019s explore them.<\/p>\n\n\n\n

Clarity and Simplicity<\/em><\/mark><\/strong><\/h2>\n\n\n\n

Users shouldn\u2019t have to guess how things work. A good UI makes the purpose of each screen immediately obvious. Clarity and simplicity go hand-in-hand when an interface is simple, it\u2019s easier for users to focus on what really matters. Think about the most successful apps you\u2019ve used. They probably have fewer distractions and a clean layout. That\u2019s not a coincidence.<\/p>\n\n\n\n

For example, when designing a signup form, only ask for the essential information. Avoid cramming too many features or buttons into a single screen, as this creates cognitive overload. Clear labels, readable fonts, and straightforward navigation give users confidence and make interactions smoother. Remember, the simpler it feels, the more usable it becomes.<\/p>\n\n\n\n

Consistency Builds Trust<\/em><\/strong><\/h2>\n\n\n\n

Consistency helps users build mental models of how your product works, so they don’t have to relearn things every time they switch screens. When similar elements (like buttons or menus) look and behave the same across the interface, users feel comfortable. It\u2019s like using a map, you don\u2019t want street signs changing halfway through your journey.<\/p>\n\n\n\n

Following a design system or creating a style guide ensures consistency. This covers everything from fonts and colors to interaction patterns. For example, if your primary buttons are blue on one page, they should be blue everywhere else. Consistency builds trust and makes your product feel more professional and polished.<\/p>\n\n\n\n

Feedback: Keep Users in the Loop<\/em><\/strong><\/h2>\n\n\n\n

Feedback in UI design is essential because it lets users know that their actions have been acknowledged and are having an effect. Imagine clicking a button, and nothing happens. You would likely feel confused and frustrated, unsure if the system is working. Effective feedback eliminates this uncertainty by providing immediate, clear responses<\/strong> to user actions. This can take many forms: a subtle color change when a button is pressed, a loading spinner that appears during processing, or a confirmation message that shows after completing a task. Even small visual cues, like a bounce effect on a button or a hover animation, communicate that the interface is responsive and active.<\/p>\n\n\n\n

Feedback doesn\u2019t just make interactions smoother, it also helps prevent errors<\/strong> and guides users toward successful outcomes. For example, form validation messages that appear in real-time inform users if they\u2019ve entered incorrect information, saving them from frustration later. Progress indicators (like a progress bar or a percentage display) are particularly helpful for actions that take time, such as uploads or payments, reassuring users that the system is working as expected. Without proper feedback, users may feel lost or assume something went wrong, even if the process is functioning correctly. Thoughtful feedback creates a more trustworthy and enjoyable experience<\/strong>, helping users stay engaged and confident throughout their journey.<\/p>\n\n\n\n

Accessibility: Designing for Everyon<\/strong>e<\/em><\/h2>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

Good UI design isn\u2019t just for some people, it\u2019s for everyone. Accessibility means ensuring your product can be used by people with disabilities or different abilities. An accessible design might include features like text alternatives for images, proper color contrast, or the ability to navigate the interface using only a keyboard.<\/p>\n\n\n\n

Designing with accessibility in mind isn\u2019t just the right thing to do, it also broadens your audience. For example, someone using your app in bright sunlight might struggle to see low-contrast text, just like someone with a visual impairment would. Making your product more accessible ensures a better experience for all users.<\/p>\n\n\n\n

Visual Hierarchy: Guide the Eye<\/em><\/strong><\/h2>\n\n\n\n

Users don\u2019t want to hunt around for the important stuff. Visual hierarchy ensures that the most essential elements stand out. This principle uses size, color, and spacing to prioritize information, guiding users\u2019 attention in a natural way. Think of it as giving directions such as highlight the key stops first, then let users explore the smaller details. <\/p>\n\n\n\n

For example, headlines are usually bold and larger to indicate their importance, while secondary information is smaller or grayed out. Similarly, buttons like \u201cBuy Now\u201d or \u201cSign Up\u201d should pop out using bright, contrasting colors. A clear visual hierarchy makes it easy for users to know where to focus and what to do next.<\/p>\n\n\n\n

User Control: Let Users Feel in Charge<\/em><\/strong><\/h2>\n\n\n\n

A good UI should empower users by giving them control over their interactions and the freedom to explore without fear of making mistakes<\/strong>. This sense of control makes users feel confident and reduces frustration. For instance, features like undo options, back navigation, and cancel buttons give users the ability to reverse actions if something goes wrong. When users know they can easily fix a mistake or backtrack, they engage more freely with the product. This is especially important for complex processes like filling out forms or configuring settings, where every click feels like a small decision. Giving users control creates a sense of trust, making them more comfortable using your product.<\/p>\n\n\n\n

Additionally, micro-interactions such as confirming actions (\u201cAre you sure you want to delete this file?\u201d) or saving progress automatically can prevent unintended errors. The goal is to let users experiment with confidence, knowing that they won’t get stuck or face irreversible consequences. Think of applications that allow multiple ways to perform the same action like drag-and-drop functionality alongside traditional menus. By giving users flexibility in how they interact with the product<\/strong>, you foster a sense of ownership over their experience, making the interface feel intuitive and friendly.<\/p>\n\n\n\n

Responsive Design: Adapting to All Screens<\/em><\/strong><\/h2>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

In today\u2019s multi-device world, users access websites and apps from smartphones, tablets, laptops, and desktops. A good UI should offer a consistent experience across all screen sizes<\/strong>. This is where responsive design<\/strong> comes in. It ensures that your product adapts gracefully to different devices, without sacrificing usability or aesthetics.<\/p>\n\n\n\n

Responsive design goes beyond just shrinking or stretching elements. It involves rearranging layouts, resizing images, and adjusting text sizes<\/strong> to ensure a smooth experience. For example, a navigation bar on desktop might become a collapsible menu on mobile to save space. Similarly, touch targets (like buttons) need to be large enough for easy tapping on small screens. By planning for responsiveness early in the design process, you ensure your product works well no matter where or how it\u2019s accessed. A consistent, optimized experience across devices builds user trust and keeps them engaged, whether they\u2019re on the go or at a desk.<\/p>\n\n\n\n

Aesthetic and Minimalist Design<\/em><\/strong><\/h2>\n\n\n\n

Minimalism in UI design isn\u2019t about stripping everything down to the bare minimum, it\u2019s about removing unnecessary elements while keeping what truly matters<\/strong>. Aesthetic design plays a crucial role in creating interfaces that feel polished and professional, but it must also complement functionality. Good minimalist design balances simplicity with visual appeal by using whitespace, clean typography, and a restrained color palette to guide the user’s attention. For example, rather than overwhelming users with too many buttons or visual elements, you can focus on just the key actions and information, ensuring the most important elements stand out.<\/p>\n\n\n\n

However, minimalism doesn\u2019t mean sacrificing personality or engagement. Thoughtful use of color, icons, and animations can enhance the aesthetic experience without adding clutter. Minimalist design ensures the interface feels light and easy to navigate, preventing users from feeling overwhelmed. It also improves performance fewer elements on a screen mean faster loading times and smoother interactions. When aesthetics and minimalism work together, the result is an interface that not only looks great but feels easy to use<\/strong>, leading to higher satisfaction and retention.<\/p>\n\n\n\n

Conclusion<\/em><\/strong><\/h2>\n\n\n\n

At the heart of good UI design is the goal of creating a seamless and enjoyable experience for users. By focusing on clarity, consistency, feedback, and accessibility, you ensure that users can interact with your product effortlessly. Visual hierarchy helps guide their attention, while giving them control and freedom makes the experience more enjoyable. A mobile-first approach ensures that your product performs well on any device, and adopting aesthetic and minimalist design keeps things clean and engaging.<\/p>\n\n\n\n

Great UI design isn\u2019t just about how things look, it\u2019s about how they work and feel. When you follow these principles, you create products that not only meet user expectations but exceed them. At the end of the day, a well-designed interface leaves users with a positive impression and keeps them coming back for more.<\/p>\n","protected":false},"excerpt":{"rendered":"

In today\u2019s digital world, a well-designed user interface (UI) can make or break a product. Think about the last time you used an app or website. If… <\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,733,45],"tags":[73,81,261],"class_list":["post-4288","post","type-post","status-publish","format-standard","hentry","category-newsletters-lk","category-smart-eworks","category-tips-tricks","tag-digital-marketing","tag-email-marketing","tag-marketing"],"yoast_head":"\nPrinciples of Good UI Design - Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principles of Good UI Design - Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content\" \/>\n<meta property=\"og:description\" content=\"In today\u2019s digital world, a well-designed user interface (UI) can make or break a product. Think about the last time you used an app or website. If...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/smarteworks\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-28T09:27:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-06T09:42:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@smarteworks\" \/>\n<meta name=\"twitter:site\" content=\"@smarteworks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hirushi Chamindya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog.smarteworks.com\/#organization\",\"name\":\"Smart eWorks\",\"url\":\"https:\/\/blog.smarteworks.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/smarteworks\",\"https:\/\/www.instagram.com\/smarteworks\/\",\"https:\/\/www.youtube.com\/channel\/UCpLDYgq991JUhZUwW03fvaQ\",\"https:\/\/twitter.com\/smarteworks\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blog.smarteworks.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2021\/06\/cropped-logo.png\",\"contentUrl\":\"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2021\/06\/cropped-logo.png\",\"width\":132,\"height\":75,\"caption\":\"Smart eWorks\"},\"image\":{\"@id\":\"https:\/\/blog.smarteworks.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.smarteworks.com\/#website\",\"url\":\"https:\/\/blog.smarteworks.com\/\",\"name\":\"Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/blog.smarteworks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.smarteworks.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png\",\"contentUrl\":\"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png\",\"width\":666,\"height\":375},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#webpage\",\"url\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/\",\"name\":\"Principles of Good UI Design - Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content\",\"isPartOf\":{\"@id\":\"https:\/\/blog.smarteworks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#primaryimage\"},\"datePublished\":\"2024-10-28T09:27:32+00:00\",\"dateModified\":\"2024-11-06T09:42:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.smarteworks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Principles of Good UI Design\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#webpage\"},\"author\":{\"@id\":\"https:\/\/blog.smarteworks.com\/#\/schema\/person\/d6d8bebfd201e84e4e22da2e18927596\"},\"headline\":\"Principles of Good UI Design\",\"datePublished\":\"2024-10-28T09:27:32+00:00\",\"dateModified\":\"2024-11-06T09:42:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#webpage\"},\"wordCount\":1492,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/blog.smarteworks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png\",\"keywords\":[\"Digital Marketing\",\"Email marketing\",\"marketing\"],\"articleSection\":[\"Newsletters.lk\",\"Smart eworks\",\"Tips & Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.smarteworks.com\/#\/schema\/person\/d6d8bebfd201e84e4e22da2e18927596\",\"name\":\"Hirushi Chamindya\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blog.smarteworks.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/55aed027eb31adc67833b5b821e254719bbcdb456f2fa5e11e9e63e134d0e3f6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/55aed027eb31adc67833b5b821e254719bbcdb456f2fa5e11e9e63e134d0e3f6?s=96&d=mm&r=g\",\"caption\":\"Hirushi Chamindya\"},\"url\":\"https:\/\/blog.smarteworks.com\/index.php\/author\/dev2\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Principles of Good UI Design - Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content","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:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/","og_locale":"en_US","og_type":"article","og_title":"Principles of Good UI Design - Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content","og_description":"In today\u2019s digital world, a well-designed user interface (UI) can make or break a product. Think about the last time you used an app or website. If...","og_url":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/","og_site_name":"Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content","article_publisher":"https:\/\/www.facebook.com\/smarteworks","article_published_time":"2024-10-28T09:27:32+00:00","article_modified_time":"2024-11-06T09:42:42+00:00","og_image":[{"url":"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png"}],"twitter_card":"summary_large_image","twitter_creator":"@smarteworks","twitter_site":"@smarteworks","twitter_misc":{"Written by":"Hirushi Chamindya","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/blog.smarteworks.com\/#organization","name":"Smart eWorks","url":"https:\/\/blog.smarteworks.com\/","sameAs":["https:\/\/www.facebook.com\/smarteworks","https:\/\/www.instagram.com\/smarteworks\/","https:\/\/www.youtube.com\/channel\/UCpLDYgq991JUhZUwW03fvaQ","https:\/\/twitter.com\/smarteworks"],"logo":{"@type":"ImageObject","@id":"https:\/\/blog.smarteworks.com\/#logo","inLanguage":"en-US","url":"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2021\/06\/cropped-logo.png","contentUrl":"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2021\/06\/cropped-logo.png","width":132,"height":75,"caption":"Smart eWorks"},"image":{"@id":"https:\/\/blog.smarteworks.com\/#logo"}},{"@type":"WebSite","@id":"https:\/\/blog.smarteworks.com\/#website","url":"https:\/\/blog.smarteworks.com\/","name":"Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content","description":"","publisher":{"@id":"https:\/\/blog.smarteworks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.smarteworks.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#primaryimage","inLanguage":"en-US","url":"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png","contentUrl":"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png","width":666,"height":375},{"@type":"WebPage","@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#webpage","url":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/","name":"Principles of Good UI Design - Smart eWorks | All in one Digital Marketing, Sales, Agency, and Customer Success Content","isPartOf":{"@id":"https:\/\/blog.smarteworks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#primaryimage"},"datePublished":"2024-10-28T09:27:32+00:00","dateModified":"2024-11-06T09:42:42+00:00","breadcrumb":{"@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.smarteworks.com\/"},{"@type":"ListItem","position":2,"name":"Principles of Good UI Design"}]},{"@type":"Article","@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#article","isPartOf":{"@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#webpage"},"author":{"@id":"https:\/\/blog.smarteworks.com\/#\/schema\/person\/d6d8bebfd201e84e4e22da2e18927596"},"headline":"Principles of Good UI Design","datePublished":"2024-10-28T09:27:32+00:00","dateModified":"2024-11-06T09:42:42+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#webpage"},"wordCount":1492,"commentCount":0,"publisher":{"@id":"https:\/\/blog.smarteworks.com\/#organization"},"image":{"@id":"https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.smarteworks.com\/wp-content\/uploads\/2024\/10\/maxresdefault-removebg-preview.png","keywords":["Digital Marketing","Email marketing","marketing"],"articleSection":["Newsletters.lk","Smart eworks","Tips & Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.smarteworks.com\/index.php\/2024\/10\/28\/principles-of-good-ui-design\/#respond"]}]},{"@type":"Person","@id":"https:\/\/blog.smarteworks.com\/#\/schema\/person\/d6d8bebfd201e84e4e22da2e18927596","name":"Hirushi Chamindya","image":{"@type":"ImageObject","@id":"https:\/\/blog.smarteworks.com\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/55aed027eb31adc67833b5b821e254719bbcdb456f2fa5e11e9e63e134d0e3f6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55aed027eb31adc67833b5b821e254719bbcdb456f2fa5e11e9e63e134d0e3f6?s=96&d=mm&r=g","caption":"Hirushi Chamindya"},"url":"https:\/\/blog.smarteworks.com\/index.php\/author\/dev2\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/posts\/4288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/comments?post=4288"}],"version-history":[{"count":3,"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/posts\/4288\/revisions"}],"predecessor-version":[{"id":4333,"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/posts\/4288\/revisions\/4333"}],"wp:attachment":[{"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/media?parent=4288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/categories?post=4288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.smarteworks.com\/index.php\/wp-json\/wp\/v2\/tags?post=4288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}