{"id":99,"date":"2009-02-11T09:02:38","date_gmt":"2009-02-11T14:02:38","guid":{"rendered":"http:\/\/blog.paymentconsulting.net\/?p=99"},"modified":"2009-02-11T09:04:12","modified_gmt":"2009-02-11T14:04:12","slug":"great-article-on-web-design","status":"publish","type":"post","link":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/?p=99","title":{"rendered":"great article on web design"},"content":{"rendered":"<p>Hi,<\/p>\n<p>I think this is a great article on web design. I am a true believer in &#8220;web design 101&#8221; In other word keep the site simple so your visitors can find what they want quickly, spend their money and be gone. If you want to show the world how clever you are give your visitors the option to click to see your flashes, videos, etc. If you don&#8217;t and they have to suffer through things when they are in a hurry they will leave but without buying!<\/p>\n<p>My 2 cents.<\/p>\n<p>Bill<\/p>\n<p>To Print: Click here or Select File\/ Print from your Browser Menu.<\/p>\n<p>Article printed from SiteProNews: http:\/\/www.sitepronews.com<br \/>\nHTML version available at: http:\/\/www.sitepronews.com\/archives.html<\/p>\n<p>7 Basics of Good Web Design<br \/>\nBy George Peirson (c) 2009<\/p>\n<p>Whether you are just starting a web design project, looking at<br \/>\nrevamping an existing site, or just wanting to double check the<\/p>\n<p>usability of your current web site you should consider these 7<br \/>\nBasics of Good Web Design.<\/p>\n<p>These basics are aimed at new visitors\/customers; your repeat<br \/>\ncustomers will be judging your web site on different values.<\/p>\n<p>Just like wearing the appropriate clothes for a job interview,<br \/>\nthese basics will help you pick out the &#8220;look&#8221; of your web site<br \/>\nso that you make a good first impression.<\/p>\n<p>1. Fast Loading Web Site \ufffd Any way you look at it, a fast<\/p>\n<p>loading page should be your number 1 concern. The web is all<br \/>\nabout speed, fast searches, fast purchases, fast information.<br \/>\nYou can&#8217;t have any of that with a slow loading page. Ask<br \/>\nyourself this question &#8211; have you ever been on Google doing a<\/p>\n<p>search for something important and a link you clicked on didn&#8217;t<br \/>\nopen up immediately? What did you do? Patiently wait for the<br \/>\npage to open or move onto the next link on the list? My favorite<br \/>\nsites open almost immediately.<\/p>\n<p>So, a few suggestions: Make sure that your images are properly<br \/>\noptimized. Don&#8217;t use very many large images, save those for a<br \/>\ndifferent page. Keep any auto-running multimedia to a minimum,<br \/>\noffer links to run media instead. Check your code for anything<\/p>\n<p>else that could affect your page loading times. Since text loads<br \/>\nalmost instantly go ahead and use all the text you want, just<br \/>\nkeep everything else under control.<\/p>\n<p>2. No Meaningless Splash Page \ufffd Do you appreciate a fancy<\/p>\n<p>animation page that doesn&#8217;t tell you anything and you have to<br \/>\nwait for before the web site will open? Neither do I. The last<br \/>\nthing I want once I find an interesting site is to wait through<br \/>\nsome animation before getting to the first page. This doesn&#8217;t<\/p>\n<p>mean that I don&#8217;t want multimedia on a site, I do. I just don&#8217;t<br \/>\nwant an animation before the first page that forces me to wait<br \/>\nfor it to finish before getting onto the site. It&#8217;s like having<br \/>\nto wait for a salesperson to finish their memorized speech<\/p>\n<p>before you can ask them a question. No thanks! I like animation,<br \/>\njust in the right place and at the right time. Plus, if I am a<br \/>\nreturning customer, I will have already seen that animation and<br \/>\ndon&#8217;t need to see it again.<\/p>\n<p>My recommendation is to use a smaller animation contained in<br \/>\nyour main landing page which also includes your main message and<br \/>\nlinks to the rest of your site. It will make for a faster<br \/>\nloading page (smaller file) and your visitors can go ahead with<\/p>\n<p>accessing your site without having to wait for the animation to<br \/>\nfinish.<\/p>\n<p>One final note, never, ever put your logo as the only content<br \/>\non your landing page with a link that says &#8220;Enter Site&#8221;. This<\/p>\n<p>just screams Unprofessional and will drive away potential<br \/>\nvisitors in droves. The last thing I want to do is to click on<br \/>\nanother link just to get into the site. This is a total waste of<br \/>\nmy time. I usually will skip a site if I see this.<\/p>\n<p>3. No Annoying Web Gimmicks \ufffd Now that you have your visitor on<br \/>\nyour site quickly the one thing you don&#8217;t want to do is to drive<br \/>\nthem away just as quickly. So, don&#8217;t put anything annoying on<br \/>\nthat first page. No loud background music that makes them<\/p>\n<p>quickly hit the volume control or the back button on their<br \/>\nbrowser. No flashing animations while they are trying to read<br \/>\nyour content. No popup, flyout, expanding ads that cover your<br \/>\nhome page. Basically, leave the gimmicks alone until you are sure<\/p>\n<p>that your visitor will stay on your site. Most casual visitors<br \/>\nwill leave your site in just a few seconds, no sense on driving<br \/>\nthem away more quickly.<\/p>\n<p>Multimedia is great on a web site, just don&#8217;t bombard your<\/p>\n<p>visitor with it first thing. If you want audio, then put in a<br \/>\nnice picture with a link, like a picture of yourself with text<br \/>\nsaying something like &#8220;Let me tell you how to make $50,000 this<br \/>\nmonth!&#8221; If they are interested, they will click on the link and<\/p>\n<p>listen to your message; if they are not interested in audio, then<br \/>\nyou should be using a different pitch anyway.<\/p>\n<p>Also, monitor what advertisers are putting on your site if you<br \/>\nsell ad space. I am sure you have seen those ads with the<\/p>\n<p>animated dancing figure, cute the first time you see it. But<br \/>\nafter seeing it 10,000 times with every imaginable character I<br \/>\nhave added the company to a list I keep of companies I will<br \/>\nnever do business with. So their animation has gone from &#8220;look<\/p>\n<p>at me&#8221; to &#8220;you annoy me&#8221; in my mind. Ads like these will impact<br \/>\nyour visitor&#8217;s experience. So even if your site is perfectly<br \/>\ndesigned, one misplaced ad can ruin all of your hard work.<\/p>\n<p>4. Have a Clear Message \ufffd Too many web sites are a mish-mash of<\/p>\n<p>content. This is especially true of blog pages. Certain types of<br \/>\nsites lend themselves to stream of consciousness content, but<br \/>\nmost don&#8217;t. Make it easy for your viewer to understand what your<br \/>\nweb site is about, don&#8217;t make them guess. Have a clear topic<\/p>\n<p>headline, followed by clear and concise text. This is also where<br \/>\na picture is worth a thousand words, but only if the picture<br \/>\ndirectly pertains to your message.<\/p>\n<p>You want your visitor to quickly understand what your message<\/p>\n<p>is. If they like your message, they will take the time to read<br \/>\nthe rest of your page and look around your web site. If they<br \/>\ndon&#8217;t like your page, then it won&#8217;t do you any good having them<br \/>\nstay on your site anyway. So, don&#8217;t make your visitors guess,<\/p>\n<p>let them know what you are about quickly and cleanly and you<br \/>\nwill have happy visitors. And when thinking about a sales page,<br \/>\na happy customer is a buying customer.<\/p>\n<p>5. Coordinated Design \ufffd This one should be self evident, but it<\/p>\n<p>is surprising how many sites change their design for every page.<br \/>\nYou want your visitor to be comfortable in your site and one way<br \/>\nto achieve that is by having a coordinated web design. Having a<br \/>\nconsistent logo, using a consistent color scheme, keeping your<\/p>\n<p>navigation in the same place. All of these help to create a<br \/>\ncoordinated design. This does not mean that you can&#8217;t change<br \/>\ncolors or the &#8220;Look&#8221; on different segments of your site, but if<br \/>\nyou do, the changes should not be so drastic that it feels like<\/p>\n<p>you have moved on to a different site.<\/p>\n<p>If you select one place for your logo, one place for your<br \/>\nnavigation, one look for your buttons or other common graphic<br \/>\nelements and stick with those then you will be well on your way<\/p>\n<p>to a coordinated design. If you change colors for a different<br \/>\nsection, but keep the same logo location, the same navigation<br \/>\nlocation, the same button shape, then your visitors will not<br \/>\nbecome lost as they move from page to page.<\/p>\n<p>6. Easy Navigation \ufffd Once you have grabbed your visitors<br \/>\nattention you want them to be able to easily move around the<br \/>\ndifferent areas of your web site. This is done with easy to use<br \/>\nnavigation. There are three standard, accepted locations for<\/p>\n<p>navigation elements on a web page: along the top, on the left<br \/>\nside, and at the bottom. I will usually put my main navigation<br \/>\neither along the top or along the left side. I will then put<br \/>\ntext based navigation at the bottom of the page, this text based<\/p>\n<p>navigation is more for the search engines than anything else,<br \/>\nbut it also makes it easy for your visitors to move to the next<br \/>\npage when they have reached the bottom of the current page.<\/p>\n<p>Most people start reading a page from the top left and then<\/p>\n<p>read towards the bottom right. So navigation at the left or top<br \/>\nwill be seen as soon as someone enters your page. Also<br \/>\nnavigation at the left or top will not move or change position<br \/>\nif the browser window is adjusted in size. The worst thing you<\/p>\n<p>can do is to put your main navigation on the right side of the<br \/>\npage and have your page set for a large screen size. Let&#8217;s say<br \/>\nthat your page is set for 1024 across with the navigation on the<br \/>\nright, and someone views your page at 800 across, they will not<\/p>\n<p>see your navigation at all. The left side of your page will show<br \/>\nperfectly, but the right side will be hidden outside of their<br \/>\nviewing area. Of course by using floating or popup menus you can<br \/>\novercome some of these design limitations and keep your<\/p>\n<p>navigation visible at all times.<\/p>\n<p>Unless you know that your audience will enjoy it, don&#8217;t use<br \/>\nMystery Navigation. This is where your navigation is hidden<br \/>\nwithin images, or spaced around the web page in some mysterious<\/p>\n<p>random order. This can be fun on gaming sites, or social<br \/>\nnetworking sites, but in most cases the navigation should be<br \/>\neasy to see and easy to use. If you do want to use Mystery<br \/>\nNavigation, I would recommend keeping the text based navigation<\/p>\n<p>at the bottom of the page, just in case.<\/p>\n<p>7. Have a &#8220;Complete&#8221; web site \ufffd And finally, no one wants to go<br \/>\nto a web site only to find that the site is &#8220;Under Construction&#8221;<br \/>\nand the content they are looking for is not there. These are<\/p>\n<p>words that you should never use. If a section of your web site<br \/>\nis not ready for prime time yet, then simply don&#8217;t show it yet.<br \/>\nIt is better to have your site look complete and professional,<br \/>\nthen to have it look like a work in progress that should not be<\/p>\n<p>up on the web yet.<\/p>\n<p>You can easily tell your visitors that you will be having more<br \/>\ncontent in the future without having your site look like it is<br \/>\nunfinished. Just use phrases like &#8220;Content Updated Weekly&#8221; or<\/p>\n<p>&#8220;New Products Added Monthly&#8221;. Both of these will tell your<br \/>\nvisitors that it would be worth their time to come back and<br \/>\nvisit later, but neither one will make your site look<br \/>\nunfinished. So no matter how small your web site is, give the<\/p>\n<p>impression that you have taken the time to complete the site<br \/>\nbefore putting it up on the internet, this makes for a more<br \/>\nprofessional presentation and a better visitor experience.<\/p>\n<p>In Closing \ufffd By following these simple 7 Basics of Good Web<\/p>\n<p>Design you will be well on your way to having an easy to use and<br \/>\nsuccessful web presence. Just keep in mind what you look for<br \/>\nwhen you first land on a web page after doing a web search in<br \/>\nGoogle or Yahoo, or other search engine. If you want fast<\/p>\n<p>loading pages, make sure your pages load fast. If you want to be<br \/>\nable to find what you are looking for quickly and easily, then<br \/>\nmake sure you have easy navigation. Just keep your first time<br \/>\nvisitor in mind, put yourself in their web shoes and make your<\/p>\n<p>web site an enjoyable place to visit and success should follow.<br \/>\n================================================================<br \/>\nGeorge Peirson is a successful Entrepreneur and Internet Trainer.<br \/>\nHe is the author of over 40 multimedia based tutorial training<\/p>\n<p>titles covering such topics as Photoshop, Flash and Dreamweaver.<br \/>\nTo see his training sets visit http:\/\/www.howtogurus.com<br \/>\nArticle copyright 2009 George Peirson<br \/>\n========================================<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi, I think this is a great article on web design. I am a true believer in &#8220;web design 101&#8221; In other word keep the site simple so your visitors can find what they want quickly, spend their money and be gone. If you want to show the world how clever you are give your &hellip; <a href=\"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/?p=99\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">great article on web design<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[10],"class_list":["post-99","post","type-post","status-publish","format-standard","hentry","category-news-update","tag-web-sites"],"_links":{"self":[{"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/99","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=99"}],"version-history":[{"count":1,"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/99\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/99\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=99"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=99"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.paymentconsulting.net\/Blog\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}