Web Design Guide - How To Web Design

2. Copyright © All rights reserved worldwide. YOUR RIGHTS: This book is restricted to your personal use only. It does not come with any other rights. LEGAL DISCLAIMER: This book is protected by international copyright law and may not be copied, reproduced, given away, or used to create derivative works without the publisher’s expressed permission. The publisher retains full copyrights to this book. The author has made every reasonable effort to be as accurate and complete as possible in the creation of this book and to ensure that the information provided is free from errors; however, the author/publisher/ reseller assumes no responsibility for errors, omissions, or contrary interpretation of the subject matter herein and does not warrant or represent at any time that the contents within are accurate due to the rapidly changing nature of the Internet. Any perceived slights of specific persons, peoples, or organizations are unintentional. The purpose of this book is to educate and there are no guarantees of income, sales or results implied. The publisher/author/reseller can therefore not be held accountable for any poor results you may attain when implementing the techniques or when following any guidelines set out for you in this book. Any product, website, and company names mentioned in this report are the trademarks or copyright properties of their respective owners. The author/publisher/reseller are not associated or affiliated with them in any way. Nor does the referred product, website, and company names sponsor, endorse, or approve this product. COMPENSATION DISCLOSURE: Unless otherwise expressly stated, you should assume that the links contained in this book may author/publisher/reseller will earn commission if you click on them and buy the product/service mentioned in this book. However, the author/publisher/reseller disclaim any liability that may result from your involvement with any such websites/products. You should perform due diligence before buying mentioned products or services. This constitutes the entire license agreement. Any disputes or terms not discussed in this agreement are at the sole discretion of the publisher. be affiliate links and either the Web Design Blunders

3. You Can See My own Products: PLR MONSTER Get LIFETIME access to 2000 Products Ready to Sell - For ONLY $7 - keep 100% of the profit App Builder Start Your Own Apps Empire! App Builder $9/year, UNLIMITED Apps, Get Free $1100 App Marketing Easytube Youtube Page 1 in 1 minute Easy System - See How All My Videos Rank Page 1 in Youtube, Yours Can Be Call To Action Videos Web Design Blunders

4. Double Your Video Conversion! Get 52 Call To action Videos With REAL Actors + Video Mixer Software Video Bomber Bomb YouTube With UNLIMITED Unique videos in Just Few Clicks, Fast and Easy Software! Instaquote Get Unlimited Facebook,Instagram,YouTube Unique content! Create STUNNING 100 Quotes in 7 seconds! YouTube Rank Checker YouTube Rank Tracker - Track Fast & Easy Unlimited Keywords & Videos Ranking - $7 One Time Payment! Web Design Blunders

5. Introduction Web design is complex enough as it is. You have to worry about mobile accessibility, design aesthetics, user friendliness, SEO, and so much more. But when you consider just how many mistakes one could make and how dearly those mistakes could cost the owner of the website… well, it’s frankly just mind blowing! The fact is, if you focus too much on any one element of web design, the other elements are going to suffer. You can’t allow that to happen. It’s important to be sure you’re covering all the bases if you want to have a website that is effective at getting traffic and getting conversions. In this guide, you’re going to learn about some of the most common mistakes web designers make, and how you can avoid making them on your own websites. Remember, it’s not all about SEO, or it’s not all about looking pretty… there are many factors that work together in unison to make the perfect website. And if you neglect one aspect, your site isn’t going to get the results you’re hoping for. So let’s begin. Web Design Blunders

6. Mistake #1 Overuse Of Animations and Flash Back in the 1990s and even the early 2000s, the use of animation and flash on websites was common. It was a way to jazz up websites and draw attention. Unfortunately, these tactics got overused and eventually became completely passé. Now, their use is a glaring signal that the person who made the website had absolutely no idea what they were doing. Flash and animated images have their place. For example, those websites that post funny images might use animated GIFs to get a laugh where a static image just might not work. Or Flash might be used on a free web-based gaming website. But if you’re using a ton of Flash banners or menus, or if you’re using animation in your logo or to draw attention to certain areas of your website, you’re being lazy AND annoying your visitors. Stop it! Use such tactics very judiciously, and only when necessary. Otherwise, you’re just making your site run more slowly and getting on your visitors’ nerves. Web Design Blunders

7. Mistake #2 Poorly Chosen Colors Another huge mistake people make when designing for the web is choosing colors that don’t work together or that severely clash and look terrible together. This could end up frustrating visitors to the point that they leave your site. At the very least, this could hurt conversions. Not only should you choose colors that are aesthetically pleasing, but you should be careful to use colors that work psychologically with your website’s theme. Believe it or not, colors can actually have specific effects on the human brain. For example, McDonald’s has always used the color red in their restaurants because the color can make people feel hungrier. This causes them to order more food than they really ought to, because they think they are hungrier than they actually are. If you want to learn more about how colors work psychologically, you can check out this article: >> http://www.entrepreneur.com/article/233843 Web Design Blunders

8. Mistake #3 Improper Font Use Fonts They can make or break a design, and unfortunately most people just go overboard with fonts, or they use the wrong ones. Some designers actually become semi-obsessed with fonts. They may have thousands of fonts on their system (which is a bad idea in itself, because the more fonts you have, the slower your system runs) and they may want to use as many of those fonts as they can in every design they create. Every font you use should have a specific purpose. Don’t use something like a cursive font or (heaven forbid) Comic Sans for the body text on your site. Not only is this not a good look aesthetically, but it also makes it harder to read the text. Use easy-to-read fonts like Helvetica, Arial, or Verdana. You can get a little more creative when it comes to your logo and headlines, but you should still make sure that: 1.The fonts are easy to read, AND... 2.The fonts work for your niche. (For example, don’t use fancy script fonts on a masculine website, or huge, garish fonts on a feminine one.) Web Design Blunders

9. Mistake #4 Failure to Implement SEO Every single website on the planet (except maybe those that are set up specifically to be private, which can be blocked with a password or robots.txt) needs search engine traffic. Otherwise, why even be online in the first place? But unfortunately, a lot of web designers focus too much on the way a site looks and they forget to make sure the site is capable of getting traffic! (The prettiest website in the world isn’t going to do you a bit of good if no one ever sees it!) Yes, your site should be attractive. And yes, your site should be user friendly. But you can’t forget to ensure that search engines can properly find and index your content. This requires using proper silo structure and making sure your navigation links are easy for search engines to find. Here is some information on the silo structure: >> http://www.bruceclay.com/seo/silo.htm Web Design Blunders

10. Mistake #5 Failing to Make the Site Mobile Friendly Let’s face it. Mobile is the wave of the future. Up to 90% of a given website’s traffic may be mobile these days, and that number is still rising. The personal computer is actually losing ground rapidly. Most people use computers for things like writing documents and for working, but when it comes to browsing, more and more people are using tablets and smart phones, because they can be used anywhere. Plus, as of April 2015, mobile friendliness is one of the factors Google uses to determine rankings. If your site is not mobile friendly, your rankings are likely to plummet unless all your other ranking factors are just phenomenal. If you’re using WordPress, you can make your site mobile friendly by simply choosing a mobile friendly (also known as responsive) theme. If you’re building your own website, you will need to detect user agent in order to find out what system a visitor is using, and then direct those users to a mobile version of your website. This requires making different versions of your site for different platforms. You can analyze your mobile friendliness here: >> https://www.google.com/webmasters/tools/mobile-friendly/ Web Design Blunders

11. Mistake #6 Using Audio or Auto-Play Videos Nothing is more irritating about the average website than being startled by loud audio that you weren’t expecting. This is especially true if it happens at an inopportune moment, such as when you’re surfing inconspicuously at work and it’s not break time, or if your kid is asleep and it wakes him up, or if you’re browsing somewhere you shouldn’t be (like, say, church or at a funeral – oops.) Unless you have a very good reason for doing so, never automatically play audio or video on your website. Polls have shown that if a user is hit with audio or video that plays automatically, it drastically increases the chances that they will immediately leave. (This increases what is known as bounce rate, and if your bounce rate is too high, it can adversely effect your search engine rankings.) The only time you should maybe set something to automatically play is when it is the primary focus of your page. For example, a video sales page or squeeze page might require auto-play. Otherwise, make it so that users have to manually activate audio or video. Your users will thank you! Web Design Blunders

12. Mistake #7 Bad Navigation Navigation is one of the most critical elements of any web design. If a user cannot find what they are looking for quickly, they are likely to leave just as quickly. There are several locations for navigation options on any website. Here are a few places you can squeeze in the navigation you need: Above the logo– This is a good place to have links to important pages like privacy pages and contact pages. Below the logo– This is traditionally where you can find important links to articles and other content. Sidebar– Your sidebar is another good place to locate stuff like article categories and pages. Footer – More links can be placed in your footer, and this is a good place to include links to pages if you haven’t located those links above the logo. You also want to be sure your site has search functionality if you have a large amount of content. Otherwise, it becomes nearly impossible for people to find the exact content they are looking for. Web Design Blunders

13. Mistake #8 Requiring Software Installations Years ago, it was common to need to download a piece of software in order to use a particular website. Things like Real Player and various web cam programs required downloads to run, because their functionality wasn’t built in to browsers. These days, with so many viruses going around that can steal your personal information or destroy your computer, people are wary of installing anything. If you require a download in order to use a function of your site, people are most likely just going to leave. If you need functionality that you can’t get from standard HTML or CSS, consider using something like HTML5 or other standard formats. If it requires something that most people don’t have, you’re going to lose a whole lot of traffic. You could also use Java or JavaScript, which most browsers can use natively these days. You can read more about HTML5 here: >> http://www.w3schools.com/html/html5_intro.asp Web Design Blunders

14. Mistake #9 Improper Optimization One of the biggest factors in SEO today is the speed at which your site loads. If your site is slow, you’re going to rank lower than a site that is speedier if all other factors are the same, simply because Google and other search engines understand that people are impatient and will quickly get bored and leave if a site takes too long to load. The most important things to optimize are: Images Videos Text itself doesn’t take long to load. It’s the images and videos on a website that can take a very long time to load. If you’re including photos in a blog post, for example, they don’t need to be massive in size unless they enlarge to show important details (like infographics, for example.) Images should generally be about 400-1000 pixels at most, and no more than about 75k. Videos should be optimized for the smallest size possible without sacrificing quality. HD videos are great, but they take a while to load, and this could hurt your search rankings, especially if your videos are set to load and play automatically. They’ll just slow down the rest of your site. Web Design Blunders

15. Mistake #10 No Contact Information Lack of contact information is a red flag for a lot of people, and it’s a red flag to Google. Sure, legitimate websites may not have contact information, but spammers almost never put contact information on their websites. If you have a contact page, people will trust you more. Here are some reasons you might want to include contact information on your website: 1.It’s a ranking signal for Google. Google loves to see contact information on your website, because it makes the site look more legitimate. Spammers definitely don’t want to be contacted. 2.Users will trust your site more if they see you’re being open and allowing people to contact you. 3.You could get important messages from potential advertisers who want to give you money to advertise on your site. 4.It could save you from legal issues if someone can contact you to resolve potential issues instead of having to subpoena your information and potentially sue you because they couldn’t contact you to ask you to remove something you inadvertently used on your site, for example. Web Design Blunders

16. Conclusion Web design is already a technical task. You have to learn how to use many different types of software, how to use scripts or program HTML or CSS, how to design graphics… it’s a lot of work and a lot of knowledge required. But even the most experienced designers often lose sight of the big picture when it comes to building websites. They may focus too much on aesthetics that usability suffers, or vice versa. Or they may focus too much on SEO and not enough on user experience, or the other way around. It’s important to be sure you’re looking at all potential aspects of design, and not focusing too much time and attention on any one factor. A harmonious design takes all factors into account equally in order to ensure the site is friendly to both users and search engines. You might want to create a checklist with web design best practices that you should keep in mind every time you build a new site. This way you can be sure you’ve followed every step each time. Good luck with your website! Web Design Blunders

17. Resources You Can See My own Products: PLR MONSTER Get LIFETIME access to 2000 Products Ready to Sell - For ONLY $7 - keep 100% of the profit App Builder Start Your Own Apps Empire! App Builder $9/year, UNLIMITED Apps, Get Free $1100 App Marketing Easytube Youtube Page 1 in 1 minute Easy System - See How All My Videos Rank Page 1 in Youtube, Yours Can Be Web Design Blunders

18. Call To Action Videos Double Your Video Conversion! Get 52 Call To action Videos With REAL Actors + Video Mixer Software Video Bomber Bomb YouTube With UNLIMITED Unique videos in Just Few Clicks, Fast and Easy Software! Instaquote Get Unlimited Facebook,Instagram,YouTube Unique content! Create STUNNING 100 Quotes in 7 seconds! YouTube Rank Checker Web Design Blunders

19. YouTube Rank Tracker - Track Fast & Easy Unlimited Keywords & Videos Ranking - $7 One Time Payment! Design Tools Canva Canva is a great tool designed to help novices produce professional designs. === Burner Bonanza Free online background remover to remove the background from any image or photo. The fastest way to remove backgrounds online. === Pencil Pencil is built for the purpose of providing a free and open- source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. === Tiny Take TinyTake is a free screen capture & video recording software for Microsoft Windows & Mac. With TinyTake, you Web Design Blunders

20. can capture images and videos of your computer screen, add comments and share them with others in minutes. === JR Screen Ruler This Screen Ruler is a great tool that allows you to accurately measure anything on your screen. This is especially useful when measuring graphics, web page browser sizes or whatever. Screen Ruler can display Pixels, Inches, Picas or Centimeters. === Online Photo Editor Pixir Editor Pixlr Editor is a robust browser photo editor, for all your editing needs. Have full control over your images, including layers and effects. === archive (Save LP) Archive.is is a time capsule for web pages! It takes a 'snapshot' of a webpage that will always be online even if the original page disappears. It saves a text and a graphical copy of the page for better accuracy and provides a short and reliable link to an unalterable record of any web page. === 3D Animated Mockup Welcome to the easiest, simplest, and fastest free online 3D Mockup Designer. Create animated mockups and view Web Design Blunders

21. them in 3D. Share generated gif or image on social platforms. === Donation coder forum DonationCoder.com is a website hosting a community of programmers and software fans. It supports a donation- based model to organize and finance software development, and is one example of Donationware. The site has an active forum which focuses on developments in software. === Absolute covers AbsoluteCovers.com is one of the first e-book covers creation service available online. === The free logo makers Logo Image Button and Text Generators. Online Logo Generators. Instant Logo Maker. Thousands of designs and easy to use - fully customizable. === Logo maker Our free, easy-to-use online logo maker helps you create an amazing logo in seconds. No design experience necessary. === Web Design Blunders

22. Logo ease LogoEase: Create Professional Logos Online for Free === Sim Websol Free online logo creator. Make web 2.0 logos for free. Quick and easy logo maker. Choose colors, fonts, and symbols to create a unique logo. === Cool text Cool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work === Ccm If you ever think about bringing more of your personal touch in your business, then The Logo Creator will enhance your creativity. The application makes up original logos from beautiful and intuitive colors. === Logo snap LogoSnap is an online design company providing custom business logo designs and a free logo generator for your firms professional image. === Web Design Blunders

23. Free logo services Large selection of high-quality free logos. Customize a logo for your company easily with our logo maker. Free logo design in minutes! === Work Smarter Not Harder! We all know that using internet marketing tools can help us get big success However, did you know that using best internet marketing tools is THE key element for real success of your business? Here is why we must use marketing tools: Use tools can help you Earn more money! Save more time! Web Design Blunders

24. Because For almost every paid tool you can find a free alternative one! Use tools can save you time because when you have the best productivity tools, you add more hours to your day! Need more customers and more leads? You must know the best tools nowadays for you to collect emails fast and easy. Do you want your site to reach higher rankings? You will find in our guide top popular SEO tools for free and also paid ones. Do you feel that you waste a lot of time working on social media marketing? We have gathered in top tools the best top social marketing tools for to automate your social media marketing. Don't know which content to write for your audience? You can find in this guide top tools that give you top ideas to generate the best texts filled with interesting content. Web Design Blunders

25. This big list of top internet marketing tools includes almost every tool you’ll ever need to master every aspect of a digital marketing campaign Feel free to share this guide with your friends! They will definitely be thankful! ALL 100 TOP TOOLS CATEGORIES Content Curation Tools Social Media Tools PPC Tools Content Optimization Tools Rank Tracking Tools Tops Keyword Research Tools Keywords Ideas Tools Web Design Blunders

26. Technical Seo Tools Top Seo Tools Link Building Top Seo Tools Top Landing Pages Creators Twitter Trending Topics Twitter Tools For Images Twitter Hashtags Top Twitter Tools Top Facebook Tools Top Lead Generation Tools Top Autoresponders Tools Web Design Blunders

27. Build Email List Tools Top Niche Research Tools Top Trends Tools Ecommerce Software Screen Capture Video Audio Tools Gif Creator Tools Free Banner Creators Tools Top Online Contests Tools Twitter Tools Twitter Analysis Management Tools Web Design Blunders

28. Competitive Analysis Tools Backlink Investigation Tools Tools For Writers Instagram Tools Notifications Monitoring Tools New Launch Products Sites Question And Answer Sites Push Notification Tools Time Management Tools Webinars Tools Web Design Blunders

29. Heatmap Analytics Tools Free Wordpress Tutorials Website Templates builder Tools Website Testing And Analysis Tools File Sharing And Data Storage Tools Brainstorming And Mind Mapping Tools Top Interstitial Traffic Networks Top Solo Ad Traffic Sources Top Native Ads Traffic Networks Top PPC Networks Top PPV CPV Networks Web Design Blunders

30. Top Mobile Traffic Networks Infographic Submission Sites Free Video Submission Sites Free Article Submission Sites CPA CPM Aff Networks Mobile Marketing Tools Scraper Extractor Tools Support Tools Graphic and Design Tools Efficiency Tools Web Design Blunders

31. Virtual Assistant Sites Top Outsourcing Tools Traffic Analysis Tools VPN Tools Integration Services Tools Social Media Analytics Tools Url Shortener Tools Content Ideation Tools Domain Name Idea Generators Domain Appraisal Tools Domain Email Tools Web Design Blunders

32. Business Dashboard Tools Increasing Influence Payment Gateways Tools Project Management Tools Customer Support Website Monitoring Tools Form Builders Website Builders Image And Cliparts Sites Design Tools Video Creating Tools Web Design Blunders

33. Surveys Top Outreach Tools Top Live Chat Tools YouTube Marketing Tools Mobile Marketing Tools Top Heatmaps Tools Top E-learning Platforms Top Content Tools Cloud File Storage Top Affiliate Marketing Sites Top Analytics Tools Web Design Blunders

34. Top Social Advertising Tools Content Creation Tools Social Analytical Tools Monitoring Sharing Tools Internet Marketing Top Forums Internet Marketing Newsfeeds Internet Marketing Top Sites Web Design Blunders