{"id":183,"date":"2016-02-06T04:25:13","date_gmt":"2016-02-06T03:25:13","guid":{"rendered":"http:\/\/arkahost.com\/?p=183"},"modified":"2026-05-20T15:27:32","modified_gmt":"2026-05-20T14:27:32","slug":"5-common-web-design-errors","status":"publish","type":"post","link":"https:\/\/da-manager.com\/blog\/5-common-web-design-errors\/","title":{"rendered":"5 Website Mistakes That Make People Leave Immediately"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/da-manager.com\/blog\/5-common-web-design-errors\/#Going_overboard_with_typefaces\" >Going overboard with typefaces<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/da-manager.com\/blog\/5-common-web-design-errors\/#Not_making_use_of_a_grid_framework\" >Not making use of a grid framework<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/da-manager.com\/blog\/5-common-web-design-errors\/#Forgetting_whitespace_is_your_friend\" >Forgetting whitespace is your friend<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/da-manager.com\/blog\/5-common-web-design-errors\/#Overlooking_readability\" >Overlooking readability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/da-manager.com\/blog\/5-common-web-design-errors\/#Not_investing_time_into_selecting_a_colour_palette\" >Not investing time into selecting a colour palette<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/da-manager.com\/blog\/5-common-web-design-errors\/#Conclusion\" >Conclusion<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overflow=&#8221;visible&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; column_element_direction_desktop=&#8221;default&#8221; column_element_spacing=&#8221;default&#8221; desktop_text_alignment=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_backdrop_filter=&#8221;none&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; column_position=&#8221;default&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; animation_type=&#8221;default&#8221; bg_image_animation=&#8221;none&#8221; border_type=&#8221;simple&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221;][vc_column_text css=&#8221;&#8221; text_direction=&#8221;default&#8221;]\n<div class=\"pB20\">\n<p>Visitors decide whether to stay on your website within seconds.<br \/>Even if your products or services are great, poor design choices can quietly push people away before they ever contact you or make a purchase.<br \/>In this article, we\u2019ll look at 5 common website mistakes that hurt user experience, and how to fix them before they cost you customers.<br \/><!--more--><\/p>\n<p><span style=\"font-size: revert; color: initial;\">[\/vc_column_text][\/vc_column][\/vc_row]<\/span><\/p>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Going_overboard_with_typefaces\"><\/span><strong>Going overboard with typefaces<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Web fonts can drastically improve the visual characteristics of your website and in many cases improve user engagement. Thanks to services such as <a href=\"https:\/\/www.google.com\/fonts\" target=\"_blank\" rel=\"noopener\"><strong>Google Fonts<\/strong><\/a>, <a href=\"http:\/\/www.fontsquirrel.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Font Squirrel<\/strong><\/a> and <a href=\"https:\/\/typekit.com\/fonts\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Adobe\u2019s Typekit<\/strong><\/a>, it\u2019s easier than ever before to add custom fonts to your website. However, common overuse can leave designs cluttered and distract from the important stuff &#8211; and nobody wants that.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s not just the aesthetics and readability which suffer from excessive typeface use; for each font variant that\u2019s not available locally (weight, style etc) the browser has to make an additional resource request and download the font from a server. This can result in slower page load speeds, if loaded synchronously, as well as a lag in the correct display of your typefaces. This slower perceived load time can disengage your users and cause them to leave &#8211; so be cautious and use web fonts sparingly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a rule of thumb, aim to use no more than three different typefaces in your design &#8211; remember, less is more. Some designers argue this is still too many, but either way bear in mind the effect your choice can have and attempt to limit the number of fonts you incorporate into your design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Not_making_use_of_a_grid_framework\"><\/span><strong>Not making use of a grid framework<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Website layouts which are structured, consistent and organised are often quicker to develop, simpler to maintain and more aesthetically pleasing on the eye. Tools like the 960 Grid System or <a href=\"http:\/\/getskeleton.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Skeleton<\/strong><\/a> are simple yet effective frameworks which have been built from scratch for designers to use as the backbone of their site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Based on the concept of rows and columns, a grid framework is extremely useful for dividing up the page, spacing content and ensuring fluidity with consistent breakpoints when building a responsive website. There is no one fits all solution, so it\u2019s worth researching and playing with each grid to see which is best for you. With browser support improving, you may also want to consider new layout solutions such as flexbox, which provides greater control when it comes to directional flow and content ordering.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Forgetting_whitespace_is_your_friend\"><\/span><strong>Forgetting whitespace is your friend<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The importance of whitespace in your design shouldn\u2019t be underestimated. By introducing whitespace between and around elements you\u2019ll significantly improve the readability and focus of your site. Users don\u2019t read, they scan, and if used effectively whitespace can guide users attention, helping you to prioritise and emphasise key messages and actions. Whitespace has other benefits too. It shouts elegance, sophistication and simplicity, and using it throughout every aspect of your design can help successfully portray your brand.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Is your website making these mistakes? DaManager can help you improve your website speed, design, and user experience for better conversions and engagement.<\/em><\/p>\n\n\n<div class=\"vlp-link-container vlp-layout-basic block-editor-block-list__block wp-block wp-block-visual-link-preview-link\"><a href=\"https:\/\/da-manager.com\/website-development\/\" class=\"vlp-link\" title=\"Website Development\" rel=\"nofollow\" target=\"_blank\"><\/a><div class=\"vlp-layout-zone-side\"><div class=\"vlp-block-2 vlp-link-image\"><img decoding=\"async\" src=\"https:\/\/i0.wp.com\/da-manager.com\/wp-content\/uploads\/2025\/08\/9094.jpg?fit=1000%2C667&amp;ssl=1\" style=\"max-width: 150px; max-height: 150px\" \/><\/div><\/div><div class=\"vlp-layout-zone-main\"><div class=\"vlp-block-0 vlp-link-title\">Website Development<\/div><div class=\"vlp-block-1 vlp-link-summary\">Get professional website design services from DaManager. We create SEO-friendly, responsive, and WordPress websites for businesses and individuals worldwide.<\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Overlooking_readability\"><\/span><strong>Overlooking readability<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Some sites, depending on purpose and complexity need a lot of text. While the length and detail of the information needed is completely contextual, the importance lies in how that text is displayed. Research by the Nielsen Norman group, suggests that readers read casually, skimming over text &#8211; reading focal words and sentences here and there to gain an overall idea of the content. There are a couple of tactics you can use to facilitate this reading pattern and ensure your content is being digested.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When it comes to readability, bear in mind the optimal number of characters per line. Aim for somewhere between 45\/70 characters (including whitespace and punctuation.) And, for large blocks of text break it up with subheadings, bullet points or numbers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Not_investing_time_into_selecting_a_colour_palette\"><\/span><strong>Not investing time into selecting a colour palette<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A poorly selected colour palette isn\u2019t for the faint hearted. It can be an eyesore, look amateur, and in an instance spark an undesired reaction from your visitors. Despite this, many overlook the significance of the colours they chose for their site. It\u2019s more than just choosing colours that you like and that go, a key part of colour selection is choosing a colour that enhance your branding, business and helps evoke the emotions you want from visitors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After researching the colour psychology of your primary colour, it boils down to devising a complementary palette and using it correctly. There are hundreds of free online tools to help you devise a complimentary colour palette, we recommend <a href=\"https:\/\/coolors.co\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>coolors.co<\/strong><\/a>. As for using your colours correctly, follow basic design rules &#8211; make sure there\u2019s a sufficient contrast between your background and text colour and use strong colours to draw attention to certain areas of your site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/da-manager.com\/blog\/wp-content\/uploads\/2016\/02\/Good-vs-Bad-web-design-1024x576.png\" alt=\"\" class=\"wp-image-15395\" srcset=\"https:\/\/da-manager.com\/blog\/wp-content\/uploads\/2016\/02\/Good-vs-Bad-web-design-1024x576.png 1024w, https:\/\/da-manager.com\/blog\/wp-content\/uploads\/2016\/02\/Good-vs-Bad-web-design-300x169.png 300w, https:\/\/da-manager.com\/blog\/wp-content\/uploads\/2016\/02\/Good-vs-Bad-web-design-768x432.png 768w, https:\/\/da-manager.com\/blog\/wp-content\/uploads\/2016\/02\/Good-vs-Bad-web-design-1536x864.png 1536w, https:\/\/da-manager.com\/blog\/wp-content\/uploads\/2016\/02\/Good-vs-Bad-web-design.png 1672w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A website that looks fine on the surface can still lose visitors if it is slow, confusing, cluttered, or hard to use on mobile. The good news is that most of these issues are fixable with better design choices, clearer messaging, and a stronger focus on user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your website is making any of these mistakes, now is the time to correct them before they affect your traffic, trust, and conversions. Small improvements in layout, speed, readability, and navigation can make a big difference in how long visitors stay and whether they take action.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Need help improving your website design?<\/strong><br><a href=\"https:\/\/da-manager.com\/website-development\/\">DaManager<\/a> can help you create a faster, cleaner, and more effective website that keeps visitors engaged and turns more of them into customers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Visitors decide whether to stay on your website within seconds.<br \/>\nEven if your products or services are great, poor design choices can quietly push people away before they ever contact you or make a purchase.<\/p>\n","protected":false},"author":1,"featured_media":2421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"no","_mbp_gutenberg_autopost":false,"footnotes":""},"categories":[147],"tags":[393,347,3918,250,3920,3919],"class_list":["post-183","post","type-post","status-publish","format-standard","has-post-thumbnail","category-general","tag-bounce-rate","tag-user-experience","tag-ux-design","tag-website-design","tag-website-optimization","tag-wordpress-tips"],"modified_by":"Wise","_links":{"self":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/posts\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/comments?post=183"}],"version-history":[{"count":7,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/posts\/183\/revisions"}],"predecessor-version":[{"id":15400,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/posts\/183\/revisions\/15400"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/media\/2421"}],"wp:attachment":[{"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/media?parent=183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/categories?post=183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/da-manager.com\/blog\/wp-json\/wp\/v2\/tags?post=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}