Systems and methods for web-based product/content fusion management functions and user interaction therewith

• US 9,891,790 B2
• Filed: 04/16/2015
• Issued: 02/13/2018
• Est. Priority Date: 06/05/2012
• Status: Active Grant

• Current Assignee: Hubin Jiang
• Original Assignee: Hubin Jiang
• Inventors: Jiang, Hubin, Min, Rui, Kohute, Robert A.
• Primary Examiner(s): Sigmond, Bennett M
• Assistant Examiner(s): Anderson, Scott C
• Application Number:
  US14/688,952
• Publication Number:
  US 20150220225A1
• Time in Patent Office: 1,034 Days
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04855 Interaction with scrollbars
• CPC Class Codes: G06Q 30/0276 Advertisement creation
• CPC Class Codes: G06Q 30/0633 Lists, e.g. purchase orders, compilation or processing
• CPC Class Codes: G06Q 30/0641 Shopping interfaces
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]

Abstract

A new system includes one or more computing devices having one or more processors and configured to execute modules. The modules include a content display module configured to respond to user requests to a remote network server by transmitting and displaying on a computing device content comprising text and/or graphics having content portions associated with products, and to transmit and display visual representations of the products in close proximity to the associated content portions, a transparency module, a mouse hover module, a shopping module, a product toggle module, a product list module, a fusion marking module, a fusion edit module, a product addition module, a new product registration module, a fusion deletion module, an unfusion module configured to remove the association between the product and/or service associated with a selected unfusion selector and the content portion associated with the fusion edit selector, and a fusion listing module.

Claims

1. A graphic user interface method for improved user viewing and manipulation of advanced interactive web-based content, comprising:

responsive to a user request to a remote network server, transmitting over a computer network and displaying on a computing device display non-catalog web content comprising a fused content, the fused content comprising at least one of text and a graphic associated with a purchasable item, the purchasable item comprising at least one of a product and service;

automatically transmitting over the computer network and displaying on the computing device display a visual representation of the purchasable item overlapping with the fused content with a non-zero level of transparency so as to be superimposed over at least part of the fused content;

initiating a transparency selector configured to increase or decrease a transparency of the displayed visual representation of the purchasable item responsive to user manipulation of the transparency selector via a user input, the transparency selector comprising a transparency selector visual representation;

displaying on the computing device display, at the same time as the visual representation of the purchasable item, the transparency selector visual representation;

increasing or decreasing the transparency of the displayed visual representation of the purchasable item responsive to user manipulation of the transparency selector via the user input and transparency selector visual representation;

displaying additional information relating to the purchasable item in response to a user interaction with at least one of the visual representation of the purchasable item and the fused content, the additional information relating to the purchasable item comprising at least one of a name and a price; and

displaying an Add to Cart selector comprising an Add to Cart selector visual representation; and

placing the purchasable item in a virtual shopping cart when the Add to Cart selector visual representation is selected, without the user having to leave the non-catalog web content.

2. The method of claim 1, wherein the the purchasable item comprises a product, and wherein the visual representation of the purchasable item comprises a picture of the product.

3. The method of claim 1, wherein the transparency selector visual representation comprises:

a slider control,

a low transparency indicator on a first end of the slider control;

a high transparency indicator on a second end of the slider control opposite the first end; and

a thumb configured to be slid along the slider control by user manipulation,

wherein the transparency selector is further configured to reduce transparency of the displayed visual representation of the purchasable item when the user slides the thumb on the slider control towards the low transparency indicator and to increase transparency of the displayed visual representation of the purchasable item when the user slides the thumb on the slider control towards the high transparency.

4. The method of claim 1, further comprising storing an object on the remote network server, the stored objecting associating the fused content with the purchasable item.

5. The method of claim 1, wherein the user interaction comprises positioning a pointer over at least one of the visual representation of the purchasable item and the fused content.

6. The method of claim 1, wherein the additional information comprises the name and the price.

7. The method of claim 1, further comprising reducing visibility of an element of the non-catalog web content other than fused content.

8. The method of claim 1, wherein the Add to Cart selector is displayed in response to the user interaction with at least one of the visual representation of the purchasable item and fused content.

9. The method of claim 8, further comprising displaying a pop-up on top of the non-catalog web content;

and

reducing visibility of a portion of the non-catalog web content adjacent to the pop-up,

wherein the Add to Cart selector and additional information relating to purchasable item are displayed in the pop up.

10. The method of claim 9, wherein reducing visibility of the portion of the non-catalog web content adjacent to the pop-up comprises reducing contrast of the non-catalog web content adjacent to the pop-up.

11. The method of claim 1, further comprising:

initiating a product toggle selector comprising a product toggle selector visual representation;

displaying the product toggle selector visual representation

responsive to user manipulation of the product toggle selector visual representation, highlighting the fused content, displaying the visual representations of the purchasable item with a zero value of transparency without obscuring the fused content, and displaying the additional information relating to the purchasable item without obscuring the fused content.

12. The method of claim 11,

wherein the purchasable item associated with the fused content is a first purchasable item,

wherein a second purchasable item is associated with the fused content,

wherein displaying the visual representation of the purchasable item with a non-zero value of transparency comprises displaying a visual representation of the first purchasable item and displaying a visual representation of the second purchasable item in an overlapping fashion, such that the visual representation of the second purchasable item is partially obscured.

13. The method of claim 12, wherein displaying the visual representation of the purchasable item further comprises displaying the visual representation of the first purchasable item larger than the first of the visual representations of the second purchasable item, creating the appearance that the visual representation of the second purchasable item is some distance behind the visual representation of the first purchasable item.

14. The method of claim 12, further comprising, responsive to a user interaction with one of the visual representation of the first purchasable item and the visual representation of the second purchasable item, displaying the visual representation of the first purchasable item partially obscured by the visual representation of the second purchasable item.

15. The method of claim 14, further comprising responsive to the user interaction with one of the visual representation of the first purchasable item and the visual representation of the second purchasable item displaying an animation showing the visual representation of the first purchasable item moving out of fully visible position and into an obscured position while the visual representation of the second purchasable item moves out of the obscured position and into the fully visible position.

16. The method of claim 1, further comprising:

initiating a product list selector, the product list selector comprising a product list selector visual representation;

displaying the product list selector visual representation;

responsive to a user manipulation of the product list selector visual representation, displaying over the non-catalog web content a list of purchasable items, the list of purchasable items comprising the purchasable item associated with the fused content;

responsive to the user manipulation of the product list selector visual representation displaying a purchasable item selector configured to select one of the purchasable item associated with the fused content;

responsive to a user selection of the purchasable item associated with the fused content, displaying a second visual representation of the purchasable item associated with the fused content, a price, and a product list Add to Cart selector; and

responsive to a user selection of the product list Add to Cart selector, placing the purchasable associated item in the virtual shopping cart, without the user having to leave the non-catalog web content.

17. The method of claim 16, wherein the purchasable item selector comprises:

a slide next to the list of purchasable items, and

a current product indicator,

wherein the purchasable item selector is configured to move the current product indicator along the slide responsive to a user manipulation, and

wherein the user selection of the purchasable item associated with the fused content comprises movement of the guide.

18. The method of claim 1, wherein the virtual shopping is stored on the remote network server.

19. A graphical user interface method for improved user viewing and manipulation of advanced interactive web-based content, comprising:

responsive to a user request to a remote network server, transmitting over a computer network and displaying on a computing device display non-catalog web content, the non-catalog web content comprising;

a fused content associated a purchasable item, the purchasable item comprising one of a product and a service;

a nonassociated content not associated the purchasable item;

displaying a product toggle selector together with the non-catalog web content;

responsive to a user manipulation of the product toggle selector, highlighting the fused content and displaying over the non-catalog web content additional information relating to the purchasable item associated with the fused content;

displaying an Add to Cart selector; and

placing the purchasable item associated with the fused content in a virtual shopping cart when the Add to Cart selector is selected, without the user having to leave the non-catalog web content.

20. A graphic user interface method for improved user viewing and manipulation of advanced interactive web-based content, comprising:

responsive to a user request to a remote network server, transmitting over a computer network and displaying on a computing device display non-catalog web content comprising fused content associated with a purchasable item, the purchasable item comprising one of a product and a service;

displaying a product list selector; and

responsive to user manipulation of the product list selector, displaying over the non-catalog web content a list, the list comprising the purchasable item associated with the fused content;

responsive to the user manipulation of the product list selector, displaying a purchasable item selector configured to select the purchasable item associated with the fused content;

responsive to a user selection of the purchasable item, displaying a visual representation of the purchasable item associated with the fused content along with associated information and an Add to Cart selector; and

placing the purchasable item associated with the fused content in a virtual shopping cart when the Add to Cart selector is selected, without the user having to leave the non-catalog web content.