Retail websites display products that are available for purchase. On some sites, it is possible to select two or more products for comparison. Often, this is done by selecting respective “compare” checkboxes associated with the products and then activating a “compare” button or link. Activating the compare button or link downloads a page that displays a table in which various attributes of the selected products are compared to each other.
Often, the customer viewing the website must scroll down through the page to view all of the products. During this scrolling, the “compare” button or link will scroll out of view.
The discussion above is merely provided for general background information and is not intended to be used as an aid in determining the scope of the claimed subject matter. The claimed subject matter is not limited to implementations that solve any or all disadvantages noted in the background.
Products that have been marked on a display as being selected for comparison with each other are counted. In response to the count being equal to a trigger number of products that can be compared with each other, a display is altered to add at least one compare link to the display. The compare link is such that when the user selects the compare link, the display shows a comparison of the products that have been marked on the display.
In other embodiments, a memory stores a count of the number of items that are marked on a display as having been selected by a user for comparison. A processor retrieves the count from the memory and determines that the count is equal to the trigger number of items that can be compared. The processor displays a dialog box comprising a link to a compare page in response to the count being equal to the trigger number of items that can be compared.
In a further embodiment, a collection of items is displayed on a display. An input from a user is received that indicates that an item in the collection of items should be marked for comparison. In response to the input, an element comprising a link to a comparison page is displayed such that the element at least partially covers at least one of the items in the collection of items.
This Summary is provided to introduce a selection of concepts in a simplified form that are further described below in the Detailed Description. This Summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used as an aid in determining the scope of the claimed subject matter.
Innovations described below automatically generate a graphical element when a user selects a trigger number of items to compare. The graphical element includes a compare button that when selected retrieves a comparison page that shows a comparison of the selected items.
Generated image 100 provides a webpage showing images of a collection of products including product image 102, product image 104, product image 106, product image 108, product image 110, product image 160, product image 162, product image 164, product image 166, and product image 168.
Each of product images 102, 104, 106, 108 and 110 has a respective price 112, 114, 116, 118, and 120. Each of product images 102, 104, 106, 108 and 110 also has a respective product description 122, 124, 126, 128, and 130. Product descriptions 122, 124, 126, 128 and 130 can include the name of the product and a short description of one or more attributes of the product.
In accordance with some embodiments, product images 102, 104, 106, 108, 110, 160, 162, 164, 166, and 168 are selectable by highlighting the product image and pressing enter, tapping on the product image or by positioning a cursor over the product image and activating a selection button. In accordance with some embodiments, product descriptions 122, 124, 126, 128 and 130 may be selectable in a similar fashion.
Each of product images 102, 104, 106, 108 and 110 has a respective selectable compare box 132, 134, 136, 138 and 140. Each of compare boxes 132, 134, 136, 138 and 140 has two states; an unchecked state as shown in
Generated image 100 also includes a compare button/link 142. In accordance with some embodiments, if the user selects the compare button/link 142 after having selected one or more of the compare check boxes 132, 134, 136, 138 and 140, a comparison page will be displayed that shows a comparison of several attributes of the products that have their compare check box selected.
Generated image 100 also includes a scroll bar 150 that allows a user to scroll down through the generated image 100.
As shown in
If the number of checked boxes does not equal the maximum number of products that can be compared on the comparison page, a check mark is added to the selected compare check box at step 306. For example, check mark 200 was added to compare check box 136 in
At step 308, the new number of currently checked boxes is compared to a trigger number of products. The trigger number is a number that will trigger the present system to add a compare link to a current display. For example, the trigger number is two in some embodiments such that if two products have been marked for comparison at step 308, the system will determine that the number of checked products equals or exceeds the trigger number of products. The trigger number may be equal to or less than the maximum number of products that can be checked for comparison.
If the number of currently checked boxes does not equal or exceed the trigger number of products that can be compared on the comparison page at step 308, the process of
When the number of check boxes equals or exceeds the trigger number of products that can be compared on the comparison page at step 308, the display is altered to add at least one compare link to the display at step 312. The compare link is such that when the user selects the compare link, the display shows a comparison of the products that have been marked on the display. The compare link may be shown as text, an image of a compare button or some other image. In some embodiments, the compare link is displayed within a container or element that is opened over the displayed images of selectable items/products. Examples of such containers include message boxes, dialog boxes and windows. Under many embodiments, the compare link is added such that it at least partially covers at least one selectable item on a web page. The compare link added at step 312 is added without scrolling the image on the display.
Container 404, also referred to as dialog box 404, includes text 410, a close button/close icon 412 and “compare now” button 414. Close button 412 and “compare now” button 414 may be selected by highlighting them using a tab key and pressing a selection button, placing a cursor over them and pressing a selection button or by pressing on them through a touch screen. Text 410 explains that the trigger number of items have been selected for comparison and directs the user to compare the currently selected products.
After dialog box 404 has been opened at step 312, the method of
If close button 412 is selected at step 316, dialog box 404 is closed at step 318 and the compare link is removed from the display without showing a comparison of products.
If the user selects one of the unchecked compare boxes 134, 138, 140, 192, 194, 196, 198 of
After not adding a mark to the check box, a compare link is added to the display at step 322 without requiring scrolling of the displayed web page. Under some embodiments, the compare link is displayed within a container or element, such as a dialog box, message box or window. In some embodiments, the compare link is added to the display such that it at least partially covers at least one selectable item on the display.
After dialog box 602 has been opened at step 322, the process of
If “continue shopping” button 606 or close button 608 are selected at step 326, dialog box 602 is closed at step 318 and the appearance of the generated image returns to that shown in
If “compare now” button 604 is selected in step 324 or “compare now” button 414 is selected in step 314, a compare page is displayed at step 328. If “compare now” button 604 is selected in step 324, the product associated with the last or latest compare check box to be selected is not included in the compare page because before that compare check box was selected, the maximum number of check boxes had already been checked. An example of a compare page is shown in
In
By automatically generating a dialog box when a user has selected the trigger number of items to be compared or attempts to select more than the maximum number of items to be compared, the present innovations makes it easier for users to choose to compare items since they do not have to scroll through the page to locate the compare button. Further, the dialog box helps to inform the user that there is maximum number of items that can be compared on the comparison page and thereby assists the user.
Communication along network 808 can utilize one or more protocols including Hypertext Transfer Protocol (http), Transmission Control Protocol/Internet Protocol (TCP/IP) and the like. The web pages provided by servers 802, 804 and 806 may be written in a mark-up language such as Hypertext Markup Language (HTML) or Extensible Markup Language (XML) and may utilize one or more Cascade Style Sheets. In addition, the web pages provided by servers 802, 804 and 806 may use one or more scripts for rendering the page including for example JavaScript®, from Oracle Corporation.
An example of a computing device that can be used as a server and/or client device in the various embodiments is shown in the block diagram of
Embodiments of the present invention can be applied in the context of computer systems other than computing device 10. Other appropriate computer systems include handheld devices, multi-processor systems, various consumer electronic devices, mainframe computers, and the like. Those skilled in the art will also appreciate that embodiments can also be applied within computer systems wherein tasks are performed by remote processing devices that are linked through a communications network (e.g., communication utilizing Internet or web-based software systems). For example, program modules may be located in either local or remote memory storage devices or simultaneously in both local and remote memory storage devices. Similarly, any storage of data associated with embodiments of the present invention may be accomplished utilizing either local or remote storage devices, or simultaneously utilizing both local and remote storage devices.
Computing device 10 further includes a hard disc drive 24, an external memory device 28, and an optical disc drive 30. External memory device 28 can include an external disc drive or solid state memory that may be attached to computing device 10 through an interface such as Universal Serial Bus interface 34, which is connected to system bus 16. Optical disc drive 30 can illustratively be utilized for reading data from (or writing data to) optical media, such as a CD-ROM disc 32. Hard disc drive 24 and optical disc drive 30 are connected to the system bus 16 by a hard disc drive interface 32 and an optical disc drive interface 36, respectively. The drives and external memory devices and their associated computer-readable media provide nonvolatile storage media for the computing device 10 on which computer-executable instructions and computer-readable data structures may be stored. Other types of media that are readable by a computer may also be used in the exemplary operation environment.
A number of program modules may be stored in the drives and RAM 20, including an operating system 38, one or more application programs 40, other program modules 42 and program data 44. In particular, application programs 40 can include server instructions that handle requests for web pages from a client, retrieve the content of the web pages and serve the web pages to the client when the computing device is used as a server. When the computing device is used as a client, application programs 40 can include a web browser that receives, interprets and renders one or more of the web pages described above. Such web browsers include script interpreters that are able to interpret script code in the web pages including script code that performs the steps of
Input devices including a keyboard 63 and a mouse 65 are connected to system bus 16 through an Input/Output interface 46 that is coupled to system bus 16. Monitor 48 is connected to the system bus 16 through a video adapter 50 and provides graphical images to users. Other peripheral output devices (e.g., speakers or printers) could also be included but have not been illustrated. In accordance with some embodiments, monitor 48 comprises a touch screen that both displays input and provides locations on the screen where the user is contacting the screen.
The computing device 10 may operate in a network environment utilizing connections to one or more remote computers, such as a remote computer 52. The remote computer 52 may be a server, a router, a peer device, or other common network node. Remote computer 52 may include many or all of the features and elements described in relation to computing device 10, although only a memory storage device 54 has been illustrated in
The computing device 10 is connected to the LAN 56 through a network interface 60. The computing device 10 is also connected to WAN 58 and includes a modem 62 for establishing communications over the WAN 58. The modem 62, which may be internal or external, is connected to the system bus 16 via the I/O interface 46.
In a networked environment, program modules depicted relative to the computing device 10, or portions thereof, may be stored in the remote memory storage device 54. For example, application programs may be stored utilizing memory storage device 54. In addition, data associated with an application program, such as data stored in the databases or lists described above, may illustratively be stored within memory storage device 54. It will be appreciated that the network connections shown in
Processor/processing unit 12 may execute computer-executable instructions to perform the steps described above. In particular, the processor may retrieve the count of the number of checked items from memory and determine that the count is equal to the maximum number of items that can be compared. The processor may further display a dialog box comprising a link to a compare page in response to the count being equal to the maximum number of items that can be compared. The processor may further prevent marking more than the maximum number of items that can be compared as having been selected for comparison.
Although elements have been shown or described as separate embodiments above, portions of each embodiment may be combined with all or part of other embodiments described above.
Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.