1. Technical Field
The present invention relates to the field of electronic advertising. More particularly, the present invention relates to authoring an electronic advertisement for display in a dynamic layout environment.
2. Description of Related Art
Finding information has never been easier since the advent of the Internet. Today very many people open their browsers every time a question comes to mind, or any time they just want to know what's new. People go online to shop for new cars, books, toys, computers, gadgets of all kinds, even services, like medical and legal services. For many, the online world has become the first place to look for any worthwhile information. The Internet has become so comfortable that many choose even to pass time playing or relaxing online. There are countless web sites that offer information on every conceivable topic.
Naturally, with this level of interest, many enterprising companies and individuals are seeking ways to commercialize the online world. One common method is a new application of an age-old technique—advertising. Many companies have taken to adding online advertising to their ordinary and conventional advertising programs. The owners and operators of many web sites make their information freely available while charging their customers to advertise on their web sites. Online advertising had its early skeptics, but is now widely accepted as a realistic business model. And as with all business models, those competing in it are trying to distinguish themselves.
Online advertising has some interesting advantages over conventional advertising because of its electronic nature. For instance, when a visitor arrives at a web site online, there is information made available to the web site about that visitor, such as perhaps the type of browsing software or operating system being used. Cookies often provide the web site with interesting information about the visitor too. In addition, web sites today are often dynamically generated with content and advertisements when a page is requested. In this way, each visitor to a web site can enjoy an almost personal experience. However, conventional technology is generally limited in terms of laying out advertisements in dynamic layout environments.
Better techniques for online advertising are a never ending quest for those skilled in the art.
Briefly stated, an electronic advertisement includes an ad layout that defines at least one element, the element referring to media content for the electronic advertisement. The media content including text in vector format, a border that is scalable without loss in fidelity, and/or logic for swapping an image based on a change in display characteristics of the electronic advertisement.
Many of the attendant advantages of this invention will become more readily appreciated as the same becomes better understood by reference to the following detailed description, when taken in conjunction with the accompanying drawings, briefly described here.
The invention will now be described in detail with reference to these Figures wherein like numerals refer to like elements throughout.
Various embodiments are described more fully below with reference to the accompanying drawings, which form a part hereof, and which show specific exemplary implementations for practicing various embodiments. However, other embodiments may be implemented in many different forms and should not be construed as limited to the embodiments set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete. Embodiments may be practiced as methods, systems or devices. Accordingly, embodiments may take the form of a hardware implementation, an entirely software implementation, or an implementation combining software and hardware aspects. The following detailed description is, therefore, not to be taken in a limiting sense.
The logical operations of the various embodiments are implemented (1) as a sequence of computer implemented steps running on a computing system and/or (2) as interconnected machine modules within the computing system. The implementation is a matter of choice dependent on the performance requirements of the computing system implementing the embodiment. Accordingly, the logical operations making up the embodiments described herein are referred to alternatively as operations, steps or modules.
Briefly stated, embodiments include techniques for authoring electronic advertisements (“ads”) that enable the ads to tolerate disfigurement without substantial loss of fidelity. Embodiments of the invention will be now described first with reference to an illustrative computing environment in which the embodiments may be implemented, next with reference to graphical representations of ads authored in accordance with these embodiments, and finally with reference to certain processes or methods that may be used to implement embodiments of the invention.
Additionally, device 100 may also have other features and functionality. For example, device 100 may also include additional storage (removable and/or non-removable) including, but not limited to, magnetic or optical disks or tape. Such additional storage is illustrated in
Computing device 100 includes one or more communication connections 114 that allow computing device 100 to communicate with one or more computers and/or applications 113. Device 100 may also have input device(s) 112 such as keyboard, mouse, pen, voice input device, touch input device, etc. Output device(s) 111 such as a monitor, speakers, printer, PDA, mobile phone, and other types of digital display devices may also be included. These devices are well known in the art and need not be discussed at length here.
Another data store, an ad layout store 220, includes instructions or code that define an ad or an ad layout. In this implementation, an ad layout may take the form of a markup based document that specifies each constituent element of an ad. Each element description may refer to the media content that makes up the ad. For example, an ad layout may define several ad elements, which in turn each refer to an image or text of the ad. The ad layout is described in greater detail below with reference to an example ad illustrated in
Authoring rules 201 are provided by the system 200 and include instructions or governing principles that are to be applied when constructing an ad, in accordance with this implementation of the invention. The rules 201 are defined to control the structure and format of certain elements so that an ad created using the elements will be particularly well suited to presentation in a dynamic layout environment. Generally stated, the rules 201 include instructions or guidance that enforce the following principles on elements being used in the construction of an ad.
First, the rules 201 provide that any text that is to be included in the ad must be vector-based. In other words, any text 212 that is to be included in an ad should be composed of vector-based fonts rather than raster-based fonts. Vector-based text has superior scaling characteristics and is not subject to tiling or other loss of fidelity due to changes in the size of the text. Accordingly, vector-based text is preferred by the rules 201.
Second, the rules 201 provide that any borders of the ad should be scalable without loss in fidelity. In other words, any area around the edge of the ad should be defined such that it will not suffer from disfigurement due to scaling or changes in aspect ratio. In one specific example, borders should be defined in terms of “remainder values,” meaning that the characteristics of a border should be specified with respect to that part of an ad that is outside of the other, core elements of the ad (i.e., the “remainder” of the ad). In another example, if an image or pattern is used to fill in a border, the image or pattern should be repeatable such that the image or pattern will look substantially the same regardless of how large the border is or what shape the border is in.
Third, the rules 201 require that logic for image swapping be incorporated into the ad. This rule is directed at controlling how an ad allows its constituent elements to be displayed in different layouts. For instance, an image being displayed at one size may not display well at a larger size. Accordingly, the ad layout 220 should include logic to swap the image to an alternative image if the size of the ad is enlarged over a certain threshold, which may be specified as an absolute value (e.g., in pixels) or as a relative value (e.g., as a percentage of the image's original size).
Additional rules 201 may also be included to help ensure that the resultant ad can grow or even alter its aspect ratio without significant loss in fidelity.
The system 200 further includes an authoring tool 230 that a developer can use to create a smart ad 231. Under control of a developer, the authoring tool 230 is used to combine by the various ad elements (e.g., the text 212, images 211, and code 213) based on specifications in an ad layout 220. The authoring tool 230 then combines those elements into a layout-aware ad 231 that is capable of having its size and/or shape altered without significant loss in fidelity. The resultant ad 231 differs from conventional ads that may be used in a dynamic layout environment in that, unlike conventional ads, the smart ad 231 does not degrade in appearance when being re-sized or when its aspect ratio is changed within certain parameters.
In addition, the ad 301 includes several elements that each include some media content. For example, a first element 311 may have certain associated text that may be displayed on the ad 301. The first element 311 may have different versions of the text, and logic that helps identify which version of the text to display based the current display characteristics, such as the display size. In addition, the text referred to by element 311 is composed of vector-based fonts for scalability without loss of fidelity.
Other elements, such as element 312 and element 313 are also included and refer to other media content. For example, element 312 may refer to one or more images that are to be displayed in the lower left corner of the ad 301. As with the text in element 311, element 312 may include logic to swap from one image to another based on the display characteristics of the ad 301. Element 313 may also include other media content. The respective positions of each element of the ad is specified in an ad layout. Accordingly, the aspect ratio of the ad 301 may be altered without skewing each element.
The ad 301 additionally includes a border 315, which is an area around the edge of the ad 301 in which no other elements reside. The border 315 provides a definable shape to the ad 301. In accordance with this embodiment, the border 315 is defined to display with characteristics that scale without loss in fidelity. For example, the border 315 may be a solid color that may grow or shrink without suffering from any adverse visual effects. Similarly, the border 315 may refer to a repeatable image or pattern that may grow or shrink without loss of fidelity.
The behavior of the elements within the ad 301 is based on the display characteristics of the ad 301. For example, the ad 301 may be presented at one aspect ratio under certain circumstances, such as while be displayed in conjunction with an article in a two column layout. As the display characteristics change, the elements may be rearranged within the ad 301 to improve the appearance of the ad 301 at its new aspect ratio. Unlike conventional advertisements, which would merely be skewed. Similarly, a change in size of the ad 301 may result in certain of the elements changing content, such as adding or removing text or swapping images, to accommodate the new size.
The principles and concepts presented above will now be described with reference to certain examples of ads in that may be displayed in conjunction with other content.
Turning now to
The display 600 may be lengthened in the vertical direction, resulting in the new display 700, in which the white space below the article is slightly more tall but the same width as the ad 601 in display 600. In accordance with this implementation, the change in in aspect ratio is insufficient to alter the respective layouts of the ad elements, such as the text or image being displayed in the ad 701. However, in order to conform the ad 701 to the slightly larger white space, the border 703 is enlarged to expand into the larger space. Because the border 703 is designed to scale without loss of fidelity, the border continues to have the same finished appearance as its unaltered counterpart (ad 601).
As the display 800 is widened, such as by a user resizing a window, the media content switches to a three-column format (display 900). However, each of the three columns is significantly smaller than either of the original two columns of the two-column format (display 800), necessitating a significant re-size of the ad 901. In accordance with this implementation, logic incorporated in the ad 801, 901 detects that the original image 803 cannot be reduced in size sufficiently while avoiding a loss of fidelity or, perhaps meaning. Accordingly, the logic leads to a new image 903 being incorporated into the ad 901 in lieu of the original image 803. In this way, the re-sized ad 901 continues to look finished and appropriate in the new display characteristics 900.
Reference has been made throughout this specification to “one embodiment,” “an embodiment,” or “an example embodiment” meaning that a particular described feature, structure, or characteristic is included in at least one embodiment. Thus, usage of such phrases may refer to more than just one embodiment. Furthermore, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments.
One skilled in the relevant art may recognize, however, that embodiments may be practiced without one or more of the specific details, or with other methods, resources, materials, etc. In other instances, well known structures, resources, or operations have not been shown or described in detail merely to avoid obscuring aspects of the embodiments.
While example embodiments and applications have been illustrated and described, it is to be understood that the invention is not limited to the precise configuration and resources described above. Various modifications, changes, and variations apparent to those skilled in the art may be made in the arrangement, operation, and details of the methods and systems disclosed herein without departing from the scope of the claimed invention