The continued proliferation of digital content items has led to an increase in the availability of such content items, as well as an increase in the availability of electronic computing devices used for consuming these content items. For instance, users now consume electronic books, videos, songs, documents, webpages, images, applications, etc. on an assortment of stationary and/or portable computing devices. As the number of content items and devices continues to increase, users become increasingly interested in enhancing their experiences while consuming these content items. For example, while consuming an item of digital content, users are often naturally curious about information that is related to the content item and/or that is similar to the content item. However, given the vast amount of information that can be considered related or similar to the content item being consumed by the user, a typical user would generally prefer a user interface which enables the user to efficiently and intuitively access such information.
Throughout the drawings, reference numbers may be re-used to indicate correspondence between referenced elements. The drawings are provided to illustrate example embodiments described herein and are not intended to limit the scope of the disclosure.
Aspects of the present disclosure relate to presenting one or more content items in a first page on a display of a computing device and automatically presenting supplemental content in a second, “flipped” page on the display following detection of a user interaction with the computing device. One aspect of the disclosure is a browser user interface than enables a user to flip a content page over (e.g., via a touchscreen gesture) to view supplemental content (e.g., page metadata) associated with the page. While viewing the supplemental content on the back side of the page in some embodiments, the user can perform a second or reverse flip operation to return to the original page. The content items presented in the first page may, for example, be optimized for aesthetic reasons (e.g., due to screen resolution limitations such as limited screen “real estate”), or may simply be presented in their original form. However, when the user interacts with the computing device (e.g., via a user gesture to “flip” the page), supplemental content may be presented in a flipped page on the display of the computing device. The flipped page (which may also be referred to herein as the back side of the page) may present, for example, the “flip” or “back” side of the first page. In some embodiments the flipped page may replace the first page on the display. The flipped page may also present, for example, the content items as presented in the first page, with one or more portions, or panels, of the first page flippable to present supplemental content corresponding to the content items presented in the first page. The supplemental content may include virtually any associated information in which the user may be interested and/or that is related or similar to the initial content. Accordingly, rather than presenting such supplemental content upon an affirmative request or search by the user, the supplemental content is presented to the user automatically when the user interacts with the computing device, e.g., when performing a flick or swipe gesture which simulates flipping the page over, among other possible user interactions. In some embodiments, the look and feel of the page (including design, colors, font, etc.) may be preserved when the flip operation is performed to create an impression that the back side of the page is part of the same site.
The illustrated user interface also provides a flip indicator 116 in the bottom right corner of the display 104, to indicate that the page may be flipped over to view supplemental content associated with the content item 102. In other embodiments the flip indicator may appear in any corner or side of the display, or the flip indicator may be an icon or some other visual indicator appearing anywhere on the display. In some embodiments, the browser may modify the visual appearance of the flip indicator with movement or animation to reveal to the user that the page may be flipped over. Thus in the illustrated example, the bottom right corner may be animated to “peel back” slightly when the page is initially displayed, in order to indicate to the user that the page may be flappable. In some embodiments the flip indicator may only be presented when supplemental content is available for the particular page or content item 102 being viewed. When the user interacts with the computing device 100 (e.g., when the user flips the page as described herein) as indicated by the direction of arrow 118, and such interaction is detected, supplemental content 114 (also referred to as page metadata) is automatically presented in a second, flipped page on the display 104 of the computing device 100. Further, in response to a user interaction to flip the page, such as via a touchscreen gesture, the browser may create a visual appearance of the content page being flipped over to reveal the back side (e.g. the flipped page). The illustrated supplemental content 114 includes, for example, video content 110 related to the ring, as well as search results 112 related to the ring. As will be appreciated from the illustrated example, a user who is browsing a website may automatically be presented with additional information related to a webpage (or contents within a webpage) simply by flipping the page, and thus, the user is not required to actively search for such information. This can result in intuitive and more efficient navigation of information related to the content item and/or of interest to the user, without requiring affirmative input by the user. Moreover, presenting the supplemental content item in an alternative or flipped page may allow for a more aesthetically pleasing presentation of the content item than in the first page, and enable the user to delve deeper into certain content.
In some embodiments, and as illustrated in
The supplemental content 114 is typically, but not necessarily, provided by a data source (or combination of data sources) other than the source of the content page 102. For instance, in the example of
Another practical example of presentation of supplemental content in accordance with the present disclosure is illustrated in
Other types of metadata 204B (not shown) for the music video may include, for example, customer review ratings, information about the production of the music video, another version of the music video (e.g. a director's cut, artist commentary, behind-the-scenes, live versions, remixes, etc.) and so on. Although
Although specific examples are provided in
Although described as supplemental content or secondary content, it should be understood this content could include a different form of the initial content. In some embodiments, the supplemental content could be a different version, format or size of the initial content. For example, the supplemental content could be a version of the original content in a different resolution (e.g. a mobile view, a table view, a desktop view, etc.) or displayed using 3D technology. The information may then be presented on the display 104 in the flipped page following user interaction with the computing device 100. In other embodiments, the supplemental content information includes information obtained independently from the content item. In some embodiments, the supplemental content may be displayed to the user in the flipped page with the original content or, in other embodiments, may be displayed on its own. Supplemental content may also include website-level metadata (e.g., related websites, website traffic rank, the date/time when the website was created or published, etc.). In some embodiments this website-level metadata may be presented to the user when the user flips the home page associated with the website. In some embodiments, the size of the back side of the page may be fixed, or capped, so that a limit may be placed on how much supplemental content can be displayed.
Supplemental content may also include advertising content provided by content or service providers such as reviews (e.g. of products or services), channels (e.g. product and/or service review websites, multimedia review channels, “how to” channels, and the like) and advertisements related to a content item presented in the first page. For example, a first page may present an article related to a particular product (e.g., a car), and supplemental content may include an advertisement for that product (e.g., an ad for the car, a video review about the car) which may be text-based, graphical, audio-visual, interactive, and so on. The supplemental content may also provide options for the user to view and/or flip the page for more information about the product, such as technical specifications, additional user reviews, suggestions or recommendations on where the product may be available for purchase. Some or all of the supplemental content may be targeted for the user based on, for example, their location (e.g., suggestions on where to buy may be based on the user's location) and/or other demographic information (e.g. age, gender). In some embodiments, content or service providers may be able to associate certain supplemental content (e.g., a channel, an advertisement, an advertisement incentive such as a coupon or reward, an application, etc.) with a content item, and to bid to have their supplemental content provided for display on a flipped page or panel corresponding to the content item. The provider of the overall system may also provide incentives to users for flipping over pages and/or page elements, such as by occasionally revealing a prize or discount offer on the back side of a flipped page or page element.
The ads and other supplemental content presented to a user on the back side of the page may be selected dynamically from a pool of supplemental content associated with the page. In such embodiments, a history of the user's past flip operations may be taken into consideration in deciding what supplemental content to present. In some embodiments, ad content may be associated with keywords or a certain series or sequence of flips events. The overall system may also track the series or sequence of flips and select ads based on a specific pattern in the series or sequence. Further, in some instances, when a user selects an ad on the back of a page, the browser may create the appearance that the page is being flipped over an additional time to reveal the target (advertiser) page associated with the ad. In some embodiments, an ad may itself be flippable to reveal further supplemental content associated with the ad, such as corresponding ad or advertiser metadata, such as an average rating of the advertiser.
Given the above, one can provide an almost limitless number of practical examples in which aspects of the present disclosure may be implemented. For instance, with respect to the example illustrated in
There are myriad user interactions that can be implemented within the browser or computing device to enable users to “flip the page” and trigger the presentation of a supplemental content in a flipped page. For example, such presentation may be triggered based detection of an audible command, image detection of a user gesture, selection of an existing software control (e.g., dragging of a scroll bar), detection of a touchscreen gesture with the display (e.g. touching a corner or predetermined area of the display, swiping from one edge or corner to another, a swipe gesture in which a representation of a corner of the content page is dragged away from a corner of the touchscreen, touching and dragging a corner to simulate “peeling” a page corner back to flip the page, long-press followed by a swipe gesture, pinching or squeezing two or more fingers on an area of the display, etc.), a keyboard action (e.g., pressing a “page down” key) or some other manipulation of an input device (e.g., flicking the computing device quickly to the left, right, up or down to simulate a “flipping” action, rotating, shaking, tilting and/or spinning of the computing device, etc.). In some embodiments the display of the computing device may expose the possibility of different user interactions on a single page to allow the user to flip to different pages. For example, the single page may allow the user to swipe from right-to-left to flip to a first flipped page, swipe from left-to-right to flip to a second flipped page (or to reverse flip back to the first page, or to a previous flipped page in a series or stack of flipped pages etc.), and so on. In some embodiments, when the user flips the page, the browser may use animation to create the appearance of a physical page being flipped over to expose its back side. The browser may additionally or alternatively support other user actions for causing the supplemental content to be displayed. For example, the user could swipe the original page to the side to cause the “supplemental content” page to slide-in in place of the original page. As another example, the user could perform a gesture that causes an overlay page containing the supplemental content to be displayed over the original page.
As mentioned above, in some embodiments the user may be presented with the ability to flip certain panels or portions of a first page, either instead of or in addition to the ability to flip the first page as a whole. The panels or portions may for example correspond to particular content items presented on the first page. Supplemental content associated with the particular content item for a panel may be presented in response to detection of a user interaction to flip the panel. In such an example, only the particular panel may be flipped, replacing the particular content item with the associated supplemental content, while the rest of the first page remains in the same visual state as before the flip. In some cases the user may be allowed to flip more than one panel of the first page, either sequentially or in parallel. In some cases the user may be allowed to “unflip” (e.g., reverse flip) a panel back to its original “unflipped” visual state, and in some cases the user may be allowed to flip a panel multiple times to view additional supplemental content. Further, in some cases the user may be allowed to flip and/or reverse flip one or more panels from a first visual state to a second visual state, then flip the page to view different supplemental content, and then reverse flip the page back view to the second visual state. The display of the computing device may be configured to detect any possible combination of user interactions to present the virtually unlimited number of display states involving one or more flipped panels and/or pages. As described herein, embodiments describing flipping the page shall be understood to include and cover embodiments or variations involving flipping a panel or portion of the page, or combinations thereof.
The display may also present various user interface features to indicate to a user whether and how a page or panel may be flipped. For example, in some embodiments a corner of the display may present a triangular and/or three-dimensional representation of the upper right corner (or any corner) of the page (or panel) slightly peeled back to provide an indication to the user that can flip the page (or panel) by touching that corner and swiping away from the corner edge to simulate peeling the page (or panel) back in order to flip the page (or panel). In other embodiments, the display may provide an indication or suggestion that flicking the device quickly to the left (or any direction) may flip the page, much as one would physically flip a card or piece of paper to see what is on the other side. In some embodiments the display may also present an indication that no supplemental content is available for a page or panel, for example, by greying out and disabling a display element ordinarily used to flip the page, or by not presenting the display element altogether.
In some embodiments the display may also be configured to present an icon or other graphic to provide the user with a visual indication or preview of the type of supplemental content that may be available on the flipped page or panel. For example, content presented in a first page on the display may be a textual article or review about a product, while supplemental content available on the flipped page may be a gallery of images of the product. In this example the display may present a “gallery icon,” for example in one corner of the first page display, to provide an indication that the user may flip the page to view the gallery of images of the product. Any type of icon or other graphic may be presented depending on the type of supplemental content available, including but not limited to a video icon to indicate video content, a text icon to indicate additional text icon, a comment icon to indicate comment-based content (e.g., view user comments, and/or the ability for the user to comment and/or provide annotation on a content item or page), a music icon to indicate music-based content, a question mark icon to indicate search or query based content, and so on.
As yet another example, the content item presented in the first page on the display of the computing device may be an image or movie clip of a person, place or object, and the supplemental content item may include video or audio content featuring the person, place or object; biographical or historical information regarding the person, place or object; links to other information relating to or referencing the person, place or object; other images of the person, place or object; search results for the person, place or object; etc. Accordingly, whenever a user flips the computing device (or otherwise interacts with the computing devices as described below in other embodiments) while the image of the person, place or object is being presented in a first page on the display of the computing device, such supplemental content is automatically presented in a flipped page on the display without requiring the user to actively seek the information included in such supplemental content.
In another example, a student may use a device to read text displayed on a first page. When the student “flips the page” the student may, for example, see a video related to the text. If the student flips the page again to a third page, a test could be presented to the student. When the student has completed the test or finished watching the video, the student may flip the page back to the first page. While this example describes a first page and two flipped pages, any number of flipped pages may be available and presented for display. Further, in some examples, certain panels or portions of the page may be flipped by the student. For example, the third page presenting a test to the student may include one or more panels for each question on the test, which the student may selectively flip to view the answer to the question and/or explanation of the answer.
In other example, a user may use a search engine to perform a web search for content matching certain search criteria. The first page may present search results, for example, links to content matching the search criteria. The display may provide an option for the user to flip the page to view supplemental content such as an indication of which links in the search results are “better quality” based on various criteria (e.g. click-through rates, how long users stayed on a page corresponding to a particular link, etc.). In another variation of this example, supplemental content may also present search results from different search engines, suggested or related search terms, information about trending topics for the search criteria or related searches, and so on. In another variation, panels corresponding to particular search result items may be flipped to display supplemental content such as a quick preview of a search result item or other information related to the search result item (e.g. about the web site, when the search result item was published).
In some embodiments, the intermediary system 330 may, for example, be or act as a proxy server, a partial rendering engine for specific browsers or device types, a CDN, an Internet Service Provider (“ISP”) system, or a combination thereof. Each computing device 400 runs a browser application 50 (“browser”) capable of retrieving and displaying content pages according to standard protocols. The browsers 50 may be designed or configured to retrieve web pages via the intermediary system 330. In some embodiments, each computing device 400 may include a configuration information data store 418 that stores information used by the computing device 400 to configure the presentation of supplemental content in one or more flipped pages following detection of user interaction with the computing device 400 in accordance with the present disclosure. Such configuration information may include, but is not be limited to, metadata associated with the content item presented in the first page, watermarking data associated with the content item presented in the first page, contextual data associated with the content item presented in the first page, user supplied configuration data, third party supplied configuration data, user profile data, device profile data, content profile data and the like. The computing device 400 may, for example, retrieve configuration information from the configuration information data store 418 in response to a user interaction to flip the page in order to obtain supplemental content related to the content item to be presented in the second flipped page. In one embodiment, the configuration information identifies what information is to be included in the supplemental content.
In some embodiments, the features and functionality disclosed herein can be implemented collectively by the browser 50 and intermediary system 330. For example, when the browser 50 requests a page (or content item) from a URL through the intermediary system 330, the intermediary system 330, in addition to returning the requested page (or content item), may return a second page (or other unit of content) containing metadata for the requested page. The browser 50 may then store this second page and/or page metadata in a local cache, and would present it via the display in response to the user performing a flip operation. Alternatively, the browser 50 can request and retrieve the metadata page from the intermediary system 330 when the user initiates the flip operation.
The user interfaces and features disclosed can be implemented without an intermediary system 330. For example, when the browser 50 requests a page from a URL, the browser 50 can concurrently send a request to a metadata server for the metadata associated with the requested page and store the metadata in its local cache for later display in response to a user flipping the page.
In some embodiments, the browsers 50 may be (or may include) conventional web browsers that are not specifically designed or configured to display page previews. In other embodiments, the browsers 50 may be specifically designed to handle specific tasks associated with the display of page previews.
The content or service providers 340 may include or consist of, for example, ordinary web sites and/or web services. Each content site 34 may include a server 342 that serves content, such as web pages, in response to URL requests. The pages for which supplemental content may be generated can be conventional web pages that do not include any special coding or formatting to support the generation of supplemental content as described herein. In some embodiments, however, the intermediary system 330 may support the use of special tags for designating whether or how supplemental content should be generated for particular pages. Where special tags are supported, a content provider may, for example, embed tags in a content page indicating, for example, which visual elements or sections of the page should be associated with supplemental content.
As shown in
The advertiser interface 324 allows an advertising entity, including in some embodiments content or service providers 340 and/or other third-party advertisers, to associate supplemental advertising content (e.g., a channel, an advertisement or ad, a coupon, an application, etc.) with a content item. In some embodiments the advertiser interface 324 may allow the advertising entity to associate supplemental content with keywords which may be related to the content item. Supplemental advertising content associated with a content item may also include, for example, particular pages or web Universal Resource Locators (“URLs”), and/or classes of pages or web URLS for the content item. The advertiser interface 324 may also allow the advertising entity to place a bid to have their supplemental content displayed on a flipped page or panel corresponding to the content item. The bid may include various parameters such as a bid price, a number of times the supplemental content is to be displayed or made available on a flipped page or panel, a time of day at which the supplemental content is to be displayed or made available on a flipped page or panel, desired target characteristics of users who may presented the supplemental content (e.g., demographic information such as age, gender, location, etc.). The intermediary system 330 or browser 50 may then select supplemental content associated with content items to be displayed based, for example, on the highest bid amount and/or other parameters associated with the bid. For example, in one embodiment the browser 50 may maintain a number of ads in a local cache, and dynamically select ads from the cache to display on flipped pages based on keyword matching or any other criteria. In some embodiments, the advertiser interface 324 may include a website or an area of a website hosted by a server.
The advertisement data store 328 may store advertisements (and other supplemental content) uploaded by the advertising entity to enable quick and efficient retrieval by the intermediary system 330 or browser 50. The click-through tracking data store 328 may, for example, record flip events, click-through events for advertisements, and other supplemental content for purposes of charging the advertising entity a fee. Additionally, according to one embodiment, the browser 50 may report page flip user interaction events to the intermediary system 330, and the intermediary system 330 may use these reported flip events to log advertisement impression events for any ads displayed on the back of the page. In some embodiments the advertising entity may be charged for the advertisement impression events. One benefit or this approach is that it does not require the involvement of, or payment of money to, the operators of the websites on which the ads are effectively being displayed.
Another illustrative example of an operating environment 300 and various components according to some embodiments are described in greater detail with reference to the operating environment 300 as described in paragraphs [0014] to [0020] and as illustrated in FIG. 3 of the '193 application incorporated by reference herein. Any and all of the components of the operating environment 300 as described in the '193 application may be included in the operating environment 300 described in the present disclosure, including, for example, an application service 310, an application data store 304, a supplemental content data store 314 and network data source(s) 302 and any number of additional components, systems and/or subsystems as described in the '193 application. Further, in some embodiments, the supplemental content data store 314 as described in the '193 application may be local to the supplemental content service 312, may be remote from the supplemental content service 312, may local to the content or service provider 340 and/or may be a network-based service itself.
Further, the supplemental content service 312 as illustrated in
As described above, the supplemental content service 312 may provide the supplemental content to the computing device in response to this request. In some embodiments, previously obtained supplemental content information may also be retrieved for inclusion in the supplemental content for presentation in the flipped page in a block 430. Next in block 432 the computing device 400 may present the supplemental content in the flipped page, or in the flipped panel of the first page, on the display 406 of the computing device 400.
As a result of process 400A, the supplemental content for the initial content item is automatically presented in the flipped page or panel following detection of user interaction with the computing device 400, the detection occurring while the content item was being presented in the first page on the display of the device. Thus, supplemental content may be made accessible via an intuitive user interface presented on the display of the device, in a manner which does not substantially reduce the amount of screen “real estate” available for display of the first page (e.g., through the utilization of small, unobtrusive and intuitive flip indictors as described with reference to
In some embodiments, a user can configure the presentation of supplemental content in a flipped page. In one embodiment, a user may utilize a supplemental content configuration user interface of a configuration application to configure how and what information is to be included in supplemental content that is to be presented in a flipped page. The configuration application may, for example, be hosted by the intermediary system, and/or may be accessible via a menu option of the browser 50.
Some examples of supplemental content configuration options may include what types of supplemental content should be displayed (e.g., ads, site-level data, links to related sites, product metadata, price comparison data, product recommendations, user comments, etc.), which content provider(s) should the supplemental content be obtained from, whether the supplemental content should be retrieved and cached preemptively in the background (e.g., always or when Wi-Fi is available), whether to enable the intermediary system to deliver personalized metadata based on the monitored behaviors of the user, and the like. Additional examples of supplemental content configuration options and sample user interfaces and processes are described in greater detail in the '193 application incorporated by reference herein, in particular paragraphs [0040] to [0045] and FIGS. 7A-7C. While the examples described in the '193 application are provided with respect to a user rotating the computing device from a first orientation to a second orientation, the examples are equally applicable to the present disclosure with respect to a user flipping the page as described herein. For example, references to “when the device is rotated” or “when you rotate your device” with regard to FIGS. 7A-7C of the '193 application may be replaced with references to “when the page is flipped” or “when you flip the page” to illustrate how a user may configure the presentation of supplemental content in a flipped page.
The intermediary system 330 may be implemented by or on a computing system that comprises one or more physical computing devices (physical servers, storage arrays, routers, etc.), each of which may include a processor and memory. The computing system may, in some cases, include computing devices that are distributed geographically, in which case some of the disclosed server-side tasks may be performed remotely from others. The various functions of the intermediary system 330 may be embodied in code modules executed by the computing system. The code modules may be persistently stored on any type or types of non-transitory computer storage devices or media (magnetic disks, solid state memories, optical drives, etc.). Some or all of the disclosed processes of the intermediary system 330 may alternatively be embodied partly or wholly in specialized computer hardware, such as in custom designed ASICs or FPGAs. The various components and functions of the intermediary system 330 can also be implemented in one or more virtual machines or cloud resources, rather than in dedicated servers. The browser 50 may include executable code stored on any type of non-transitory storage medium, including code for implementing the client-side functions (including the various user interface features) described herein.
In some embodiments, the intermediary system 330 may be omitted. In such embodiments, the intermediary system 330 may alternatively be implemented on a separate network-accessible server system that does not act as an intermediary between the browsers 50 and content sites 340. Further, as described herein, supplemental content could alternatively be generated by the browsers.
Although described in the context of content “items” or “pages,” the methods disclosed herein are also applicable to other documents and units of content. For example, the disclosed methods can be used to provide supplemental content related to Word documents, spreadsheet files, PDF documents, and various other types of documents.
Although described in the context of a browser, the user interfaces disclosed herein can also be implemented within other types of document viewers capable of retrieving and displaying documents. For example, the user interfaces may be implemented within a word processing program, a PDF reader, or a news reader.
The disclosed features may also be incorporated into other types of mobile applications, including news reader and e-book reader applications. For example, the user can flip over a news story page to view links to related stories, a biography of the reporter, ads associated with keywords appearing in the story, etc.
Depending on the embodiment, certain acts, events, or functions of any of the processes or algorithms described herein can be performed in a different sequence, can be added, merged, or left out altogether (e.g., not all described operations or events are necessary for the practice of the algorithm). Moreover, in certain embodiments, operations or events can be performed concurrently, e.g., through multi-threaded processing, interrupt processing, or multiple processors or processor cores or on other parallel architectures, rather than sequentially.
Conditional language used herein, such as, among others, “can,” “could,” “might,” “may,” “e.g.,” and the like, unless specifically stated otherwise, or otherwise understood within the context as used, is generally intended to convey that certain embodiments include, while other embodiments do not include, certain features, elements and/or steps. Thus, such conditional language is not generally intended to imply that features, elements and/or steps are in any way required for one or more embodiments or that one or more embodiments necessarily include logic for deciding, with or without author input or prompting, whether these features, elements and/or steps are included or are to be performed in any particular embodiment. The terms “comprising,” “including,” “having,” and the like are synonymous and are used inclusively, in an open-ended fashion, and do not exclude additional elements, features, acts, operations and so forth. Also, the term “or” is used in its inclusive sense (and not in its exclusive sense) so that when used, for example, to connect a list of elements, the term “or” means one, some, or all of the elements in the list.
Conjunctive language such as the phrase “at least one of X, Y and Z,” unless specifically stated otherwise, is to be understood with the context as used in general to convey that an item, term, etc. may be either X, Y or Z, or a combination thereof. Thus, such conjunctive language is not generally intended to imply that certain embodiments require at least one of X, at least one of Y and at least one of Z to each be present.
While the above detailed description has shown, described and pointed out novel features as applied to various embodiments, it can be understood that various omissions, substitutions and changes in the form and details of the devices or algorithms illustrated can be made without departing from the spirit of the disclosure. As can be recognized, certain embodiments of the inventions described herein can be embodied within a form that does not provide all of the features and benefits set forth herein, as some features can be used or practiced separately from others. The scope of certain inventions disclosed herein is indicated by the appended claims rather than by the foregoing description. All changes which come within the meaning and range of equivalency of the claims are to be embraced within their scope.
This application is related to commonly owned, U.S. patent application Ser. No. 13/069,193, entitled Presenting Supplemental Content, filed Mar. 22, 2011 (“the '193 application”), the entirety of which is incorporated herein by reference.