{"id":5259,"date":"2010-06-11T07:22:56","date_gmt":"2010-06-11T12:22:56","guid":{"rendered":"http:\/\/37d57f8fa2.nxcli.io\/blog\/?p=5259"},"modified":"2010-06-11T07:37:47","modified_gmt":"2010-06-11T12:37:47","slug":"small-business-web-design","status":"publish","type":"post","link":"https:\/\/www.marketingforsuccess.com\/blog\/web-design\/small-business-web-design\/","title":{"rendered":"10 Do&#8217;s &#038; Don&#8217;ts of Small Business Web Design"},"content":{"rendered":"<p style=\"text-align: left;\">Thinking about giving your older website a makeover \u2013 or planning your first business site? Here are ten basic design do&#8217;s and don&#8217;ts to remember whether you&#8217;re a do-it-yourselfer or working with a web designer. They&#8217;re a solid place to start for many small business websites \u2013 and once you know the rules, you can bend them as needed to make your site as audience-appropriate as it needs to be.<\/p>\n<p style=\"text-align: left;\"><strong>1. Do be consistent.<!--more--><\/strong><\/p>\n<p style=\"text-align: left;\">The appearance and location of standard page elements, like navigation, should be consistent across your entire site. Having a main menu that appears in a different position from page to page will<a href=\"https:\/\/www.marketingforsuccess.com\/blog\/wp-content\/uploads\/2010\/06\/web-design-tips.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-full wp-image-5293\" title=\"web design tips\" src=\"https:\/\/www.marketingforsuccess.com\/blog\/wp-content\/uploads\/2010\/06\/web-design-tips.jpg\" alt=\"web design tips\" width=\"113\" height=\"150\" \/><\/a> only confuse your visitors!<\/p>\n<p style=\"text-align: left;\"><strong>2. Do be conventional.<\/strong><\/p>\n<p style=\"text-align: left;\">Follow general conventions for navigation and layout \u2013 menus at the top or on the left; using metaphors like tabs for menus. Eyetracking studies show that website users often scan a web page using two horizontal sweeps and one vertical one. You can&#8217;t go wrong if you stick with the <a href=\"http:\/\/www.useit.com\/alertbox\/reading_pattern.html\">F-shape<\/a>.<\/p>\n<p style=\"text-align: left;\"><strong> <\/strong><\/p>\n<p style=\"text-align: left;\"><strong>3. Don\u2019t require a magnifying glass.<\/strong><\/p>\n<p style=\"text-align: left;\">Avoid tiny font sizes for main text content \u2013 consider using a CSS stylesheet to make the base font size 100%. By doing this you&#8217;ll\u00a0 respect the visitor&#8217;s preferences for default font size. Avoid very small fonts except for copyright information and other &#8216;fine print.&#8217;<\/p>\n<p style=\"text-align: left;\"><strong>4. Do make it legible.<\/strong><\/p>\n<p style=\"text-align: left;\">Some font faces are easier to read than others. Sans serif font faces are much more legible at smaller sizes and should be used for large blocks of text. Save the serif font faces, like Times or Georgia, for headlines and other larger text elements.<\/p>\n<p style=\"text-align: left;\"><strong>5. Don&#8217;t be afraid of white space.<\/strong><\/p>\n<p style=\"text-align: left;\">Blocks of open space make it easy to separate different areas and content types on your site and reduce the appearance of a cluttered page. Let your content breathe.<\/p>\n<p style=\"text-align: left;\"><strong>6. Do break up content.<\/strong><\/p>\n<p style=\"text-align: left;\"><strong> <\/strong><\/p>\n<p style=\"text-align: left;\">Use elements like bulleted lists, blockquotes, and headlines to break up large content blocks into more manageable chunks. Visitors scan, they don&#8217;t necessarily read \u2013 make it easier to digest the gist of the content quickly.<\/p>\n<p style=\"text-align: left;\"><strong> <\/strong><\/p>\n<p style=\"text-align: left;\"><strong>7. Do be flexible.<\/strong><\/p>\n<p style=\"text-align: left;\">Different web browsers display content differently \u2013 it&#8217;s a fact of life on the Internet. Older browsers are particularly notorious for wreaking havoc with a design. Make sure your new design is tested across different browsers to make sure that variations are acceptable and minimized where possible.<\/p>\n<p style=\"text-align: left;\"><strong>8. Do keep images under control.<\/strong><\/p>\n<p style=\"text-align: left;\"><strong> <\/strong><\/p>\n<p style=\"text-align: left;\">Avoid large, complex background images \u2013 the bigger the image, the more it can slow down loading of your page. Also, if you need an image in your page and simply upload a huge photo and rely on the web browser scale it down for you, the file size is still huge and the browser has to do extra work to resize your image on the fly. When you need an image that&#8217;s 300px by 200px, reduce it to that size <em>before<\/em> you load it onto your site.<\/p>\n<p style=\"text-align: left;\"><strong> <\/strong><\/p>\n<p style=\"text-align: left;\"><strong>9.\u00a0 Don\u2019t let distractions be the focus of your site.<\/strong><\/p>\n<p style=\"text-align: left;\"><strong> <\/strong><\/p>\n<p style=\"text-align: left;\">Splash pages, unnecessary animation, and music, which might catch your visitor&#8217;s attention momentarily, can quickly become irritations.<\/p>\n<p style=\"text-align: left;\"><strong> <\/strong><\/p>\n<p style=\"text-align: left;\"><strong>10. Do remember this: The user always comes first.<\/strong><\/p>\n<p style=\"text-align: left;\">Avoid putting roadblocks in front of your visitors. Make it as easy as possible for them to accomplish their goals \u2013 and make it very clear what it is they can and should be doing on your site. Don&#8217;t stand in their way by making your site hard to get around in, difficult to read, or burying information so deeply that a visitor would need a shovel to find it. If they stick around that long.<\/p>\n<p style=\"text-align: left;\">&#8212;&#8212;&#8212;-<\/p>\n<p style=\"text-align: left;\">Your visitors are much more likely to spend time on a site that&#8217;s legible, pleasant to look at and well-organized. And that can translate into more opportunities to make your business shine.<\/p>\n<p style=\"text-align: left;\">&#8211; <em>Debbie<\/em><\/p>\n<table style=\"text-align: left;\" border=\"0\" cellspacing=\"8\" cellpadding=\"8\" width=\"450\">\n<tbody>\n<tr>\n<td width=\"450\" height=\"0\" valign=\"top\" bgcolor=\"#ececec\"><strong><a href=\"https:\/\/www.marketingforsuccess.com\/blog\/debbie-campbell\/\">About Debbie Campbell<br \/>\n<\/a><\/strong><a href=\"https:\/\/www.marketingforsuccess.com\/websales.html\"><strong>Related Resources<\/strong><\/a><strong><a href=\"https:\/\/www.marketingforsuccess.com\/blog\/author\/dcampbell\/\"><br \/>\nMore Posts by Debbie Campbell<\/a><\/strong><\/p>\n<p>To discover the easy and inexpensive ways <span style=\"text-decoration: underline;\">anyone can attract more clients and maximize their profits<\/span>, sign up for your<strong> <\/strong><strong><a href=\"https:\/\/www.marketingforsuccess.com\/free8-s.html\">FREE <\/a><\/strong><strong><a href=\"https:\/\/www.marketingforsuccess.com\/free8-s.html\">Profit Now <\/a><\/strong><strong><a href=\"https:\/\/www.marketingforsuccess.com\/free8-s.html\">Report<\/a>. <\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px; text-align: left;\"><a class=\"zemanta-pixie-a\" title=\"Enhanced by Zemanta\" href=\"http:\/\/www.zemanta.com\/\"><img decoding=\"async\" class=\"zemanta-pixie-img\" style=\"border: medium none; float: right;\" src=\"http:\/\/img.zemanta.com\/zemified_e.png?x-id=13d2f70a-2573-4d7e-997c-9b09fa13cbec\" alt=\"Enhanced by Zemanta\" \/><\/a><span class=\"zem-script more-related more-info pretty-attribution paragraph-reblog\"><script src=\"http:\/\/static.zemanta.com\/readside\/loader.js\" type=\"text\/javascript\"><\/script><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Thinking about giving your older website a makeover \u2013 or planning your first business site? Here are ten basic design do&#8217;s and don&#8217;ts to remember whether you&#8217;re a do-it-yourselfer or working with a web designer. They&#8217;re a solid place to start for many small business websites \u2013 and once you know the rules, you can [&hellip;]<\/p>\n","protected":false},"author":47,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[323],"tags":[408],"_links":{"self":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/posts\/5259"}],"collection":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/comments?post=5259"}],"version-history":[{"count":0,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/posts\/5259\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/media?parent=5259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/categories?post=5259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/tags?post=5259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}