What do you hate maximum about web sites? If you browse websites as a whole lot as we do, then there are lots to hate. Because there are so many terribly designed, person non-pleasant websites on the Internet nowadays, we’ve got put together this quick, however, the exact list of things to hate approximately web design. In addition to compiling this list, we’ve also supplied an answer for each of the troubles.
When developing a web design, there are a number of factors that a web clothier must take into consideration if their intention is to provide an excessive first-class, user pleasant website.
1. Vomit Inducing Color Schemes
There is not anything worse than traveling an internet site and seeing a borderline-grotesque, mismatched, out of manage shade scheme. As fundamental as it is, some human beings have a horrible time choosing a success coloration schemes. Though there are hundreds of thousands of colors to pick out from, it would not be a hard technique. Whether you want to pay for a chunk of software that will significantly simplify the color scheme choice technique or use one of the free color scheme gear available on the Internet, you will be enforcing appealing and a hit shade schemes very quickly.
If you need to pay for a color scheme utility as a way to do all the work for you, then your quality solution is the Color Schemer Studio. Located at and available in both Mac OS X and Windows flavors, this tool not best builds you a whole colour scheme primarily based on an unmarried shade, however it also generates monochromatic, compliment, split supplement, triad, tetrad, and analogous harmonies based off of that identical unmarried color which you pick out. It is honestly outstanding. There are numerous other neat and extraordinarily beneficial capabilities built into this utility, too.
Not to Pay
If you would alternatively now not pay the $49.Ninety-nine for the Color Schemer Studio (although it is really worth each penny), then there are free options available. Navigate to and you will find a Flash based color scheme tool known as the Color Wizard. Although not pretty as user pleasant because of the Color Schemer Studio, the Color Wizard has a whole lot of capabilities built into it. You can both input a hex shade code or pass the sliders backward and forward to discover the color which you’re seeking out. The Color Wizard additionally gives you multiple harmonies primarily based off of the unmarried color that you pick out. The Color Wizard is a strong (and unfastened) color schemer product. The only downside to the Color Wizard is that it’s far to be had only to be used on the Internet. In the evaluation, the Color Schemer Studio does not require an Internet connection because it positioned in your laptop’s hard force.
Less is More
When choosing your coloration scheme, don’t use too many colors. The assertion “less is more” have to constantly be carried out during the shade scheme choice process. How many colors need to one use? That’s a hard query to reply. Although there’s no set range, it is usually first-class to paintings round three colorations if viable:
Primary color: The main color that occupies the majority of the web page. The number one color units the overall tone.
Secondary shade: The second shade that has a purpose of backing up and reinforcing the number one coloration. The secondary color is usually a color that is much like the primary color.
Highlight shade: This is a color this is used to emphasize sure regions of the web page. It is often a coloration which contrasts more with the number one and secondary colors, and as such, it should be used with moderation. If you are the use of color schemer software program like the ones referred to above, it’s far common to use a complimentary or cut up-complimentary shade for this.
There are a number of resources available on the Internet that designates color schemes in extra detail. However, if you use any of the coloration schemer solutions noted above and follow the primary recommendations which we have cited, then you definitely should not have a problem creating a beautiful shade scheme on your website.
2. Flash-al Abuse
When used excessively or in irrelevant locations, Flash is terrible for your website – horrible for Search Engine Optimization and perhaps more importantly, horrible on your site visitors. Don’t get us incorrect – Flash is an exquisite program that lets in innovative multimedia geniuses to produce some charming paintings. However, the following implementations of Flash should be excluded out of your website:
Probably the most abused and misused technique of the usage of Flash, Flash navigation is typically horrific or extremely terrible. Why is it awful you ask? Well, there are a number of motives:
Search Engine Optimization: If you are acquainted with search engine marketing, then you definitely realize the importance of having textual content to your website. The text is what makes indexing your website in the engines like google feasible. The trouble with Flash is that the serps do not pass inside of the Flash files to acquire the textual content statistics. What this basically means is that after the quest engine spiders crawl your website and come across your Flash navigation record, they crawl right over the pinnacle of it. If you have got keywords for your Flash navigation which can be relevant to the content of your website, then they might not be indexed or maybe noticed by using the quest engine spiders.
Page load time: Using Flash for your navigation will sluggish down the load time in your internet page. Yes, the usage of some thing on your website will add to the load time; but, a few things (including Flash navigation) are avoidable. Some Flash document sizes are large than others – the larger the document size manner an extended down load time way the extra your already impatient site visitors ought to wait.
User non-friendly: The motive of internet site navigation is to provide on your traffic a means of, nicely, navigating all through your internet site. Flash navigation crosses over from terrible to extraordinarily horrific while the vacationer has to look forward to an animation to finish on every occasion their mouse cursor rolls over an object inside the menu. In case you failed to already recognize, humans hate waiting. There is nothing worse than having to wait even only a few seconds with a purpose to prompt a specific navigational object after rolling over it. Not simplest can the animations be stressful, but every now and then the menus are simply downright puzzling (i.E. Picture elements are used in place of words for each object).
What approximately individuals who do not have Flash?: Not anyone is the usage of Flash nowadays. Although it is usually uncommon that a person would not have Flash activated on their laptop, it nevertheless takes place. These Flash-disabled customers will have no manner of locating their manner around your website. And due to the fact one of the key substances to a hit website is navigation, now not having navigation to those with Flash disabled will make your website look quite horrible (and extra importantly, non-interactive and useless).
The great way to construct an SEO friendly, speedy loading, consumer friendly, ultra well suited navigational menu is by means of the use of CSS (cascading style sheets). CSS solves all of those problems that you will encounter while using Flash navigation. There some of the free CSS navigational menu sources available on the Internet. Dynamic Drive CSS based totally navigational menus positioned at dynamicdrive.Com are extraordinarily famous and widely used by web designers and internet developers, together with us.
Without a doubt, the worst manner to apply (or have to we are saying misuse) Flash is to have a Flash intro on your website. In case you do not already know, Flash intros are those worrying animations that play whilst you first arrive at a few websites. If the content material of your website is attractive and useful, then there is no actual cause to have a Flash intro. Adding to the reality that the general public is impatient when browsing the web, a lot of them do now not have the time or staying power to look at a lengthy Flash intro.
If you’ll have a Flash intro, then at the least include a “Skip Intro” button that is surely seen to the user. Even higher, as opposed to making the Flash intro some thing this is automatically shown to all visitors, region a descriptive link somewhere inside of your website that, while clicked, lets in the user to view your promotional animation (commonly what Flash intros are).
Finally, be cautious with the inclusion of sound to your Flash intro. If a person has their audio system became up to an excessive quantity, then you can be answerable for scaring the dwelling daylights out of them (and scaring them away from your internet site as well).
Three. Information Overload
Having too little facts on pages of your internet site can make them seem bare and uninteresting; however, having too much statistics can weigh down the person (which isn’t always something you especially need to do). Ads, pics, textual content, extra ads, navigation, secondary navigation, content material, extra advertisements… They all begin to upload up.
Although there’s no rule as to how plenty records in line with the web page is enough, you need to try to restriction your web pages to the following:
Header/logo: All web sites want a header/emblem to identify who they are. For usability purposes, try to maintain the height of your header at a moderate size. Most of our headers are no extra than 2 hundred – three hundred pixels tall. Anything taller than 300 pixels and you take the risk of forcing the user to need to scroll down just to see the navigation and content material of your internet site. Yes, we want the user to have a look at the navigation and content of your internet site; but, much less scrolling makes for a simpler and extra fun visit for the consumer.
Navigation: All websites must have a purposeful navigational gadget so as for customers which will locate their manner across the website. Using vertical or horizontal menus are a remember of personal choice. Although one menu is vital, attempt now not to have multiple. Multiple navigational menus can easily confuse the user. If you’ve got quite a few sections in your website, then try using a CSS drop down menu on the way to assist you to encompass a tremendous deal of navigational objects at the same time as taking up a minimal quantity of space.
Ads: Many web sites provide a provider to their site visitors at no cost. It is because of advertisements that maximum of those offerings is available free of charge. When the usage of advertisements, do not abuse their utilization. Google AdSense lets in a maximum of three advertisements in keeping with a web page for a reason – too many advertisements could make your internet website appear to be unsolicited mail very quickly. Placement of commercials is likewise crucial. Don’t attempt to trick your site visitors by placing your advertisements in areas where they look like actual content material on your internet website. People do not like to be tricked. If they need to go to your advertising sponsor, then they will click on the ad.
Content: Each internet web page must have an area for content material. This primary segment needs to be the focal point for each internet page. Having a variety of facts about the topic for each net page is simply satisfactory. Make certain now not to consist of too many exclusive topics on one net page. Instead, split the subjects up and permit for each to have its own page.
Images: Use pix reasonably and best while essential to your content material location. Images take longer to download than text. Make certain that your pix are properly compressed so that the down load time for your net pages aren’t compromised because of big snap shots. Nothing says “novice net designer” greater than having large, uncompressed pictures that take mins to load.
Footer: The data contained in footers range from website to website. Try not to stuff an excessive amount of information inside the footer – specifically essential statistics. Not all customers scroll all the way down to the lowest of web pages to look the footer – some prevent on the end of the content material. If you have important records that must be located inner of the footer, then begin the footer soon after the content vicinity ends. Placing the main links for your website inside the footer is an exercise generally utilized by designers.
There may be additional things that an internet site calls for depending on the subject and the enterprise; however, all websites should contain those 6 factors. Developing a navigation and format method earlier than building an internet site is crucial in making certain that your internet site doesn’t be afflicted by facts overload.
4. Image Text: A Big No No
Like a vehicle inner of a plane hanger, textual content does no longer belong internal of a photo. The only exception to this need to be the use of textual content inside of a logo. Yes, it may be boring the use of the equal text that everybody else makes use of for his or her web sites. However, you can nevertheless make wealthy and compelling designs with out sticking fancy text internal of your pictures.
There are some motives why using the textual content interior of photographs is a no-no:
Larger picture document sizes: Each piece of facts internal of a picture adds length to the record. As we stated earlier, the bigger the document size way a longer down load time manner the extra your already impatient traffic ought to wait.
Not search engine marketing friendly: Just like Flash files, seek engine spiders can’t come across the textual statistics interior of image files.
If you’ve got a photograph that calls for text, then try an alternative technique using CSS layers. Not only is this method clean to implement, but it will help keep the picture report length smaller. It is also search engine optimization friendly.
Five. Attack of the Columns
No, this isn’t a spin off of the Star Wars film. Attack of the Columns is a phrase we use while a web fashion designer makes use of quite a number columns in their format. Some designers accept as true with that by way of using a variety of columns they are able to better prepare and display the facts on their net web page. The problem is, much like statistics overload, the use of too many columns will overwhelm the user.
When extra than 2 or three columns are used, a focus is normally removed from the internet page. Without a focal point, the person has no idea wherein to look. Instead, the person’s eyes wander aimlessly during the next page. This will purpose the user to feel burdened and beaten and may cause them to go to a similar website with a cleanser, less-busy layout.
Even if there is a focal point, there might be going to be too much statistics on a four+ column layout. If large web sites with massive quantities of content (i.E. Amazon.Com) are able to paintings with a 3 column layout, then there is no cause that some other website can not do the identical. Plan your layout before you begin building your website and you will locate that even if you have lots records and content material, a 3 column format is extra than sufficient.
These five Things to Hate About Web Design are very important – possibly the most critical matters an internet dressmaker need to take into consideration whilst constructing a website. All 5 of these objects have one factor in not unusual: when followed, the consumer could have a smooth, fast loading, straight forward revel in after they visit your internet site. What more should they ask for? Well, perhaps much less advertising.