{"id":617,"date":"2022-04-04T05:43:40","date_gmt":"2022-04-04T05:43:40","guid":{"rendered":"https:\/\/www.normanbalberan.com\/blog\/?p=617"},"modified":"2022-03-06T10:57:26","modified_gmt":"2022-03-06T10:57:26","slug":"8-web-design-felonies-you-should-avoid","status":"publish","type":"post","link":"https:\/\/www.normanbalberan.com\/blog\/8-web-design-felonies-you-should-avoid\/","title":{"rendered":"8 Web Design Felonies You Should Avoid"},"content":{"rendered":"<figure id=\"attachment_618\" aria-describedby=\"caption-attachment-618\" style=\"width: 890px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-618\" src=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/12\/web-design-felony-300x200.jpg\" alt=\"web design felony\" width=\"900\" height=\"600\" srcset=\"https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/12\/web-design-felony-300x200.jpg 300w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/12\/web-design-felony-768x512.jpg 768w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/12\/web-design-felony-1024x683.jpg 1024w, https:\/\/www.normanbalberan.com\/blog\/wp-content\/uploads\/2016\/12\/web-design-felony.jpg 1200w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption id=\"caption-attachment-618\" class=\"wp-caption-text\"><center><a href=\"http:\/\/www.thebluediamondgallery.com\/tablet\/c\/crime.html\" target=\"_blank\"><span style=\"font-size: small;\">NY<\/span><\/a> \/ <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/3.0\/\" target=\"_blank\"><span style=\"font-size: small;\">CC BY-SA 3.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\/8-web-design-felonies-you-should-avoid\/#8_Web_Design_Felonies_that_Will_Land_Your_Business_in_the_No-Sale_Prison\" >8 Web Design Felonies that Will Land Your Business in the No-Sale Prison<\/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\/8-web-design-felonies-you-should-avoid\/#Dark_or_Busy_Backgrounds\" >Dark or Busy Backgrounds<\/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\/8-web-design-felonies-you-should-avoid\/#Banner_Ads\" >Banner Ads<\/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\/8-web-design-felonies-you-should-avoid\/#Clip_Art\" >Clip Art<\/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\/8-web-design-felonies-you-should-avoid\/#Arrogance\" >Arrogance<\/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\/8-web-design-felonies-you-should-avoid\/#Spelling_and_Grammar_Mistakes\" >Spelling and Grammar Mistakes<\/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\/8-web-design-felonies-you-should-avoid\/#Inconsistent_Design\" >Inconsistent Design<\/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\/8-web-design-felonies-you-should-avoid\/#Image_and_Video_Size\" >Image and Video Size<\/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\/8-web-design-felonies-you-should-avoid\/#Compatibility\" >Compatibility<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h5 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"8_Web_Design_Felonies_that_Will_Land_Your_Business_in_the_No-Sale_Prison\"><\/span>8 Web Design Felonies that Will Land Your Business in the No-Sale Prison<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p style=\"text-align: justify;\"><strong>I\u2019ve just been assaulted<\/strong>. Visually, aurally, and intellectually attacked.<\/p>\n<p style=\"text-align: justify;\">I landed on the web page of a business looking for a product that I was interested in buying. When the page (finally) loaded, <strong>I could hardly look at the thing.<\/strong><\/p>\n<p style=\"text-align: justify;\">The color palette was bright neon and vivid. The text was hard to read. Tinny, midi-style music started playing from my speakers. There were flashing icons and way too much text and hyperlinks for me to try to figure out where to go to find what I was looking for. I couldn\u2019t hit the back button on my browser fast enough.<\/p>\n<p style=\"text-align: justify;\"><strong>I felt violated.<\/strong> The page looked more like the project for a grade school computer class than a serious business. I am convinced that no matter how good the products and services this business features on the website, <strong>the owner has probably never made a sale.<\/strong><\/p>\n<p style=\"text-align: justify;\">I wish I could tell you the address of this website as a warning to stay clear, but that wouldn\u2019t be fair to the owner. Besides, <strong>you can probably find hundreds of sites just like it on your own.<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>That\u2019s the bad news.<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>Too many businesses are guilty of bad web design.<\/strong> The sad part is that the owners work very hard to put their sites together and then spend all kinds of time and money promoting it to get people to visit and make a purchase.<\/p>\n<p style=\"text-align: justify;\">Unfortunately, if they can\u2019t master the basics of good web design, the <strong>visitor is likely to banish that website from their favorites<\/strong> on charges of high crimes and misdemeanors.<\/p>\n<p style=\"text-align: justify;\"><strong>Here are the top 10 website design felonies and how you can avoid making the same mistakes.<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Dark_or_Busy_Backgrounds\"><\/span>Dark or Busy Backgrounds<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\"><strong>The worst offense for me is light text on a dark background<\/strong> \u2013 especially if the text is some neon color that the owner thinks will draw attention to the page. Nine times out of ten, I will click away from a site with a dark background. <strong>There are some exceptions, of course<\/strong>. If the site features an attractive and cohesive design, I might stick around to find out what it\u2019s all about.<\/p>\n<p style=\"text-align: justify;\"><strong>The same goes for busy pictures and graphics used as a background<\/strong>. I recently came across a website that featured artwork of unicorns and rainbows in the clouds as the entire page background. The text was so hard to read because no one color could effectively stand up against the artwork. I was distracted from the marketing message by a design element. Apparently, this website owner belongs in web design jail.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Banner_Ads\"><\/span>Banner Ads<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Amazingly enough, there are still business websites out there that are trying to promote other products and services with cheesy, flashing banner ads. <strong>Throwing up two, three, four, or even more banner ads is a turn-off and make your website look unprofessional.<\/strong><\/p>\n<p style=\"text-align: justify;\">Lots of websites make money with ad programs like Google AdSense, so I\u2019m not suggesting that you eliminate all advertising from your site. But with Google, you can control the look and feel of the ads that are displayed. So, if you want to use advertising, <strong>get rid of the banners and make your ads fit into the overall theme of your site<\/strong>. Otherwise, you risk a penalty for appearing too greedy.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Clip_Art\"><\/span>Clip Art<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Maybe this is a personal bias, but who ever thought of digital clip art should be taken out in front of a firing squad. <strong>Most of the free clip art you find scattered across the web is cheesy and unprofessional.<\/strong> Unless your business is delivering buckets of chicken late at night to college students in a dorm room, there\u2019s no need to put an animated graphic of a dancing chicken on your web page.<\/p>\n<p style=\"text-align: justify;\"><strong>Before you add any visual element to your website, ask yourself why you are doing it.<\/strong> If it will add to the marketing and sales message and make an impact on your sales, then go for it. If your answer is, \u201cBecause I can \u2026\u201d then dump the graphic and move on.<\/p>\n<p style=\"text-align: justify;\">That\u2019s not to say that graphics can\u2019t play a big part in your website design. In fact, graphic elements that are tightly coordinated can have a tremendous effect on the visual impact of your site. If you\u2019re not someone who can create great looking graphics for your website, then hire a graphic designer or buy a library of professional-looking graphics \u2013 <strong>just stay away from the off-the-shelf clip art packages.<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Arrogance\"><\/span>Arrogance<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">This one is not only a crime on your website, but in your business and personal life as well. <strong>No one wants to hear you go on and on about yourself on your website.<\/strong> If you need to have an \u201cAbout Me\u201d page to talk about your personal life, then fine. Otherwise, keep the commentary and personal stories out of your business.<\/p>\n<p style=\"text-align: justify;\">Instead of focusing on yourself, <strong>focus on your clients and how your products and services can meet their needs<\/strong>. The customer doesn\u2019t come to your website to find out everything there is to know about you. They want to know if what you offer will help them solve their problem.<\/p>\n<p style=\"text-align: justify;\">Keep in mind that your customer wants to know, \u201cWhat\u2019s In It For Me?\u201d <strong>Get to the point and answer that question instead of blabbering on about you and you just might make more sales.<\/strong><\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Spelling_and_Grammar_Mistakes\"><\/span>Spelling and Grammar Mistakes<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">There just aren\u2019t enough spelling cops around to control this problem! I don\u2019t care what you read or who tells you that spelling and grammar errors are acceptable because <strong>they show your visitor that you are a real person or that you have personality.<\/strong><\/p>\n<p style=\"text-align: justify;\">Enough with this garbage! If you have a personal web page or blog, then blather on all you want with whatever language you feel is appropriate. If you want to create a web page for your business, then come back down to earth and realize that people are turned off by spelling and grammar mistakes. <strong>It\u2019s unprofessional and shows that you don\u2019t pay attention to details.<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>If you aren\u2019t willing to take care of little problems with your website, then how do I know you will take care of any kinds of problems with your products or services?<\/strong> Proofread your entire website before you publish it. If spelling and grammar aren&#8217;t your things, then get someone to do it for you. Do it for free if possible, but pay someone if you must.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Inconsistent_Design\"><\/span>Inconsistent Design<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">You aren\u2019t creating your website one page at a time, are you? With all the tools and resources available to business owners today, building a website should be a straightforward and easy thing to do. <strong>There are templates and content management systems that will allow you to quickly upload content while taking care of the details like formatting your text and making everything look consistent.<\/strong><\/p>\n<p style=\"text-align: justify;\">Unfortunately, I still see websites using three or four different fonts on one page, three or four different colors for headlines, and different sizes of text. <strong>These things all make your website look inconsistent and doesn\u2019t put your visitor at ease.<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>Find a good template system<\/strong>, make sure you keep your navigation simple and consistent and decide once and for all to use tools like Cascading Style Sheets to manage your styles and colors consistently throughout your site. If you don\u2019t know how to do this, then find someone who can help you. Your business is at stake.<\/p>\n<p style=\"text-align: justify;\">Oh, and by the way, <strong>avoid using any font larger than size 14<\/strong>. Nothing gives away the fact that you don\u2019t know what you are doing faster than a website that features only three or four words of text written in size 26 font. It is okay if you&#8217;re targeting 72-year-old grannies with cataracts in both eyes. But if not, keep your font size reasonable, and you\u2019ll keep your customers around longer.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Image_and_Video_Size\"><\/span>Image and Video Size<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Don\u2019t get busted in a speed trap. <strong>Your visitors like web pages that load quickly and cleanly<\/strong>. Using large images on your page will make it load much more slowly, and your visitors may click away if they get bored. Instead, use small, compressed images. Learn how to break images up into smaller parts, if necessary.<\/p>\n<p style=\"text-align: justify;\"><strong>Visitors may be much more forgiving for slow-loading video<\/strong>. Be sure to display a message or status bar indicating that the video is loading and asking your visitors to be patient. Even a simple message may make the wait seem bearable.<\/p>\n<h6 style=\"text-align: justify;\"><span class=\"ez-toc-section\" id=\"Compatibility\"><\/span>Compatibility<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p style=\"text-align: justify;\">Not everyone on the planet uses the same web browser you did when you created your website. If you want to make sure that people can visit your site, view what you have to offer, and possibly purchase your products and services, then you should <strong>make sure that your website is compatible with as many different browsers as possible.<\/strong><\/p>\n<p style=\"text-align: justify;\">This is particularly the case when you start to add in advanced elements like scripting. Nothing frustrates a visitor more than fill-in-the-blank forms that don\u2019t work as they should or product demos that don\u2019t display correctly. I know it\u2019s a lot of time to check for cross-compatibility, <strong>but it\u2019s worth the effort even if not doing it means only one lost sale.<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>That\u2019s it! Those are the web design crimes you want to make sure you avoid.<\/strong><\/p>\n<p style=\"text-align: justify;\">Let\u2019s face it; you\u2019re going to put in a lot of time and effort to create and maintain your website. Don\u2019t you think you should make sure it\u2019s visually appealing and user-friendly? <strong>If you don\u2019t take the time to think about what\u2019s best for your visitors and how to lead them toward the sale, then you\u2019ll lose out.<\/strong> They will just go somewhere else.<\/p>\n<p style=\"text-align: justify;\"><strong>And wouldn\u2019t that be the biggest crime of all?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>8 Web Design Felonies that Will Land Your Business in the No-Sale Prison I\u2019ve just been assaulted. Visually, aurally, and intellectually attacked. I landed on the web page of a business looking for a product that I was interested in buying. When the page (finally) loaded, I could hardly look at the thing. The color &#8230; <a title=\"8 Web Design Felonies You Should Avoid\" class=\"read-more\" href=\"https:\/\/www.normanbalberan.com\/blog\/8-web-design-felonies-you-should-avoid\/\" aria-label=\"Read more about 8 Web Design Felonies You Should Avoid\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":618,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,1],"tags":[71,307,75],"class_list":["post-617","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide","category-web-development","tag-web-design","tag-web-design-felony","tag-website-design"],"_links":{"self":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/617","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=617"}],"version-history":[{"count":0,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/posts\/617\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media\/618"}],"wp:attachment":[{"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/media?parent=617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/categories?post=617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.normanbalberan.com\/blog\/wp-json\/wp\/v2\/tags?post=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}