{"id":1828,"date":"2022-04-01T14:51:52","date_gmt":"2022-04-01T14:51:52","guid":{"rendered":"https:\/\/www.smartystudio.co.uk\/blog\/?p=1828"},"modified":"2022-04-01T14:51:55","modified_gmt":"2022-04-01T14:51:55","slug":"ui-designing-best-practices","status":"publish","type":"post","link":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/","title":{"rendered":"UI Designing Best Practices"},"content":{"rendered":"\n<p>User Interface (UI) Design concentrates on predicting what purchasers may require to do and guaranteeing that the interface has features that are straightforward to enter, comprehend, and utilise to promote those actions. UI brings jointly visions from&nbsp;<strong><a href=\"https:\/\/www.usability.gov\/what-and-why\/interaction-design.html\">interaction design<\/a><\/strong>,&nbsp;<strong><a href=\"https:\/\/www.usability.gov\/what-and-why\/visual-design.html\">visual design<\/a><\/strong>, and&nbsp;<strong><a href=\"https:\/\/www.usability.gov\/what-and-why\/information-architecture.html\">information architecture<\/a><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Selecting Interface Elements<\/h2>\n\n\n\n<p>Purchasers have become acquainted with&nbsp;<strong><a href=\"https:\/\/www.usability.gov\/how-to-and-tools\/methods\/user-interface-elements.html\">interface elements<\/a><\/strong>&nbsp;acting in a particular way, so try to be constant and certain in your preferences and their layout. Doing so will help with task fulfilment, ability, and happiness.<\/p>\n\n\n\n<p>Interface elements include but are not restricted to:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Infusion Controls:<\/strong> buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date field<\/li><li><strong>Navigational Elements:<\/strong> breadcrumb, slider, search field, pagination, slider, tags, icons<\/li><li><strong>Informational Elements:<\/strong> tooltips, icons, progress bar, notifications, message boxes, modal windows<\/li><li><strong>Receptacles:<\/strong> accordion<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"670\" height=\"340\" src=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/user-interface-1655006__340.webp\" alt=\"interface elements\" class=\"wp-image-1835\" srcset=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/user-interface-1655006__340.webp 670w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/user-interface-1655006__340-300x152.webp 300w\" sizes=\"auto, (max-width: 670px) 100vw, 670px\" \/><\/figure>\n\n\n\n<p>There are moments when numerous aspects may be suitable for portraying content.&nbsp; When this occurs, it\u2019s necessary to evaluate the trade-offs.&nbsp; For instance, sometimes aspects that can help save you space, but more of a limitation on the purchaser mentally by pushing them to assume what is within the dropdown or what the segment may be.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Best Practices for Creating an Interface<\/h2>\n\n\n\n<p>Everything originates from knowing your users, including comprehending their objectives, aptitudes, preferences, and preferences.&nbsp; Once you know about your purchaser, make sure to regard the following when creating your interface:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Keep the interface straightforward.&nbsp;<\/strong>The best interfaces are almost imperceptible to the purchaser. They bypass excessive components and are evident in the language they use on tags and in messaging.<\/li><li><strong>Create viscosity and utilise familiar UI features.<\/strong>&nbsp;By utilising standard features in your UI, purchasers feel more relaxed and are capable to get things accomplished faster.&nbsp; It is also essential to form practices in language, layout and design throughout the site to help promote ability. Once a purchaser understands how to do something, they should be capable to transmit that skill to other territories of the site.&nbsp;<\/li><li><strong>Be intentional in page format.&nbsp;<\/strong>&nbsp;Regarding the dimensional relationships between objects on the page and the structure the page established on preference. A detailed sequence of items can help attract attention to the most essential pieces of information and can assist in browsing and readability.<\/li><li><strong>Importantly utilise colour<\/strong> <strong>and texture<\/strong>.&nbsp;You can handle attention toward or divert attention away from entities using colour, light, contrast, and texture to your benefit.<\/li><li><strong>Use composition to construct ranking and translucency.<\/strong>&nbsp;Carefully evaluate how you utilise the typeface. Diverse sizes, fonts, and arrangements of the text to help enhance scanability, accuracy and readability.<\/li><li><strong>Make sure that the strategy expresses what\u2019s occurring.<\/strong>&nbsp;&nbsp;Always notify your purchasers of the zone, activities, differences in the state, or mistakes. The usage of diverse UI components to express rate and, if required, the next stages can ease frustration for your purchaser.&nbsp;<\/li><li><strong>Think about the insolvencies.<\/strong>&nbsp;By carefully considering and predicting the plans people bring to your site, you can form insolvencies that ease the limitation on the purchaser.&nbsp; This becomes especially essential when it comes to creating a system where you may have the opportunity to have some areas pre-chosen or sufficed out.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"340\" src=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/ux-787980__340.webp\" alt=\"interface design\" class=\"wp-image-1836\" srcset=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/ux-787980__340.webp 511w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/ux-787980__340-300x200.webp 300w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/ux-787980__340-390x260.webp 390w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/ux-787980__340-285x190.webp 285w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Standard UI Design Errors<\/h2>\n\n\n\n<p>The top five most standard UI design mistakes are:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>UI designers have evolved into becoming rule-smitten.<\/li><li>The grid is limiting the inventive method of UI designers.<\/li><li>UI design has been normalised with designs.<\/li><li>Typefaces are terribly misconstrued.<\/li><li>The disparity is not a strategy cure-all.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"common-mistake-1-ui-designers-have-become-rule-obsessed\">UI Designers Have Evolved Into Becoming Rule-Smitten<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"416\" height=\"416\" src=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/istockphoto-1314922314-170667a.jpg\" alt=\"UI design\" class=\"wp-image-1838\" srcset=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/istockphoto-1314922314-170667a.jpg 416w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/istockphoto-1314922314-170667a-300x300.jpg 300w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/istockphoto-1314922314-170667a-150x150.jpg 150w\" sizes=\"auto, (max-width: 416px) 100vw, 416px\" \/><\/figure>\n\n\n\n<p>The world of graphic design has always obeyed sets of regulations and measures. Within design professions, ordinary mistakes overlap with a typical rule that has been violated. From this standpoint, design traditions seem to be responsible principles.<\/p>\n\n\n\n<p>However, in every design profession (including app designers in the UK) , new tendencies and innovative creations have happened from intentionally violating regulations. This is feasible because the technique is dependent and needs designer preference. Design is not a function with finite solutions. Thus, design practices should be regarded as procedures rather than cold, hard facts. The professional designer knows and appreciates the rule book just adequately to be capable to break out of the box.<\/p>\n\n\n\n<p>The way design is read online often circles around lists of dos and don\u2019ts.&nbsp;Unfortunately, design requires a much more powerful understanding of guides and preferences. The path to good design does not run through frequent compliance to checklists.<\/p>\n\n\n\n<p>Interestingly, if designers stop disobeying rules, then no innovative breakthroughs can be made. If UI designers only acquire the capability to follow guidelines rather than filing their judgment-making capabilities, they may quickly become outside. How else will we argue that our work adds more significant importance than off-the-shelf templates?<\/p>\n\n\n\n<p><strong>Be Cautious Of &#8220;Top 10&#8221; Design Rules<\/strong><\/p>\n\n\n\n<p>The problem with design rules in today\u2019s world of UI design is their quantity. If designers need to solve problems, they can simply look to the existing UI community and their set of answers. However, the abundance of these principles and practices undermines their integrity.<\/p>\n\n\n\n<p>A Google search for \u201cTop UI Design Mistakes\u201d generates a half million results. What are the chances that most, if any, of these authors agree with one another? What is the probability that each design tip presented exactly overlaps with the design situations of a reader?<\/p>\n\n\n\n<p>Usually, online educational reports examine critical situations rather than the guiding design regulations behind a problem. The result is that new\u00a0designers<strong>\u00a0<\/strong>never understand why a design works the way it does. Rather, they become conditional on what has come before. Isn\u2019t it a situation in that so few of these reports inspire design investigation or\u00a0<a href=\"http:\/\/lust.nl\/mobile.php#projects-3465\">play<\/a>?<\/p>\n\n\n\n<p>Designers should draw on a toolkit of teaching regulations rather than a book of prearranged rules and design templates. \u201cPress x for parallax scrolling and y for carousels. Before deciding, refer to the most recent blog post on which seafaring tool is trending.\u201d B-o-r-i-n-g-!<\/p>\n\n\n\n<p><strong>Tips and &#8220;Top 10&#8221; Lists Follow Certain Movements<\/strong><\/p>\n\n\n\n<p>Crazes are like junk food for designers. Observing them delivers cheap answers that offer some initial payback but little significance over the long haul. Trend-following designers date themselves fast. The bonus for following somebody else\u2019s design path? A gnawing sense of experienced void.<\/p>\n\n\n\n<p>It\u2019s true that operating to invent your own styles and methods is hard work, but it\u2019s definitely worth the exertion. The daily improvements and breakthroughs are all your own. There\u2019s something about copying that never appears to feed the designer\u2019s core.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"common-mistake-2-the-grid-is-restricting-the-creative-process-of-ui-designers\">The Grid Is Limiting the Inventive Methods of UI Designers<\/h3>\n\n\n\n<p>It\u2019s unthinkable for a UI designer to work without a grid. Web and mobile interfaces are essentially established on pixel-by-pixel association.  There\u2019s no way around it.<\/p>\n\n\n\n<p>Nevertheless, this doesn&#8217;t mean that UI designers should only desire grid-basic impressions. Correspondingly, there\u2019s no justification for all design-related conclusions to be founded on a grid.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"475\" height=\"364\" src=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1221521522-170667a.jpg\" alt=\"The grid\" class=\"wp-image-1844\" srcset=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1221521522-170667a.jpg 475w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1221521522-170667a-300x230.jpg 300w\" sizes=\"auto, (max-width: 475px) 100vw, 475px\" \/><\/figure>\n\n\n\n<p><strong>Dodge Using the Grid as a Trendy Implement<\/strong><\/p>\n\n\n\n<p>Typically, designing in reaction to trends impacts poor design (especially for app designers in the UK) . At most useful, trends lead to sufficient results, but the general consequence is almost sure to be underwhelming. To be trendy is to be normal.  Thus, when employing a grid in a design, comprehend what the grid has to offer as a mechanism and what it might signify. Grids typically define objectivity as everything within the limitations of a grid that appears identical.<\/p>\n\n\n\n<p>Grids also qualify for an equitable seagoing adventure. Purchasers can leap from item to item without any interference from the designer\u2019s curatorial hand. With other nautical structures, the designer might be able to group scope and establish selected successions more deliberately.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"common-mistake-3-ui-design-has-been-standardized-with-patterns\">UI Design Has Been Normalised with Designs<\/h2>\n\n\n\n<p>The concept of normalized design essences foreshadows UI design. Architectural details have been recited and devoted to similar design cases for centuries. This approach makes sense for parts of a building that people rarely sense.  Nevertheless, once architects normalised standard features like furniture measurements and handrail sizes, people began to voice disinterest in the beige physical circumstances that resulted.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"418\" height=\"412\" src=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1368435881-170667a.jpg\" alt=\"UI design pattern\" class=\"wp-image-1845\" srcset=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1368435881-170667a.jpg 418w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1368435881-170667a-300x296.jpg 300w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/figure>\n\n\n\n<p>Not only this but normalised measurements were proven to be futile. Based on statistical standards, they often forgot to serve large elements of the population. Repeatable elements have their place, but they should not be utilised casually.<\/p>\n\n\n\n<p><strong>Designers Shouldn&#8217;t Utilise Designs as Creations<\/strong><\/p>\n\n\n\n<p>Many UI designers regard designs as something more noticeable than a simple time-saving implement. They see them as off-the-shelf resolutions to complex design issues. Designs are planned to normalise frequent tasks and relics in order to make the designer\u2019s job more straightforward. Acutely, particular practices like carousels, pagination, and F-patterns have become the fundamental layout of many of our interfaces.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"common-mistake-4-typefaces-are-tragically-misunderstood\">Typefaces Are Terribly Misconstrued<\/h2>\n\n\n\n<p>Many \u201cQuick Tips\u201d configuration lists propose hard and fast regimes for fonts. Each rule is called faithfully, \u201cOne font family only!&nbsp;Monospaced&nbsp;fonts are dead! Dodge thin fonts at all costs!\u201d This is nothing more than burning air.<\/p>\n\n\n\n<p>The only honest limitations on type, text, and fonts centre on implementing legibility and getting suitable meaning. As long as the text is readable, there might be possibilities to utilise a variety of typefaces. The\u00a0UI designer\u00a0must take on the duty of knowing the history, employs, and design choices for each font enforced in an interface.<\/p>\n\n\n\n<p><strong>Typeface Clarity Dominates Supreme<\/strong><\/p>\n\n\n\n<p>Typefaces share meaning and impact clarity. With all of the controversy encompassing rules for clarity on devices, designers are overlooking that\u00a0type is designed\u00a0to invest in a body of text with a creative affection. Clarity is required, this isn\u2019t to be denied, but it really should be an evident goal.  The crucial thing to remember is that fonts are not just created for different backgrounds of clarity. They&#8217;re also important for communicating meaning and giving bodies of text subtle dispositions.<\/p>\n\n\n\n<p><strong>Bypassing Thin Fonts at all Costs is Foolish<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"509\" height=\"339\" src=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1125497895-170667a.jpg\" alt=\"UI design font\" class=\"wp-image-1846\" srcset=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1125497895-170667a.jpg 509w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1125497895-170667a-300x200.jpg 300w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1125497895-170667a-390x260.jpg 390w, https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/04\/istockphoto-1125497895-170667a-285x190.jpg 285w\" sizes=\"auto, (max-width: 509px) 100vw, 509px\" \/><\/figure>\n\n\n\n<p>Now that the direction has come reached, a standard structure objection supports bypassing thin fonts entirely. <\/p>\n\n\n\n<p>Some designers are persuaded that thin fonts are unattainable to read or inconsistent between appliances. Honest moments. Nevertheless, this denotes a state in the present meeting of UI design where typefaces are only apprehended as a specialised choice linking to clarity. If clarity is the only design situation, why not dismiss thin fonts completely?<\/p>\n\n\n\n<p>A more comprehensive method forms with familiarity with why a thin font may be profitable, and within what backgrounds. Bold, thick text is frankly much more challenging to read at distance than thinner text. However, as bold fonts carry more visible weight, they\u2019re more suitable for headings or ranges with little text.<\/p>\n\n\n\n<p>Thin fonts often operate serifs, making them appropriate for body text. How so? Serif characters flow together when viewed in rapid sequence, making them more relaxed for long periods of reading.  Further, thin fonts are often selected because they obtain dignity. If a\u00a0designer\u00a0is employed to form an interface for a client whose declaration is visible refinement, it would be demanding to find a soberer typeface to do the assignment.  This is something to think about when it comes web and mobile app development. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"common-mistake-5-contrast-is-not-a-design-cure-all\">The Disparity Is Not a Strategy Cure-all<\/h2>\n\n\n\n<p>A standard thread that appears on many \u201cTop Mistakes\u201d lists facilitates UI designers to bypass low-contrast interfaces. It\u2019s true that there are many examples in which low-contrast designs are undecipherable and impractical. Nevertheless, my worry, equivalent to my topics on thin fonts, is that the usage of fundamental language leads to comparable, high-contrast design civilisation.<\/p>\n\n\n\n<p><strong>Defaulting to High Disparity is Irresponsible<\/strong><\/p>\n\n\n\n<p>High disparity visuals are clearly compelling and stimulating. However, there are multiple states within the human dynamic range worth transferring. To be visibly stimulating might also be visibly safe (think about web and mobile app development for your design).<\/p>\n\n\n\n<p>Take, for example, the entire enterprise of a contemporary\u00a0<a href=\"http:\/\/screenrobot.com\/samurai-jack-movie-modern-sci-fi-needs\/\">sci-fi<\/a>\u00a0film. It appears as though every production has resorted to black and neon blue visuals as a way of deceiving onlookers into excitement. Would it not be more adequate to incorporate chronologies with both high and low disparity visions that encourage a wider scope of dynamic reactions?<\/p>\n\n\n\n<p>Functionally, if every element in an interface is in high contrast to another, then nothing stands out. This defeats the potential value of contrast as a hierarchical tool. Considering different design moves as tools, rather than rules, is essential to avoiding the stagnant, trendy design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>At best, design rules are principles. They supply judgment-making protection and warn creators of the risks of reckless intentions.  Contrarily, design rules are not regulations. They are not indestructible, and they are definitely not worthy of our unanimous surrender. In fact, design rules, when pursued carelessly, can evolve into severe crutches that cut our capacity to solve issues creatively.<\/p>\n\n\n\n<p>Designers are not scientists. We aren&#8217;t secure to supply practical proof for every creative judgment we complete. It\u2019s true that our work is one of strategy and intentional judgments, but there is room for intuition and creativity. In fact, our capacity to help our customers stand out in a chaotic world of modern content relies on our readiness to visualise new opportunities.  We must test. We must recreate.<\/p>\n\n\n\n<p>Design rules exist to be leveraged for visible benefit. They may be bent, even damaged, but they are never to be blindly observed.  <strong><a href=\"https:\/\/www.smartystudio.co.uk\/\">Smarty Studio<\/a><\/strong> can give you the guidance that you&#8217;ll need for future design development. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>User Interface (UI) Design concentrates on predicting what purchasers may require to do and guaranteeing that the interface has features that are straightforward to enter, comprehend, and utilise to promote those actions. UI brings jointly visions from&nbsp;interaction design,&nbsp;visual design, and&nbsp;information architecture. Selecting Interface Elements Purchasers have become acquainted with&nbsp;interface elements&nbsp;acting in a particular way, so [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":1830,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1828","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UI Designing Best Practices - Smarty Studio Blog<\/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:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI Designing Best Practices - Smarty Studio Blog\" \/>\n<meta property=\"og:description\" content=\"User Interface (UI) Design concentrates on predicting what purchasers may require to do and guaranteeing that the interface has features that are straightforward to enter, comprehend, and utilise to promote those actions. UI brings jointly visions from&nbsp;interaction design,&nbsp;visual design, and&nbsp;information architecture. Selecting Interface Elements Purchasers have become acquainted with&nbsp;interface elements&nbsp;acting in a particular way, so [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/\" \/>\n<meta property=\"og:site_name\" content=\"Smarty Studio Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-01T14:51:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-01T14:51:55+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/login-3938432__340.webp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alanya Harris\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/#website\",\"url\":\"https:\/\/www.smartystudio.co.uk\/blog\/\",\"name\":\"Smarty Studio Blog\",\"description\":\"Smarty Studio | Web development | App development | White Label CRM | Cafe Online | Smarty Booking | Web development solutions in UK\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.smartystudio.co.uk\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/login-3938432__340.webp\",\"contentUrl\":\"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/login-3938432__340.webp\",\"width\":473,\"height\":340},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#webpage\",\"url\":\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/\",\"name\":\"UI Designing Best Practices - Smarty Studio Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#primaryimage\"},\"datePublished\":\"2022-04-01T14:51:52+00:00\",\"dateModified\":\"2022-04-01T14:51:55+00:00\",\"author\":{\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/#\/schema\/person\/ea0f6b8b90e4d6ed4db0377c7ed9d7ab\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"UI Designing Best Practices\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/#\/schema\/person\/ea0f6b8b90e4d6ed4db0377c7ed9d7ab\",\"name\":\"Alanya Harris\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.smartystudio.co.uk\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/49d0e89915f3e2f6bcfe78fa2ca0e7c7e7a5c6288f761a3c07501d8c83f0b712?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/49d0e89915f3e2f6bcfe78fa2ca0e7c7e7a5c6288f761a3c07501d8c83f0b712?s=96&d=mm&r=g\",\"caption\":\"Alanya Harris\"},\"url\":\"https:\/\/www.smartystudio.co.uk\/blog\/author\/alanyah\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UI Designing Best Practices - Smarty Studio Blog","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.smartystudio.co.uk\/blog\/ui-designing-best-practices\/","og_locale":"en_US","og_type":"article","og_title":"UI Designing Best Practices - Smarty Studio Blog","og_description":"User Interface (UI) Design concentrates on predicting what purchasers may require to do and guaranteeing that the interface has features that are straightforward to enter, comprehend, and utilise to promote those actions. UI brings jointly visions from&nbsp;interaction design,&nbsp;visual design, and&nbsp;information architecture. Selecting Interface Elements Purchasers have become acquainted with&nbsp;interface elements&nbsp;acting in a particular way, so [&hellip;]","og_url":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/","og_site_name":"Smarty Studio Blog","article_published_time":"2022-04-01T14:51:52+00:00","article_modified_time":"2022-04-01T14:51:55+00:00","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/login-3938432__340.webp","twitter_misc":{"Written by":"Alanya Harris","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.smartystudio.co.uk\/blog\/#website","url":"https:\/\/www.smartystudio.co.uk\/blog\/","name":"Smarty Studio Blog","description":"Smarty Studio | Web development | App development | White Label CRM | Cafe Online | Smarty Booking | Web development solutions in UK","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smartystudio.co.uk\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#primaryimage","inLanguage":"en-US","url":"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/login-3938432__340.webp","contentUrl":"https:\/\/www.smartystudio.co.uk\/blog\/wp-content\/uploads\/2022\/03\/login-3938432__340.webp","width":473,"height":340},{"@type":"WebPage","@id":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#webpage","url":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/","name":"UI Designing Best Practices - Smarty Studio Blog","isPartOf":{"@id":"https:\/\/www.smartystudio.co.uk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#primaryimage"},"datePublished":"2022-04-01T14:51:52+00:00","dateModified":"2022-04-01T14:51:55+00:00","author":{"@id":"https:\/\/www.smartystudio.co.uk\/blog\/#\/schema\/person\/ea0f6b8b90e4d6ed4db0377c7ed9d7ab"},"breadcrumb":{"@id":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.smartystudio.co.uk\/blog\/ui-designing-best-practices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"UI Designing Best Practices"}]},{"@type":"Person","@id":"https:\/\/www.smartystudio.co.uk\/blog\/#\/schema\/person\/ea0f6b8b90e4d6ed4db0377c7ed9d7ab","name":"Alanya Harris","image":{"@type":"ImageObject","@id":"https:\/\/www.smartystudio.co.uk\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/49d0e89915f3e2f6bcfe78fa2ca0e7c7e7a5c6288f761a3c07501d8c83f0b712?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/49d0e89915f3e2f6bcfe78fa2ca0e7c7e7a5c6288f761a3c07501d8c83f0b712?s=96&d=mm&r=g","caption":"Alanya Harris"},"url":"https:\/\/www.smartystudio.co.uk\/blog\/author\/alanyah\/"}]}},"_links":{"self":[{"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=1828"}],"version-history":[{"count":14,"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1828\/revisions"}],"predecessor-version":[{"id":1854,"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/posts\/1828\/revisions\/1854"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/media\/1830"}],"wp:attachment":[{"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=1828"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=1828"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.smartystudio.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=1828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}