Tuesday, 27 August 2013

Web banner design tips



1. Nothing beats a decent attention-getting gag line
When thinking of the copy for a banner; you wish to pay lots of your time in making a catchy phrase, one thing that may arouse the interest of the viewers and tempt them to click on the banner. The gag line ought to be alittle phrase, simply a couple of words and will be visually appealing (correct usage of colours and fonts).

2. Good copy
A no-hit banner has wonderful copy. take care to pay ample time brooding about what would interest the swimmer. Another rule of thumb permanently copy is to stay it short and straightforward. The text ought to support the banner gag line and will be informative and sensible, creating the viewer curious or transportation out a smile. Preferably, the copy ought to finish with constant catchy phrase as on your computing machine unless the banner gag line is that the same.

3. Relevant content in banners -
Make sure that the photographs displayed within the banner ar relevant to the products/services you're giving on your website. a girl in a very insufficient  swimsuit would sure as shooting attract the eye of male surfers and acquire a click however, if your website sells electronic merchandise, the visitant is bound to depart your website before creating a procurement. You, thus, find yourself with high-click thrus and negligible sales.

4. one thing that may ne'er die!
T.V. advertisements have overused the word "NEW", or the phrase "New and improved"... however it still sells! equally on an internet banner, nothing attracts a visitant quite the word "FREE"! It provides associate degree incentive to viewers after they click on the banner. Please make certain merely|that you just} deliver what you've got secure within the banner - and purpose it out quickly on your site; else the visitant would simply click on the "Back" button of their browser, ne'er to come once more. it would conjointly generate some negative publicity!

5. as well as emblem and computing machine uniform resource locator in banners
If your effort may be a whole building exercise, it's advisable  to incorporate each the emblem and also the computing machine address within the banner. For alternative forms of banners, you would possibly wish to embody the 2, however make certain that they do not dilute the banner gag line or the copy. In such cases, it is best to stay the emblem and also the uniform resource locator along either on the correct or the left facet of the banner. the emblem ought to be created tiny and also the uniform resource locator is displayed in a {very} very tiny font size.

6. Clichés work!
Statistics show that the most effective decision to action on an internet banner is that the old-hat phrase "Click here". Its terribly presence will increase the click-thru rate by virtually 2 hundredth. The phrase ought to be displayed long enough (2-3 seconds), ideally within the last frame of associate degree animated banner and might itself be animated - created to blink or modification color.

7. internet banner file size
The ideal file size of an internet banner is 10kb or less - the lesser, the better. the rationale is easy. Since banners ar typically displayed at the highest of websites, they ought to load before or with the most page text and grab the viewers' attention at once. However, decreasing the file size of banners ends up in tradeoffs in animation and also the variety of colours used (in animated gif banners).
Take a glance at a pair of animated .gif banners we've created - Click here. each banners have lots of animation, as delineate by the amount of frames, however the file sizes tiny. this is often as a result of we've optimized the banners, specially the amount of colours used.
Banner file size depends many factors: the length of the animation (in case of Flash), the quantity of animation, physical size of the banner etc.

8. however long ought to associate degree animated banner run?
Studies have shown that a typical internet swimmer spends but ten seconds gazing the highest of an internet page. Thus, an internet banner should show all its content during this time. the decision to action, which might typically be within the last frame of associate degree animated banner, ought to be displayed among this point frame, else the banner loses its effectuality.

9. To animated or to not animated?
Animated banners generate virtually half-hour higher click-thru rates than static banners. the most downside is that animation ends up in larger file sizes. However, optimizing associate degree animated .gif banner by decreasing each the amount of colours used and vertical color modification, one will bring the file size below the desired worth.
An important purpose concerning animated .gif banners is that the use of photo-realistic pictures. The .gif pictures will contain solely 256 colours and also the compression algorithmic rule (LZW: Lempel-Zev-Welch) works best once the image has massive areas of single color. Since photos ar advanced pictures, the LZW compression algorithmic rule isn't ready to do full justice, leading to massive file sizes. Hence, it's advisable  to either avoid the employment of photos in animated gifs or keep the animation to a minimum, if photos ar utilized.
Using the Flash technology, we are able to infix photos as jpgs, that is that the correct compressed file format for images and alternative advanced pictures. what is more, we are able to properly management the compression levels of jpgs. The text or perhaps the pic will currently be animated.
Take a glance at the Flash banner we tend to created for a shopper - Click here. This banner contains four photos that are animated and an oversized image of the American flag used because the background - a complete of five photo-realistic pictures. The physical dimensions of this banner are quite massive, 160x600 pixels, however the file size is 18kb!

10. exploitation Flash
Flash has thrown open an entire new space in internet banner ad style. Flash animations ar a lot of power tool than animated gifs and also the file sizes ar lots smaller. Flash banners can even be created interactive, involving the visitant directly. Banners developed in Flash generate higher click-thru rates than animated gifs.
Does this mean that the times of animated gifs ar over? the solution is affirmative and No! Displaying Flash banners needs a plugin on the viewers' system. Not all surfers would have this plugin (though the proportion of such users is decreasing by the day). Whenever you submit a Flash banner for a banner effort, you're asked for the animated gif version in addition. Animated gifs ar still standing tall!

11. Blue underlined text
Web surfers perceive blue underlined text as links. If you recognize that the banner would be displayed on an internet page with white background, you ought to created a banner with blue underlined text, ideally not anti-aliased, written in common fonts like Times, New Roman, Verdana or Arial. The banner so "merges" into the online page feels like a vicinity of the content. tho' this may be thought of tricking the swimmer, it might be forgiven if you deliver what you've got secure within the banner. Click here for 2 examples.

12. is that this tricking the surfer?
Take a glance at this banner - Click here. The banner has hypertext mark-up language type components like radio buttons, drop menu and also the submit button. However, all the weather ar within the style of pictures and don't work. you would possibly feel this is often tricking the viewers - they click on the banner thinking the hypertext mark-up language type fields work. However, in my opinion, hypertext mark-up language type fields ar a decent thanks to inform the viewers what they might expect after they click on the banner! keep in mind, solely those viewers World Health Organization have an interest within the services/products offered would click on a banner and so, this is often a pleasant thanks to tell them what they might see on the online website. However, it's vital that the click-thru uniform resource locator enhances the banner data.

13. many banners for one effort
Unless you've got done thorough analysis on your audience preferences and behavior patterns, its extremely unlikely that one banner would be spare for your effort. we tend to believe that you just ought to begin with 6-10 banners. you ought to keep rotating the banners and because the effort progresses and you will return to grasp that banners ar generating higher click-thru rates. it's imperative that you just track the success of every banner in terms of CPMs, CTRs and CPCs.

Unknown

Zubair Ahmed is a Blogger and a Programmer and he love to share his knowledge with peoples. He is also professioanl Graphics Designer and share all professional tips and tech for designing.

0 comments:

Post a Comment

 

Copyright @ 2013 Graphics Edu.