|
Size: 639
Comment:
|
Size: 2254
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 1: | Line 1: |
| Consider Weather Channel, size and placement as best practice - Do not let ads get perceived as part of the page; so alignment, size, backgrounds, etc. - HERE because it should not be addressed as a random widget, but always appear the same place, and often has to be on pretty much every page anyway. Interstitials, and use of ads on things like loading screens. Briefly mention that lots of products are ad supported; without doing this right, the app/site will go out of business. | == Problem == Ads are required... for business needs etc. |
| Line 3: | Line 4: |
| == Problem == | |
| Line 6: | Line 6: |
| Many sites, applications, and even entire mobile services are ad sponsored. These ads must be neither hidden away, nor so prominent they damage the user experience. They are a key, necessary function of the product, and must be integrated correctly and well or the product will go out of business. Must not be confused with the content. Must be always the same place on every screen in the app/site/process. that lots of products are ad supported; without doing this right, the app/site will go out of business. Should be able to hide, cancel, skip without making the mistake of clicking the ad. |
|
| Line 8: | Line 19: |
| In context (with the content of the page, so it scrolls) usually at the top and bottom of a particular page. Fixed in the viewport. Especially for multi-tier apps, where payment removes it. Rest of app scrolls but this is locked to the bottom of the viewport for reveal menus, where the menu overlaps it when open. Often at top for fixed menus or when closed reveal menus would interfere with display. |
|
| Line 10: | Line 25: |
| Can click it. Should load so that it doesn't ruin the primary process. Provide a way (when the business model works like this) to buy the app to remove ads, in context with the ad, such as text immediately adjacent to the ad. |
|
| Line 12: | Line 31: |
| Display in boxes (background, rules) Offset... if content is left aligned, center or right align the banner. Do not make banners too large??? |
|
| Line 14: | Line 39: |
| Mobile is generally so task focused that failures in advertising, that make it too obvious or confuse it with the content, may cause immediate loss of customers... Don't do it badly!!! Make sure banners have sizes specified and accounted for in the page layout. Especially for web, it must not suddenly load well after the rest of the page, then push other content down. Avoid saying "advertising" -- should be able to communicate this with design. If not, fix the design, don't just waste space with labels. Should almost never animate. Will distract from the rest of the experience. If absolutely required, do so very carefully. |
Problem
Ads are required... for business needs etc.
Solution
Many sites, applications, and even entire mobile services are ad sponsored. These ads must be neither hidden away, nor so prominent they damage the user experience. They are a key, necessary function of the product, and must be integrated correctly and well or the product will go out of business.
Must not be confused with the content.
Must be always the same place on every screen in the app/site/process.
that lots of products are ad supported; without doing this right, the app/site will go out of business.
Should be able to hide, cancel, skip without making the mistake of clicking the ad.
Variations
In context (with the content of the page, so it scrolls) usually at the top and bottom of a particular page.
Fixed in the viewport. Especially for multi-tier apps, where payment removes it. Rest of app scrolls but this is locked to the bottom of the viewport for reveal menus, where the menu overlaps it when open. Often at top for fixed menus or when closed reveal menus would interfere with display.
Interaction Details
Can click it. Should load so that it doesn't ruin the primary process.
Provide a way (when the business model works like this) to buy the app to remove ads, in context with the ad, such as text immediately adjacent to the ad.
Presentation Details
Display in boxes (background, rules)
Offset... if content is left aligned, center or right align the banner.
Do not make banners too large???
Antipatterns
Mobile is generally so task focused that failures in advertising, that make it too obvious or confuse it with the content, may cause immediate loss of customers... Don't do it badly!!!
Make sure banners have sizes specified and accounted for in the page layout. Especially for web, it must not suddenly load well after the rest of the page, then push other content down.
Avoid saying "advertising" -- should be able to communicate this with design. If not, fix the design, don't just waste space with labels.
Should almost never animate. Will distract from the rest of the experience. If absolutely required, do so very carefully.