{"id":6140,"date":"2024-02-13T21:49:20","date_gmt":"2024-02-13T21:49:20","guid":{"rendered":"https:\/\/www.ronins.co.uk\/?post_type=content-hub&#038;p=6140"},"modified":"2025-07-10T11:06:51","modified_gmt":"2025-07-10T11:06:51","slug":"bad-websites","status":"publish","type":"content-hub","link":"https:\/\/www.ronins.co.uk\/hub\/bad-websites\/","title":{"rendered":"Bad Websites: 5 Common Design Fails and How to Fix Them"},"content":{"rendered":"\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2><span class=\"ez-toc-section\" id=\"Table_of_Contents\"><\/span>Table of Contents<span class=\"ez-toc-section-end\"><\/span><\/h2><nav><ul><li><a href=\"#introduction-what-makes-a-website-bad\">Introduction \u2013 What Makes a Website Bad?<\/a><\/li><li><a href=\"#bad-websites-design-fail-1-poor-navigation\">Bad Websites \u2013 Design Fail #1: \nPoor Navigation<\/a><\/li><li><a href=\"#bad-websites-design-fail-2-slow-loading-times\">Bad Websites \u2013 Design Fail #2: \nSlow Loading Times<\/a><\/li><li><a href=\"#bad-websites-design-fail-3-not-mobile-friendly\">Bad Websites \u2013 Design Fail #3: \nNot Mobile-Friendly<\/a><\/li><li><a href=\"#bad-websites-design-fail-4-poor-content-discovery-paths\">Bad Websites \u2013 Design Fail #4: \nPoor Content Discovery Paths<\/a><\/li><li><a href=\"#bad-websites-design-fail-5-poor-use-of-colour-and-contrast\">Bad Websites \u2013 Design Fail #5: \nPoor Use of Colour and Contrast<\/a><\/li><li><a href=\"#making-your-website-world-class\">Making your website world-class<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0c489ff4 wp-block-group-is-layout-constrained\" style=\"background-color:#1d1d24;padding-top:32px;padding-right:32px;padding-bottom:40px;padding-left:32px\"><div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\" id=\"tldr\">TLDR<\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">The article &#8220;Bad Websites: 5 Common Web Design Fails and How to Fix Them&#8221; outlines frequent mistakes in web design and offers solutions to improve user experience. <\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Key issues include poor navigation, slow loading times, lack of mobile optimisation, flawed content discovery paths, and improper use of colour and contrast. <\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Solutions involve streamlining site structure, optimizing images, adopting responsive design, enhancing content discovery, and following WCAG guidelines for colour contrast. <\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">By addressing these problems, website owners can enhance usability, increase engagement, and improve accessibility, creating a more effective and user-friendly online presence.<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"introduction-what-makes-a-website-bad\"><span class=\"ez-toc-section\" id=\"Introduction_%E2%80%93_What_Makes_a_Website_Bad\"><\/span>Introduction \u2013 What Makes a Website Bad?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">As <a href=\"https:\/\/www.ronins.co.uk\/hub\/sustainable-web-design\/\">web designers<\/a> with decades of experience in the digital marketing industry, we&#8217;ve repeatedly encountered the following common bad web design practices. <a href=\"https:\/\/www.ronins.co.uk\/web-design-london\/\">Web design<\/a> trends come and go, but thankfully, design principles rarely do. We&#8217;ll navigate you through these pitfalls and, more importantly, provide solutions to correct them. Although we&#8217;ve thrown in a couple of bad website examples, this isn&#8217;t about pointing fingers; it&#8217;s about turning those oh-no moments into ah-ha ones.&nbsp;<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Whether you&#8217;re a seasoned <a href=\"https:\/\/www.ronins.co.uk\/hub\/visual-hierarchy-principles-in-web-design\/\">web designer<\/a>, a small business owner looking to make your mark, or just curious about what makes a website tick, this article is your common sense guide to avoid common mistakes seen in bad websites and to help create sites that look beautiful <em>and<\/em> work effectively.<\/p>\n<\/div>\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"652\" height=\"435\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/distraught-web-designer.jpg\" alt=\"a distraught web designer\" class=\"wp-image-6142\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/distraught-web-designer.jpg 652w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/distraught-web-designer-300x200.jpg 300w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"bad-websites-design-fail-1-poor-navigation\"><span class=\"ez-toc-section\" id=\"Bad_Websites_%E2%80%93_Design_Fail_1_Poor_Navigation\"><\/span>Bad Websites \u2013 Design Fail #1: <br><em>Poor Navigation<\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Ever landed on a poor-quality website and felt like you were dropped in the middle of a maze without a map? That&#8217;s poor navigation for you, and it\u2019s a common trait of bad websites. Users come to your site with a goal in mind, and if finding their way around feels like solving The Da Vinci Code, they&#8217;ll leave. Fast.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"the-website-design-issue-at-hand\"><span class=\"ez-toc-section\" id=\"The_Website_Design_Issue\"><\/span>The Website Design Issue<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Navigation is the backbone of usability. When it&#8217;s complicated, hidden, or non-intuitive, it spells trouble. Maybe your menu items are vague, the layout is confusing, or essential links are buried in the footer. These are the breadcrumbs that lead nowhere, leaving users frustrated and your bounce rate high.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"bad-website-fallout\"><span class=\"ez-toc-section\" id=\"Bad_Website_Fallout\"><\/span>Bad Website Fallout<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">What&#8217;s at stake? Well, a lot. First off, user satisfaction plummets. Visitors who can&#8217;t navigate your site easily won&#8217;t stick around to see what you offer, no matter how great it is. Poorly designed navigation leads to increased bounce rates, which can negatively affect your SEO rankings. Search engines love user-friendly sites, and a site users flee from is a red flag.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"navigating-to-solutions\"><span class=\"ez-toc-section\" id=\"Navigating_to_Solutions\"><\/span>Navigating to Solutions<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Chart the course towards clearer, more intuitive navigation for your next <a href=\"https:\/\/www.ronins.co.uk\/hub\/website-project-timeline-for-surrey-businesses\/\"  data-wpil-monitor-id=\"99\">website project<\/a>:<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Streamline Your Site Structure: <\/strong>Think of your website as a book. It needs a clear table of contents (menu) and well-defined chapters (sections). Each page should have a clear purpose and be easily accessible from anywhere on the site.<\/li>\n\n\n\n<li><strong>Descriptive Labels:<\/strong> Use menu labels that instantly tell users what they&#8217;ll find on that web page. Avoid jargon or creative titles that might confuse more than they clarify.<\/li>\n\n\n\n<li><strong>Sticky Navigation:<\/strong> Consider a sticky menu that scrolls with the user. It&#8217;s always accessible, no matter where your visitor is on the web page. This is especially handy for long-scrolling sites.<\/li>\n\n\n\n<li><strong>Simplify Navigation:<\/strong> Less is often more. A mega menu might seem like a great idea, but if users need a compass to navigate your options, it&#8217;s time to pare back. Avoid cluttered layouts with distracting elements and focus on your most important web pages.<\/li>\n\n\n\n<li><strong>Search Functionality:<\/strong> For larger sites, a search bar is a lifeline. A search feature allows users to bypass the hunt through menus and go straight to what they&#8217;re looking for.<\/li>\n\n\n\n<li><strong>Mobile Matters: <\/strong>With over half of web traffic coming from mobile, your navigation must be touch-friendly. Drop-down menus that work with a hover on desktop need a click alternative on mobile.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0c489ff4 wp-block-group-is-layout-constrained\" style=\"background-color:#1d1d24;padding-top:32px;padding-right:32px;padding-bottom:40px;padding-left:32px\"><div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Web_Design_Takeaway_1\"><\/span>Web Design Takeaway #1<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Improving your site&#8217;s navigation isn&#8217;t just about aesthetics; it&#8217;s about creating a smooth, enjoyable experience for your visitors. Making these adjustments keeps potential frustration at bay and paves the way for better engagement, lower bounce rates, and, ultimately, a more successful online presence. The best path is always the one that&#8217;s easiest to follow.<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"bad-websites-design-fail-2-slow-loading-times\"><span class=\"ez-toc-section\" id=\"Bad_Websites_%E2%80%93_Design_Fail_2_Slow_Loading_Times\"><\/span>Bad Websites \u2013 Design Fail #2: <br><em>Slow Loading Times<\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">In a TikTok era where patience is as thin as your smartphone screen, slow-loading websites are the silent killers of the digital world. When you click on a new website, excited to see what it offers, but instead get a loading screen that seems to last a lifetime. For the worst websites, it&#8217;s the equivalent of waiting in line at the supermarket with only one till open. The result? Frustration levels rise, and before you know it, you&#8217;ve clicked away, possibly never to return.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"the-website-design-issue-at-hand-1\"><span class=\"ez-toc-section\" id=\"The_Website_Design_Issue-2\"><\/span>The Website Design Issue<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">A <a href=\"https:\/\/www.ronins.co.uk\/hub\/website-speed-optimisation\/\">website with a slow loading speed<\/a> is a major turn-off. Large, unoptimised images, clunky scripts, and server latency can bog down your site&#8217;s speed. Even a few extra seconds can feel like an eternity, costing you valuable traffic and conversions.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"bad-website-fallout-2\"><span class=\"ez-toc-section\" id=\"Bad_Website_Fallout-2\"><\/span>Bad Website Fallout<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Slow loading times don&#8217;t just irritate your visitors; they also hurt your site&#8217;s SEO. Search engines prioritise user experience, and a sluggish site ranks lower in search results. This means less visibility for your site and fewer opportunities to engage with potential customers or readers.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"shifting-gears-how-to-accelerate-your-site\"><span class=\"ez-toc-section\" id=\"Shifting_Gears_How_to_Accelerate_Your_Site\"><\/span>Shifting Gears: How to Accelerate Your Site<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Let&#8217;s put the pedal to the metal and speed things up with some effective fixes:<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Optimise Images:<\/strong> Large images, particularly background images, are one of the main culprits behind slow-loading pages. Compress and optimise your images for the web without sacrificing quality. Tools like Photoshop or free online services like TinyPNG can significantly reduce file sizes without generating low-quality images.<\/li>\n\n\n\n<li><strong>Minimise HTTP Requests:<\/strong> Each piece of your site (scripts, images, stylesheets) requires a separate HTTP request to load. Reduce these requests by simplifying your site design and combining files where possible.<\/li>\n\n\n\n<li><strong>Use a Content Delivery Network (CDN):<\/strong> CDNs distribute your website&#8217;s content across multiple, geographically diverse servers, reducing the distance it needs to travel to reach your user, which in turn speeds up load times.<\/li>\n\n\n\n<li><strong>Leverage Browser Caching:<\/strong> Caching stores parts of your site on the user&#8217;s browser, so on subsequent visits, pages load much faster. Ensure your server settings are optimised to make the most of caching.<\/li>\n\n\n\n<li><strong>Evaluate Your Hosting:<\/strong> Sometimes, the problem lies with your web <a href=\"https:\/\/www.ronins.co.uk\/hub\/wp-engine\/\">hosting service<\/a>. If your site has outgrown its current hosting plan, consider upgrading to a more robust option that can handle your traffic and content needs.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0c489ff4 wp-block-group-is-layout-constrained\" style=\"background-color:#1d1d24;padding-top:32px;padding-right:32px;padding-bottom:40px;padding-left:32px\"><div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Web_Design_Takeaway_2\"><\/span>Web Design Takeaway #2<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">A fast-loading website is non-negotiable in the digital age. By addressing the common culprits of slow performance, you not only enhance user experience but also improve your site&#8217;s SEO, leading to better visibility and engagement. In the race for online attention, speed is your greatest ally. Don&#8217;t let a sluggish website be the reason you&#8217;re left behind.<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><br><\/p>\n<\/div>\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"652\" height=\"435\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/bad-website-rating.jpg\" alt=\"bad website rating\" class=\"wp-image-6143\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/bad-website-rating.jpg 652w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/bad-website-rating-300x200.jpg 300w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"bad-websites-design-fail-3-not-mobile-friendly\"><span class=\"ez-toc-section\" id=\"Bad_Websites_%E2%80%93_Design_Fail_3_Not_Mobile-Friendly\"><\/span>Bad Websites \u2013 Design Fail #3: <br><em>Not Mobile-Friendly<\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">It&#8217;s a simple truth: if your site isn&#8217;t optimised for mobile, you&#8217;re not just losing visitors but also saying a big &#8220;no thanks&#8221; to potential business. In a world where over half of all web traffic comes through mobile devices, having a site that shines on the small screen isn&#8217;t just nice to have; it&#8217;s essential.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"the-website-design-issue-at-hand-3\"><span class=\"ez-toc-section\" id=\"The_Website_Design_Issue-3\"><\/span>The Website Design Issue<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">A poorly designed site that&#8217;s not mobile-friendly is a site that&#8217;s stuck in the past. Pinching to zoom, endless scrolling to find a navigation button, or text that&#8217;s so tiny it could be mistaken for fine print are all signs of a website that&#8217;s not ready for the mobile era. These issues don&#8217;t just create a poor user experience; they actively push your audience away.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"bad-website-fallout-4\"><span class=\"ez-toc-section\" id=\"Bad_Website_Fallout-3\"><\/span>Bad Website Fallout<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Beyond frustrating your mobile website visitors, a lack of mobile optimisation can severely dent your site&#8217;s search engine rankings. Google and other <a href=\"https:\/\/www.ronins.co.uk\/hub\/how-to-create-beautiful-search-friendly-websites\/\">search engines prioritise mobile-friendly websites<\/a> in their search results, recognising the shift towards mobile browsing. If your site isn&#8217;t up to par, it&#8217;s likely to end up buried beneath those that are.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"embracing-mobile-the-path-to-optimisation\"><span class=\"ez-toc-section\" id=\"Embracing_Mobile_The_Path_to_Optimisation\"><\/span>Embracing Mobile: The Path to Optimisation<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Here&#8217;s how you can ensure your website is ready to meet the mobile demand:<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Adopt Responsive Web Design:<\/strong> This is non-negotiable. Implement <a href=\"https:\/\/www.ronins.co.uk\/hub\/what-is-responsive-web-design\/\">responsive design<\/a> using media queries to allow your website to automatically adjust to fit the screen it&#8217;s being viewed on, providing an optimal experience across all devices. It&#8217;s about giving everyone the best seat in the house, no matter where they&#8217;re sitting.<\/li>\n\n\n\n<li><strong>Simplify Your Web Design:<\/strong> Avoid cluttered websites that overwhelm users with too many design elements. On a smaller screen, less is definitely more. Simplify your site&#8217;s design to improve readability and ease of navigation on mobile devices. Think white space, large, easily clickable buttons, streamlined menus, and content that gets straight to the point.<\/li>\n\n\n\n<li><strong>Test Across Devices and Browsers:<\/strong> What works on one device or browser might not work on another. Regularly test your site across different devices and browsers to ensure a consistent and seamless user experience. Tools like Google&#8217;s Mobile-Friendly Test can provide insights and recommendations for improvements.<\/li>\n\n\n\n<li><strong>Optimise Load Times:<\/strong> Speed is even more critical on mobile. Follow the strategies outlined in the section on slow loading times to ensure your mobile site is as swift as it is sleek.<\/li>\n\n\n\n<li><strong>Touch-Friendly Design:<\/strong> Ensure all buttons, links, and navigational elements are touch-friendly. This means making them large enough to be easily tapped with a finger without the risk of selecting the wrong link.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0c489ff4 wp-block-group-is-layout-constrained\" style=\"background-color:#1d1d24;padding-top:32px;padding-right:32px;padding-bottom:40px;padding-left:32px\"><div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Web_Design_Takeaway_3\"><\/span>Web Design Takeaway #3<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Making your <a href=\"https:\/\/www.ronins.co.uk\/hub\/website-development-and-design-is-broken\/\"  data-wpil-monitor-id=\"124\">website design<\/a> mobile-friendly is about opening your digital doors to the widest possible audience. In our mobile-first world, a site that&#8217;s accessible, responsive, and fast on mobile devices isn&#8217;t just an advantage\u2014it&#8217;s a necessity. By optimising for mobile, you&#8217;re showing your users that you value their experience, no matter how they choose to connect with you.<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"bad-websites-design-fail-4-poor-content-discovery-paths\"><span class=\"ez-toc-section\" id=\"Bad_Websites_%E2%80%93_Design_Fail_4_Poor_Content_Discovery_Paths\"><\/span>Bad Websites \u2013 Design Fail #4: <br><em>Poor Content Discovery Paths<\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Imagine walking into a library, but there are no signs, the books are in disarray, and the librarian is nowhere to be found. That&#8217;s the online equivalent of a poorly designed website with flawed content discovery paths. It&#8217;s a place where valuable content exists but is hidden in a labyrinth of poor design and navigation choices. Your content needs to be easily found by users. If it&#8217;s hidden or hard to access, it might as well not exist.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"the-website-design-issue-at-hand-5\"><span class=\"ez-toc-section\" id=\"The_Website_Design_Issue-4\"><\/span>The Website Design Issue<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Content is king, but even a king can go unnoticed without the right pathways to discovery. When users struggle to find the content they&#8217;re interested in due to unclear categorisation, ineffective search functionalities, or a lack of intuitive navigation cues, their engagement drops. This isn&#8217;t just a missed opportunity; it&#8217;s a direct invitation for them to leave your site in search of someone else who gets it right.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"bad-website-fallout-6\"><span class=\"ez-toc-section\" id=\"Bad_Website_Fallout-4\"><\/span>Bad Website Fallout<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">A bad website design that makes it hard for users to find what they&#8217;re looking for undermines its own purpose. This not only affects user engagement and satisfaction but can also have a ripple effect on your site&#8217;s SEO performance and bounce rates. High-quality, relevant content is crucial for keeping users interested and encouraging them to explore further, but if they can&#8217;t find it, those benefits are lost.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"charting-a-better-user-journey-enhancing-content-discovery\"><span class=\"ez-toc-section\" id=\"Charting_a_Better_User_Journey_Enhancing_Content_Discovery\"><\/span>Charting a Better User Journey: Enhancing Content Discovery<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Let&#8217;s clear the path and make it easy for your audience to discover the treasure trove of content you offer:<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Content Recommendations:<\/strong> Improve user flow by utilising algorithms or curated selections to recommend related content to your visitors. This could be at the end of articles, in sidebars, or through &#8220;you might also like&#8221; suggestions, encouraging deeper engagement with your site.<\/li>\n\n\n\n<li><strong>Highlight Popular or Recent Content:<\/strong> Dedicate areas of your site to showcase trending or the latest content. This not only aids discovery but also signals to users that your site is active and up-to-date.<\/li>\n\n\n\n<li><strong>Use Visual Cues and Content Previews:<\/strong> Engage users with visual cues like thumbnails or preview snippets that give insight into the content before they click. This visual engagement can pique interest and guide users towards content they might enjoy.<\/li>\n\n\n\n<li><strong>Accessibility and User Feedback:<\/strong> Ensure your content discovery features are accessible to all users, including those with disabilities. Additionally, consider incorporating user feedback mechanisms to continually refine and improve the discovery process.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0c489ff4 wp-block-group-is-layout-constrained\" style=\"background-color:#1d1d24;padding-top:32px;padding-right:32px;padding-bottom:40px;padding-left:32px\"><div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Web_Design_Takeaway_4\"><\/span>Web Design Takeaway #4<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">The journey to your content should be as compelling as the content itself. Enhancing content discovery paths on your website makes it easier for users to find what they&#8217;re looking for and creates a more engaging, dynamic, and satisfying user experience. A good website where content shines bright is a website that keeps users coming back for more.&nbsp;<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"652\" height=\"435\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/using-a-bad-website.jpg\" alt=\"using a bad website design\" class=\"wp-image-6144\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/using-a-bad-website.jpg 652w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/using-a-bad-website-300x200.jpg 300w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"bad-websites-design-fail-5-poor-use-of-colour-and-contrast\"><span class=\"ez-toc-section\" id=\"Bad_Websites_%E2%80%93_Design_Fail_5_Poor_Use_of_Colour_and_Contrast\"><\/span>Bad Websites \u2013 Design Fail #5: <br><em>Poor Use of Colour and Contrast<\/em><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">The power of colour in <a href=\"https:\/\/www.ronins.co.uk\/hub\/what-is-bespoke-web-design\/\" data-type=\"content-hub\" data-id=\"7213\">web design<\/a> goes beyond aesthetics; it&#8217;s a critical tool for creating clarity and emphasis and guiding user behaviour. When misused, it can lead to confusion, strain, and a swift exit. A well-designed website uses colour and contrast not just to catch the eye but also to enhance usability and ensure content is accessible to everyone.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"the-website-design-issue-at-hand-7\"><span class=\"ez-toc-section\" id=\"The_Website_Design_Issue-5\"><\/span>The Website Design Issue<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Poor or excessive use of colour and contrast is a design failure that will negatively affect user experience \u2013 making text hard to read, visual elements difficult to distinguish, and actions unclear. This isn&#8217;t just a problem for internet users with visual impairments; it affects a wide range of visitors who may find navigating the site more challenging than it should be. Subtle colour differences that look chic to some may render text virtually invisible to others, particularly those with colour vision deficiencies.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"bad-website-fallout-8\"><span class=\"ez-toc-section\" id=\"Bad_Website_Fallout-5\"><\/span>Bad Website Fallout<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Poor web design that neglects colour contrast and readability can significantly <a href=\"https:\/\/www.ronins.co.uk\/hub\/european-accessibility-act-uk\/\">impact user engagement and accessibility<\/a>. It risks alienating users who struggle with vision impairments, reducing the overall effectiveness of your website. Moreover, it can harm your site&#8217;s SEO, as search engines increasingly prioritise accessibility and user experience in their ranking algorithms.<\/p>\n<\/div>\n\n<div class=\"wp-block-image container-post-large container\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"556\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/zara-homepage-1024x556.webp\" alt=\"zara homepage with poor navigation text legibility\" class=\"wp-image-6145\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/zara-homepage-1024x556.webp 1024w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/zara-homepage-300x163.webp 300w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/zara-homepage-768x417.webp 768w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2024\/02\/zara-homepage.webp 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">e-commerce site Zara suffers from poor website design, with navigation barely readable over images and video.<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h4 class=\"wp-block-heading\" id=\"enhancing-usability-through-color-and-contrast\"><span class=\"ez-toc-section\" id=\"Enhancing_Usability_Through_Color_and_Contrast\"><\/span>Enhancing Usability Through Color and Contrast<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Let&#8217;s brighten the outlook with some actionable steps to use colour and contrast effectively:<\/p>\n<\/div>\n\n<div class=\"wp-block-list container-post container\">\n<ul class=\"wp-block-list\">\n<li><strong>Adhere to WCAG Guidelines:<\/strong> The Web Content Accessibility Guidelines (WCAG) outline recommended contrast ratios for text and background colours. Aim for a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.<\/li>\n\n\n\n<li><strong>Use Tools for Testing Contrast:<\/strong> Numerous online tools can help you test colour contrast against accessibility standards. Leveraging these can ensure your choices are aesthetically pleasing and accessible.<\/li>\n\n\n\n<li>C<strong>onsider Colour Blindness: <\/strong>Design with colour blindness in mind by avoiding colour combinations that are commonly problematic, such as red\/green. Tools and simulators can show you how your colour choices appear to those with different types of colour vision deficiencies.<\/li>\n\n\n\n<li><strong>Use Colour Purposefully:<\/strong> Colour should do more than decorate; it should communicate. Use colour to highlight important actions, like button states (normal, hover, active), and to differentiate design elements, such as links within text.<\/li>\n\n\n\n<li><strong>Ensure Text is Readable:<\/strong> Beyond contrast, consider font styles, font size, spacing, and background textures. Even with the right contrast ratios, small, tightly packed text on a busy background can be difficult to read, so use plenty of white space. Avoid using too many different fonts.<\/li>\n\n\n\n<li><strong>Provide Alternatives:<\/strong> When using colour to convey information (like status indicators), also include text labels or icons so that information is accessible to those who cannot distinguish the colours used.<\/li>\n<\/ul>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0c489ff4 wp-block-group-is-layout-constrained\" style=\"background-color:#1d1d24;padding-top:32px;padding-right:32px;padding-bottom:40px;padding-left:32px\"><div class=\"wp-block-heading container-post container\">\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Web_Design_Takeaway_5\"><\/span>Web Design Takeaway #5<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">The thoughtful use of colour and contrast is not just a design choice or good intentions; it&#8217;s a nod to inclusivity and user-friendliness. Prioritising these design elements ensures your website is visually appealing, accessible and easy to navigate for a broader audience. The goal is to create a user-friendly website that welcomes all users with open arms, where content shines and barriers to <a href=\"https:\/\/www.ronins.co.uk\/hub\/accessible-design-for-neurodiversity\/\" data-wpil-monitor-id=\"70\">access are dissolved by design<\/a>.&nbsp;<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">\u2022 \u2022 \u2022<\/p>\n<\/div><\/div>\n\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n<div class=\"wp-block-heading container-post container\">\n<h2 class=\"wp-block-heading\" id=\"making-your-website-world-class\"><span class=\"ez-toc-section\" id=\"Making_your_website_world-class\"><\/span>Making your website world-class<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Common mistakes that make bad websites can significantly hinder user experience and site effectiveness. However, straightforward solutions exist for each of these problems.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">By addressing the challenges of badly designed websites, website owners can enhance usability, boost engagement, and improve accessibility, making their sites more appealing and functional for a wider audience. The key to success in <a href=\"https:\/\/www.ronins.co.uk\/\" data-wpil-monitor-id=\"59\">web design<\/a> lies in focusing on user needs and continuously testing and refining the site based on feedback and best practices.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Adopting these strategies avoids common pitfalls of bad website designs and lays the foundation for a positive and inclusive user-friendly experience. This approach ensures that websites avoid design mistakes and serve their primary purpose effectively: to connect with and engage users by providing them with value and ease of use. <\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\">Whether you&#8217;re creating a single-page website, <a href=\"https:\/\/www.ronins.co.uk\/hub\/7-ways-to-boost-lead-generation-with-landing-pages\/\">landing page<\/a> or global presence, meeting and exceeding user expectations epitomises what makes a good website stand out from the bad.<\/p>\n<\/div>\n\n<div class=\"wp-block-paragraph container-post container\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\r\n<div id=\"author-info-block_b43882684acfa9a922a96e36f670bd81\" class=\"author-info  block block--author-info\">\r\n\t\t\t<div class=\"block__content author-info__content container container--post \">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-12 col-sm-7 author-info__image\">\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"306\" height=\"457\" src=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/12\/jason-bodell-author-panel.png\" class=\"attachment-large size-large\" alt=\"jason bodell\" srcset=\"https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/12\/jason-bodell-author-panel.png 306w, https:\/\/www.ronins.co.uk\/wp-content\/uploads\/2023\/12\/jason-bodell-author-panel-201x300.png 201w\" sizes=\"(max-width: 306px) 100vw, 306px\" \/>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<div class=\"col-12 col-sm-5 author-info__description\">\r\n\t\t\t\t<div class=\"author-info__subtitle h6\">Article by<\/div>\r\n\t\t\t\t<div class=\"author-info__title h4\">Jason Bodell<\/div>\r\n\t\t\t\t<div class=\"author-info__text p-small\">Jason Bodell is Creative Director at Ronins, specialising in branding and digital design. He has over 20 years of experience spearheading projects that help clients communicate or improve processes through the blending of creativity and technology.<\/div>\r\n\t\t\t\t<a class=\"author-info__link btn btn--text btn--text--underline\" href=\"https:\/\/www.ronins.co.uk\/author\/jbodell\/\">\r\n\t\t\t\t\tMore about\t\t\t\t\tJason\t\t\t\t\t<svg class=\"svg_arrow_short\" width=\"7\" height=\"14\"><use xlink:href=\"#svg_arrow_short\" \/><\/svg>\t\t\t\t<\/a>\r\n\t\t\t\t<div class=\"author-info__buttons\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.jasonbodell.co.uk\/\" target=\"_blank\" rel=\"noopener noreffer\" aria-label=\"Author page\" class=\"btn btn--icon btn--icon-small\">\r\n\t\t\t\t\t\t\t<svg class=\"svg_home\" width=\"20\" height=\"20\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"#svg_home\" \/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/twitter.com\/jason_bodell\" target=\"_blank\" rel=\"noopener noreffer\" aria-label=\"\" class=\"btn btn--icon btn--icon-small\">\r\n\t\t\t\t\t\t\t<svg class=\"svg_twitter\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"#svg_twitter\" \/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/jasonbodell\/\" target=\"_blank\" rel=\"noopener noreffer\" aria-label=\"\" class=\"btn btn--icon btn--icon-small\">\r\n\t\t\t\t\t\t\t<svg class=\"svg_linkedin\" width=\"24\" height=\"24\">\r\n\t\t\t\t\t\t\t\t<use xlink:href=\"#svg_linkedin\" \/>\r\n\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>How to fix traits of bad websites with our guide to improving navigation, loading times, mobile optimisation, content discovery, and colour use.<\/p>\n","protected":false},"author":6,"featured_media":6141,"parent":0,"template":"","content-hub-category":[126,129],"class_list":["post-6140","content-hub","type-content-hub","status-publish","has-post-thumbnail","hentry","content-hub-category-web-design","content-hub-category-web-design-user-experience"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/content-hub\/6140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/content-hub"}],"about":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/types\/content-hub"}],"author":[{"embeddable":true,"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/users\/6"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/media\/6141"}],"wp:attachment":[{"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/media?parent=6140"}],"wp:term":[{"taxonomy":"content-hub-category","embeddable":true,"href":"https:\/\/www.ronins.co.uk\/wp-json\/wp\/v2\/content-hub-category?post=6140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}