{"id":10824,"date":"2022-04-01T09:00:44","date_gmt":"2022-04-01T15:00:44","guid":{"rendered":"https:\/\/www.webii.net\/blog\/?p=10824"},"modified":"2022-03-10T16:31:42","modified_gmt":"2022-03-10T22:31:42","slug":"ui-design-mistakes","status":"publish","type":"post","link":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/","title":{"rendered":"7 UI Design Mistakes You Should Avoid"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Your website needs to be attractive to your visitors. Otherwise, they are likely to bounce. This means being aware of what user interface (UI) design they would like to see. UI design is the graphical elements that make up a website or application. These elements should promote ease of use in a stylistic way. Your graphic designer will have to consider every visual element, animation, and interaction in order to ensure a positive user experience (UX). Learn how to make your site look gorgeous by working with the <\/span><a href=\"https:\/\/www.webii.net\/website-services\/web-design\/\"><span style=\"font-weight: 400;\">best web designers in Texas<\/span><\/a><span style=\"font-weight: 400;\"> to keep these seven common <\/span><span style=\"font-weight: 400;\">UI design mistakes<\/span><span style=\"font-weight: 400;\"> at bay.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Unresponsive Design<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It\u2019s important to test that you have a website design that is responsive across all devices. This means that, no matter what size the screen is, it looks clean and is easy to use. Not everyone is accessing your site through a desktop. <\/span><a href=\"https:\/\/www.oberlo.com\/blog\/mobile-usage-statistics\"><span style=\"font-weight: 400;\">Oberlo<\/span><\/a><span style=\"font-weight: 400;\"> found that, as of 2021, mobile web traffic makes up 54.8% of global web traffic. This means that there has been a 75.9% increase since 2015, and the number only continues to rise. You can\u2019t risk a UI design that is incompatible with so many users. In fact, it\u2019s more cost-effective and efficient to create a responsive design than a separated one.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Inconsistent Style<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Although experimenting with design is fun, minimalist styles are the way to go to combat other <\/span><span style=\"font-weight: 400;\">UI design mistakes<\/span><span style=\"font-weight: 400;\">. As they say, less is more. Web designers must create the most usable site possible, and minimalist principles can help them make it more effective with fewer elements. This is the easiest way to keep your website looking consistent and not overloaded. Everything should be formatted in a uniform way. Use the same fonts and color palette across each web page, in your header and footer, titles, paragraphs, graphics, and charts and graphs. <\/span><a href=\"https:\/\/www.webii.net\/blog\/2021\/11\/accessible-mobile-design-is-good-design-for-everyone\/\"><span style=\"font-weight: 400;\">Universal, accessible design<\/span><\/a><span style=\"font-weight: 400;\"> benefits your UX because it improves the learnability of your site.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Low-Quality Images<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Nobody likes distorted photos. This <\/span><span style=\"font-weight: 400;\">UI design mistake<\/span><span style=\"font-weight: 400;\"> makes it seem like you don\u2019t care enough about your website to bother with image resizing. Or else it means that your equipment isn\u2019t professional enough. It could then translate into how people think you run your business at large. Ultimately, it doesn\u2019t matter if you have great copy if the rest of the web page looks rough. Our brains process visuals <\/span><a href=\"https:\/\/www.treefrog.ca\/why-professional-imagery-is-important-for-your-website\/\"><span style=\"font-weight: 400;\">60,000 times faster<\/span><\/a><span style=\"font-weight: 400;\"> than text, so it is imperative that you connect with users in both ways. For organizations on a budget, beautiful royalty-free images. On the other hand, if you have some extra money to spend, invest in a local photographer.<\/span><\/p>\n<div id=\"attachment_10828\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-10828\" class=\"wp-image-10828 size-full lazyload\" data-src=\"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-2.jpg\" alt=\"UI Design Image 2\" width=\"640\" height=\"426\" data-srcset=\"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-2.jpg 640w, https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-2-300x200.jpg 300w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/426;\" \/><p id=\"caption-attachment-10828\" class=\"wp-caption-text\"><em>Photo by Shutterbug75 on Pixabay<\/em><\/p><\/div>\n<h2><span style=\"font-weight: 400;\">No Text Hierarchy<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Organization is key to providing a good UX. Your web designer needs to take this into account across every page with regard to character spacing, sizing, and color. There should be enough visual contrast between information blocks. Web designers must be mindful of the H1, H2, and paragraph tags. That is to say, the main point on your web page, such as the title of a blog post, should not be in a paragraph. Instead, it should be the biggest text to showcase its importance. Not only does having properly formatted text help out your users with finding information, but it helps your <\/span><a href=\"https:\/\/www.treefrog.ca\/why-professional-imagery-is-important-for-your-website\/\"><span style=\"font-weight: 400;\">SEO<\/span><\/a><span style=\"font-weight: 400;\"> and, therefore, your ranking.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Exhausting Forms<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Connect with your audience without frustrating them by asking for too much. Some ideas for forms include your Contact Us page, customer satisfaction surveys, and check-out pages. Understand that your forms don\u2019t need to cover every single base. Get the information you need about your users and get out. You can always gain more insight later on down the line, so, for the time being, break up forms into logical sections to fulfill what you need right now. If your forms are not constructed well, the <\/span><span style=\"font-weight: 400;\">UI design mistakes<\/span><span style=\"font-weight: 400;\"> they create lead to UX mistakes. Remember to provide visual, actionable feedback as consumers are completing them.<\/span><\/p>\n<div id=\"attachment_10829\" style=\"width: 650px\" class=\"wp-caption alignnone\"><img decoding=\"async\" aria-describedby=\"caption-attachment-10829\" class=\"wp-image-10829 size-full lazyload\" data-src=\"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-3.jpg\" alt=\"UI Design Image 3\" width=\"640\" height=\"427\" data-srcset=\"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-3.jpg 640w, https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-3-300x200.jpg 300w\" data-sizes=\"(max-width: 640px) 100vw, 640px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/427;\" \/><p id=\"caption-attachment-10829\" class=\"wp-caption-text\"><em>Photo by Harpal Singh on Unsplash<\/em><\/p><\/div>\n<h2><span style=\"font-weight: 400;\">Poor Iconography<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Much like with your images, your icons should be high-resolution. To ensure they will appear correctly across device sizes, use Scalable Vector Graphics (SVG). Also, much like with your text, your icons need to be consistent. Make them either filled or outlined. These factors are especially necessary if your site is utilizing icons as buttons, rather than just decorative elements. Which, quite frankly, should be the case. <\/span><a href=\"https:\/\/www.webii.net\/e-commerce\/\"><span style=\"font-weight: 400;\">E-commerce<\/span><\/a><span style=\"font-weight: 400;\"> shops can use a shopping cart or bag icon instead of writing out that this is where your products are being stored. Social media icons are also commonly used because they are such distinguishable logos. Your iconography needs to be easily recognizable.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Too Many Pop-Ups<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Don\u2019t throw intrusive pop-ups all over your website. If you wouldn\u2019t want to have to keep clicking out of them, neither will your customers. And, for that matter, neither will Google. While that isn\u2019t to say not to use them, they should be limited so that it\u2019s easy to navigate between pages. Because UI design is focused on the look and function of an element, your site needs to provide visuals that add value to those interacting with it. The call-to-action pop-ups that you do end up using should be responsive and fall in line with the rest of your design.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Don\u2019t get bogged down by <\/span><span style=\"font-weight: 400;\">UI design mistakes<\/span><span style=\"font-weight: 400;\">. Make your website look professional and attractive with the Austin web designers at WEBii. With 26 years of design work under our belt, we have seen it all. <\/span><a href=\"https:\/\/www.webii.net\/contact-us\/\"><span style=\"font-weight: 400;\">Contact us<\/span><\/a><span style=\"font-weight: 400;\"> to get started with our services so that you can accurately show off your brand.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your website needs to be attractive to your visitors. Otherwise, they are likely to bounce. This means being aware of what user interface (UI) design they would like to see. UI design is the graphical elements that make up a website or application. These elements should promote ease of use in a stylistic way. Your [&hellip;]<\/p>\n","protected":false},"author":40,"featured_media":10827,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[329,509,3,407,300],"tags":[],"class_list":["post-10824","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-web-design","category-responsive-web-design","category-web-design","category-website-usability","category-www-learning-center"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>7 UI Design Mistakes You Should Avoid - WEBii<\/title>\n<meta name=\"description\" content=\"Team up with professional Texas web designers so that you don&#039;t run into any UI design mistakes. Here are some major ones to be aware of.\" \/>\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.webii.net\/blog\/ui-design-mistakes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 UI Design Mistakes You Should Avoid\" \/>\n<meta property=\"og:description\" content=\"Team up with professional Texas web designers so that you don&#039;t run into any UI design mistakes. Here are some major ones to be aware of.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Marketing &amp; Web Development Company Blog - WEBii\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-01T15:00:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"324\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Megan Marshall\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Megan Marshall\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/\"},\"author\":{\"name\":\"Megan Marshall\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/person\\\/13e6130fbedfea692719a26e0641fe00\"},\"headline\":\"7 UI Design Mistakes You Should Avoid\",\"datePublished\":\"2022-04-01T15:00:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/\"},\"wordCount\":959,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/UI-Design-Image-1.png\",\"articleSection\":[\"Mobile Web Design\",\"Responsive Web Design\",\"Web Design\",\"Website Usability\",\"WWW Learning Center\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/\",\"name\":\"7 UI Design Mistakes You Should Avoid - WEBii\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/UI-Design-Image-1.png\",\"datePublished\":\"2022-04-01T15:00:44+00:00\",\"description\":\"Team up with professional Texas web designers so that you don't run into any UI design mistakes. Here are some major ones to be aware of.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/UI-Design-Image-1.png\",\"contentUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/UI-Design-Image-1.png\",\"width\":640,\"height\":324,\"caption\":\"Photo by 200degrees on Pixabay\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/ui-design-mistakes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WWW Learning Center\",\"item\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/category\\\/www-learning-center\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"7 UI Design Mistakes You Should Avoid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/\",\"name\":\"Web Marketing &amp; Web Development Company Blog - WEBii\",\"description\":\"web design . web development . seo . marketing . web hosting . + more\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#organization\",\"name\":\"WEBii\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-banner-webii-seo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/fb-banner-webii-seo.jpg\",\"width\":1200,\"height\":598,\"caption\":\"WEBii\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/#\\\/schema\\\/person\\\/13e6130fbedfea692719a26e0641fe00\",\"name\":\"Megan Marshall\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/949\\\/9499f2156bca3e854008e190a0246c96x96.jpg\",\"url\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/949\\\/9499f2156bca3e854008e190a0246c96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webii.net\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/949\\\/9499f2156bca3e854008e190a0246c96x96.jpg\",\"caption\":\"Megan Marshall\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"7 UI Design Mistakes You Should Avoid - WEBii","description":"Team up with professional Texas web designers so that you don't run into any UI design mistakes. Here are some major ones to be aware of.","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.webii.net\/blog\/ui-design-mistakes\/","og_locale":"en_US","og_type":"article","og_title":"7 UI Design Mistakes You Should Avoid","og_description":"Team up with professional Texas web designers so that you don't run into any UI design mistakes. Here are some major ones to be aware of.","og_url":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/","og_site_name":"Web Marketing &amp; Web Development Company Blog - WEBii","article_published_time":"2022-04-01T15:00:44+00:00","og_image":[{"width":640,"height":324,"url":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-1.png","type":"image\/png"}],"author":"Megan Marshall","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Megan Marshall","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#article","isPartOf":{"@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/"},"author":{"name":"Megan Marshall","@id":"https:\/\/www.webii.net\/blog\/#\/schema\/person\/13e6130fbedfea692719a26e0641fe00"},"headline":"7 UI Design Mistakes You Should Avoid","datePublished":"2022-04-01T15:00:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/"},"wordCount":959,"commentCount":0,"publisher":{"@id":"https:\/\/www.webii.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-1.png","articleSection":["Mobile Web Design","Responsive Web Design","Web Design","Website Usability","WWW Learning Center"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/","url":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/","name":"7 UI Design Mistakes You Should Avoid - WEBii","isPartOf":{"@id":"https:\/\/www.webii.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#primaryimage"},"image":{"@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-1.png","datePublished":"2022-04-01T15:00:44+00:00","description":"Team up with professional Texas web designers so that you don't run into any UI design mistakes. Here are some major ones to be aware of.","breadcrumb":{"@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webii.net\/blog\/ui-design-mistakes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#primaryimage","url":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-1.png","contentUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2022\/01\/UI-Design-Image-1.png","width":640,"height":324,"caption":"Photo by 200degrees on Pixabay"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webii.net\/blog\/ui-design-mistakes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webii.net\/blog\/"},{"@type":"ListItem","position":2,"name":"WWW Learning Center","item":"https:\/\/www.webii.net\/blog\/category\/www-learning-center\/"},{"@type":"ListItem","position":3,"name":"7 UI Design Mistakes You Should Avoid"}]},{"@type":"WebSite","@id":"https:\/\/www.webii.net\/blog\/#website","url":"https:\/\/www.webii.net\/blog\/","name":"Web Marketing &amp; Web Development Company Blog - WEBii","description":"web design . web development . seo . marketing . web hosting . + more","publisher":{"@id":"https:\/\/www.webii.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webii.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webii.net\/blog\/#organization","name":"WEBii","url":"https:\/\/www.webii.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webii.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2015\/12\/fb-banner-webii-seo.jpg","contentUrl":"https:\/\/www.webii.net\/blog\/wp-content\/uploads\/2015\/12\/fb-banner-webii-seo.jpg","width":1200,"height":598,"caption":"WEBii"},"image":{"@id":"https:\/\/www.webii.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webii.net\/blog\/#\/schema\/person\/13e6130fbedfea692719a26e0641fe00","name":"Megan Marshall","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webii.net\/blog\/wp-content\/wphb-cache\/gravatar\/949\/9499f2156bca3e854008e190a0246c96x96.jpg","url":"https:\/\/www.webii.net\/blog\/wp-content\/wphb-cache\/gravatar\/949\/9499f2156bca3e854008e190a0246c96x96.jpg","contentUrl":"https:\/\/www.webii.net\/blog\/wp-content\/wphb-cache\/gravatar\/949\/9499f2156bca3e854008e190a0246c96x96.jpg","caption":"Megan Marshall"}}]}},"_links":{"self":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/posts\/10824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/comments?post=10824"}],"version-history":[{"count":0,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/posts\/10824\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/media\/10827"}],"wp:attachment":[{"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/media?parent=10824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/categories?post=10824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webii.net\/blog\/wp-json\/wp\/v2\/tags?post=10824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}