{"id":602,"date":"2022-03-29T01:10:02","date_gmt":"2022-03-29T01:10:02","guid":{"rendered":"https:\/\/www.normanbalberan.com\/blog\/?p=602"},"modified":"2022-04-01T17:16:55","modified_gmt":"2022-04-01T17:16:55","slug":"the-top-10-web-site-design-mistakes","status":"publish","type":"post","link":"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/","title":{"rendered":"The Top 10 Web Site Design Mistakes"},"content":{"rendered":"<figure id=\"attachment_603\" aria-describedby=\"caption-attachment-603\" style=\"width: 890px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-603\" src=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/web-design-mistakes-300x225.jpg\" alt=\"web design mistakes\" width=\"900\" height=\"675\" srcset=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/web-design-mistakes-300x225.jpg 300w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/web-design-mistakes-768x576.jpg 768w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/web-design-mistakes-1024x768.jpg 1024w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/11\/web-design-mistakes.jpg 1200w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption id=\"caption-attachment-603\" class=\"wp-caption-text\"><center><a href=\"https:\/\/www.flickr.com\/photos\/134834994@N05\/24441064865\" target=\"_blank\"><span style=\"font-size: small;\">Josh MacDonald \/ flickr<\/span><\/a> \/ <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\" target=\"_blank\"><span style=\"font-size: small;\">CC BY-SA 2.0<\/span><\/a><\/center><\/figcaption><\/figure>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-transparent 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\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Or_the_10_Best_Ways_to_Chase_Web_Site_Visitors_Away\" >Or the 10 Best Ways to Chase Web Site Visitors Away<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Music_that_plays_automatically\" >Music that plays automatically<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Any_automatic_pop_up\" >Any automatic pop up<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Site_designed_for_a_specific_browser\" >Site designed for a specific browser<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Too_many_graphics_too_large_graphics_or_the_website_is_entirely_graphic_with_no_text\" >Too many graphics, too large graphics or the website is entirely graphic with no text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Missing_alt_alternative_text_tags_for_graphics\" >Missing alt (alternative) text tags for graphics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Wrong_color_combinations_or_too_many_colors\" >Wrong color combinations or too many colors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Poor_or_changing_site_navigation\" >Poor or changing site navigation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Unclear_site_purpose\" >Unclear site purpose<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Blinking_text\" >Blinking text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/#Too_many_different_fonts_or_use_of_unusual_fonts\" >Too many different fonts or use of unusual fonts<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h5 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Or_the_10_Best_Ways_to_Chase_Web_Site_Visitors_Away\"><\/span>Or the 10 Best Ways to Chase Web Site Visitors Away<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\">Web sites, especially those that promote a business, should be easily navigated, quick to download and pleasing to the eye. The following is a list of the <strong>top 10 mistakes that business website owners often make with their website design and how to avoid them.<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Music_that_plays_automatically\"><\/span>Music that plays automatically<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Even if you are a musician, <strong>music should never start automatically<\/strong>. Your web visitors should be given a choice of whether they want to hear music or not.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Any_automatic_pop_up\"><\/span>Any automatic pop up<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">It is infuriating to go to a website and have another window automatically pop up. Or, worse, a window that runs across the screen, making the viewer chase it down just to close it.<\/p>\n<p style=\"text-align: justify;\">There are legitimate uses for popups, but <strong>they should never be automatic<\/strong>. If you want your visitor to fill out a survey or learn about your special deal, fine. Ask them to click on it and tell them beforehand that the link will open a new window.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Site_designed_for_a_specific_browser\"><\/span>Site designed for a specific browser<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">We\u2019ve all seen those notations that say, \u201cBest viewed in\u2026\u201d whatever browser. <strong>A website should look good in all the most popular browsers<\/strong>.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Too_many_graphics_too_large_graphics_or_the_website_is_entirely_graphic_with_no_text\"><\/span>Too many graphics, too large graphics or the website is entirely graphic with no text<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Believe it or not, some people still use dial-up to connect to the Internet. <strong>Too many graphics or graphics that are too large make for very slow download time. People will leave your site before even seeing it.<\/strong><\/p>\n<p style=\"text-align: justify;\">You can always give people the option of viewing larger graphics by providing thumbnails with a link to the larger picture. Another mistake is making the home page one big graphic. No text on your site makes you invisible to search engines.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Missing_alt_alternative_text_tags_for_graphics\"><\/span>Missing alt (alternative) text tags for graphics<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">These are tags that should be placed in the code for each graphic that explains what the picture is. Many people view websites with graphics turned off. <strong>Individuals who are blind need the alt tags so their web readers can read the description<\/strong>.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Wrong_color_combinations_or_too_many_colors\"><\/span>Wrong color combinations or too many colors<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Some websites seem to use every color available. Or someone, somewhere thought that a red background with yellow text looked cool. <strong>A website layout should use complimentary colors and be easy on the eyes.<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Poor_or_changing_site_navigation\"><\/span>Poor or changing site navigation<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">You go to the website, but you <strong>seem to be stuck on the home page because you can\u2019t find the buttons or the text to click on the other pages.<\/strong> Or, you click on a page and find the second page looks completely different! This is poor design.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Unclear_site_purpose\"><\/span>Unclear site purpose<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Have you ever gone to a website only to have a difficult time figuring out what the site is about? This is especially dangerous for a business website. Be upfront. <strong>Tell people what you do and why it benefits them.<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Blinking_text\"><\/span>Blinking text<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\"><strong>JUST SAY NO!<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Too_many_different_fonts_or_use_of_unusual_fonts\"><\/span>Too many different fonts or use of unusual fonts<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Your website <strong>should use no more than three different fonts<\/strong>. And, be careful about using unusual fonts in your website text. If the font you use is not on the individual website viewer\u2019s computer, the browser will use a different font and could throw the whole design off.<\/p>\n<p style=\"text-align: justify;\"><strong>Arial, Helvetica, Times New Roman, Verdana, Sans-Serif, and Serif can be utilized as long as your code gives the browser a choice of 2 or 3<\/strong>.<br \/>\nBy avoiding these common mistakes, you are well on your way to building a website to be proud of.<\/p>\n<p style=\"text-align: justify;\"><em><strong>(In case you saw my portfolio, why did I commit some of this mistakes, because it&#8217;s what the client wants even if I already consulted them about it. You still have to go with the rule, &#8220;Customer is always right.&#8221;)<\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Or the 10 Best Ways to Chase Web Site Visitors Away Web sites, especially those that promote a business, should be easily navigated, quick to download and pleasing to the eye. The following is a list of the top 10 mistakes that business website owners often make with their website design and how to avoid &#8230; <a title=\"The Top 10 Web Site Design Mistakes\" class=\"read-more\" href=\"https:\/\/www.normanbalberan.com\/blog\/the-top-10-web-site-design-mistakes\/\" aria-label=\"Read more about The Top 10 Web Site Design Mistakes\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":603,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,1],"tags":[71,297,75,298],"class_list":["post-602","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide","category-web-development","tag-web-design","tag-web-design-mistakes","tag-website-design","tag-website-design-mistakes"],"_links":{"self":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/comments?post=602"}],"version-history":[{"count":0,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/602\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media\/603"}],"wp:attachment":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media?parent=602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/categories?post=602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/tags?post=602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}