1. Technical Field
The present disclosure relates to a user interface and more specifically to a graphical user interface for an online store configured to be accessible by diverse device types.
2. Introduction
Current online store interfaces provide adequate ability to browse and purchase media items, but suffer from excessive context switching which interrupts the store browsing experience. Just about every new action causes navigation to a different store interface and it can be difficult to get back to a previous interface after leaving. For example, if a user is browsing one product, and then clicks on a similar product, it can be difficult for the user to return to browsing the original product.
In another example, if a user is browsing multiple items on the same page, but then selects one for further viewing or purchase, the user will find difficulty in navigating back to their previous spot on the earlier page. While some online stores provide back button browser functionality, this feature at best returns the user to the same page and maybe even returns the user to approximately the same point of vertical scroll. However, this is not adequate because modern online stores often have many items available for display in multiple sections or frames, and these frames are themselves scrollable. Merely returning to previous page might return the user to the appropriate section/frame, but will not return the user to same point of browsing within one or more multiple frames.
In another example, when an item, such as a music song is purchased, current online stores take the user out of the store interface into a media-playing interface to play the purchased song. The user then must navigate back into the online store.
In another example, when an item is previewed, such as a song, when a user browses to a different page of an online store, the preview ends. Thus a user is not able to multi-task by previewing a song while continuing to browse the online store. The browsing experience is thus fragmented.
Additional features and advantages of the disclosure will be set forth in the description which follows, and in part will be obvious from the description, or can be learned by practice of the herein disclosed principles. The features and advantages of the disclosure can be realized and obtained by means of the instruments and combinations particularly pointed out in the appended claims. These and other features of the disclosure will become more fully apparent from the following description and appended claims, or can be learned by the practice of the principles set forth herein.
Disclosed are systems, methods, and non-transitory computer-readable storage media for providing an online store interface that maintains continuity of a user browsing experience by layering a product view on top of referring product views or online-store pages such that a user can navigate back to the referring page without needing the previous page to reload, and re-navigate to the point the user left off.
Providing the ability for an item preview to continue even when a user navigates the online store interface away from the preview page further preserves browsing continuity.
The present technology also provides a mechanism for allowing users to specify favorite categories and have them listed as tabs in the user interface when the online store is browsed with an appropriate device.
In order to describe the manner in which the above-recited and other advantages and features of the disclosure can be obtained, a more particular description of the principles briefly described above will be rendered by reference to specific embodiments thereof which are illustrated in the appended drawings. Understanding that these drawings depict only exemplary embodiments of the disclosure and are not therefore to be considered to be limiting of its scope, the principles herein are described and explained with additional specificity and detail through the use of the accompanying drawings in which:
Various embodiments of the disclosure are discussed in detail below. While specific implementations are discussed, it should be understood that this is done for illustration purposes only. A person skilled in the relevant art will recognize that other components and configurations may be used without parting from the spirit and scope of the disclosure.
With reference to
The system bus 110 may be any of several types of bus structures including a memory bus or memory controller, a peripheral bus, and a local bus using any of a variety of bus architectures. A basic input/output (BIOS) stored in ROM 140 or the like, may provide the basic routine that helps to transfer information between elements within the computing device 100, such as during start-up. The computing device 100 further includes storage devices 160 such as a hard disk drive, a magnetic disk drive, an optical disk drive, tape drive or the like. The storage device 160 can include software modules 162, 164, 166 for controlling the processor 120. Other hardware or software modules are contemplated. The storage device 160 is connected to the system bus 110 by a drive interface. The drives and the associated computer readable storage media provide nonvolatile storage of computer readable instructions, data structures, program modules and other data for the computing device 100. In one aspect, a hardware module that performs a particular function includes the software component stored in a non-transitory computer-readable medium in connection with the necessary hardware components, such as the processor 120, bus 110, display 170, and so forth, to carry out the function. The basic components are known to those of skill in the art and appropriate variations are contemplated depending on the type of device, such as whether the device 100 is a small, handheld computing device, a desktop computer, or a computer server.
Although the exemplary embodiment described herein employs the hard disk 160, it should be appreciated by those skilled in the art that other types of computer readable media which can store data that are accessible by a computer, such as magnetic cassettes, flash memory cards, digital versatile disks, cartridges, random access memories (RAMs) 150, read only memory (ROM) 140, a cable or wireless signal containing a bit stream and the like, may also be used in the exemplary operating environment. Non-transitory computer-readable storage media expressly exclude media such as energy, carrier signals, electromagnetic waves, and signals per se.
To enable user interaction with the computing device 100, an input device 190 represents any number of input mechanisms, such as a microphone for speech, a touch-sensitive screen for gesture or graphical input, keyboard, mouse, motion input, speech and so forth. An output device 170 can also be one or more of a number of output mechanisms known to those of skill in the art. In some instances, multimodal systems enable a user to provide multiple types of input to communicate with the computing device 100. The communications interface 180 generally governs and manages the user input and system output. There is no restriction on operating on any particular hardware arrangement and therefore the basic features here may easily be substituted for improved hardware or firmware arrangements as they are developed.
For clarity of explanation, the illustrative system embodiment is presented as including individual functional blocks including functional blocks labeled as a “processor” or processor 120. The functions these blocks represent may be provided through the use of either shared or dedicated hardware, including, but not limited to, hardware capable of executing software and hardware, such as a processor 120, that is purpose-built to operate as an equivalent to software executing on a general purpose processor. For example the functions of one or more processors presented in
The logical operations of the various embodiments are implemented as: (1) a sequence of computer implemented steps, operations, or procedures running on a programmable circuit within a general use computer, (2) a sequence of computer implemented steps, operations, or procedures running on a specific-use programmable circuit; and/or (3) interconnected machine modules or program engines within the programmable circuits. The system 100 shown in
Having disclosed some components of a computing system, the disclosure now turns to
The front page of the online store is organized into multiple distinct sections—three of which 202, 204, 206, are illustrated in
Each section can receive inputs effective to navigate through the items presented in the section. With respect to section 202 a mouse interaction, e.g., a click/grab and drag, or a touch interaction, e.g., a swipe, can move the primary product right or left to slide one of secondary products 203 into the featured position. In some aspects of section 202 there can be a limit to the number of items that can be displayed in this section. For example, if there was a limit of ten items in this section, there could be an additional seven items currently off screen.
In some embodiments the items presented in section 202 can circulate automatically, i.e., they can advance automatically at the end of a fixed interval in a looped animation sequence.
In some embodiments, each of the items presented in section 202 can be linked to a web page relevant to the illustration on the item. For example, when a selection input is received into item 201, which has a “Daft Punk” illustration, the store can present a web page of pictures of “Daft Punk” or a collection of songs or albums by “Daft Punk, ” etc.
In some embodiments sections 204 and 206 can also receive a mouse or touch interaction to reveal additional products by moving the displayed product left or right. In some embodiments, the products can be moved up or down to reveal additional products.
In some embodiments, the items in section 204 and 206, respectively, are grouped together as if on shelves. In such embodiments, when a mouse or touch input is received sliding one item, left, right, up, or down, all items grouped together in a shelf are moved together, and a new shelf (i.e. group of items displayed together as illustrated in section 204 and 206) can be revealed. In some aspects, one or more items can be represented on both the viewed shelf and an adjacent shelf to provide the user with some continuity when moving from one shelf to another. For example, if shelf 204 were swiped to the left so as to reveal additional items on right, item 211 (which is currently the last full item displayed on the right of the shelf) can become the first item displayed to the left of the newly displayed shelf.
In some embodiments, it may be possible to navigate to other items (e.g., by selection of an item displayed under the related items tab). If an item displayed under the related items tab is selected that has its own item interface, that item interface can be displayed directly over the original item. For example, if item 230 displayed in
The interfaces displayed in
A server can provide a browsing interface for an online store 402 including instructions for the behavior of the interface. When a user identifies a product of interest, the user can select the product through the user interface. The server can receive a request for the product page 404 corresponding to the selected product, and provide that product page 406. Through the instructions already built into the initially provided interface, or through instructions received with the product page, the client computer is instructed to animate the introduction of the product page 408.
As discussed above, the animation for the introduction of product page provides the appearance that the product page jumps out of the selected product of the main page. In any event the animation illustrates the introduction of the product page directly above the interface from which the product was selected.
If another product is selected from the currently displayed product page, the server receives that request 410, provides the product page 412, and the new product page is introduced with similar animation 414, as discussed with respect to step 408 above. These steps can be repeated. Each time, the server will receive the product page request, provide the product page, and the new product page will be introduced above the previous one.
If a user wants to browse backwards, or close the most recent product page, the interface receives an instruction to navigate back to a previous page 416. The interface can then animate the destruction of the displayed product page and the interface is returned to the previously displayed page 418.
While the above method contemplates that the requests for new product pages must be sent to a server and the product page is downloaded, in some embodiments the product pages can be optimistically cached ahead of time.
If a song is selected for playback or preview, prior art systems will begin playback of the song or preview, but when a user navigates away from the screen in which the playback or preview has been initiated, the playback ends. Such an action is undesirable because it interrupts the user's browsing experience. A user may want to preview a song while reading more about the song, album, or artist. A user may want to browse other items in the store. However, in prior art systems, if a user wants to hear the selected song playback/preview, then the user must wait for playback or preview to end before navigating on to other pages.
In some embodiments the history menu is a collection of all history associated with a user account regardless of whether the items were experienced on the device presently browsing the online store or another device. By experienced, it is meant that an item represented in the history menu has been browsed, previewed, purchased, downloaded, or otherwise interacted with by a user, through one or more client devices under the user's direction.
As illustrated in
Each of the items can be interacted with directly from the history menu without needing to navigate away from the current interface. For example, item 301 has already been purchased and is available for viewing when the user interface receives an input in the view button. As another example, item 303 can be purchased directly from the history page when the user interface receives a selection of the button displaying the price of the item.
Further, despite the fact that the store page beneath the history menu 302 is specific to music items, the history menu 302 can display all items from the user's browsing history in menu 302.
In some embodiments the history menu 302 includes items that have already been purchased and downloaded. In such instances, the online store can present the history menu interface 302 with an instruction to link the playback button 301 (“view” in this figure, but could be “play” as an example) to a locally available copy of the item if the item is already stored or cached on the client device being used for browsing the online store. In another aspect of this embodiment, the client device that is browsing the online store did not download or cache the item, and in such aspect the online store can present the menu interface to link the playback button 301 to a remote resource.
When the interface receives a selection of the button representative of the item's purchase status 456, the interface will respond according to the displayed purchase state. If the purchase status is purchased 458, then it is determined whether the purchased item is stored on the requesting device 462. If the item is stored on the requesting device, the item can be played from the local copy 464. If the item is not stored on the requesting device, then the item can be played from a remotely stored copy 466, such as from a cloud server.
If at 458, the item had not been purchased then the item page can be launched 460.
In some embodiments, it is desirable to allow a user to organize which category sections are presented in the category tabs bar 320 and the order of those category sections. For example, the categories labeled as 322 can be editable or custom selected tabs. In such embodiments, the editable tabs 322 can be edited when the “edit” button 332 is selected from the more categories listing 330 illustrated in
In some embodiments the rearranged categories can be stored on a server associated with the online store. In such embodiments the category preferences can be displayed on any device associated with the same user account that is used to access the online store.
In some embodiments, the category preferences can be displayed only on selected device types used to access the online store. For example, the category preferences might only be displayed when the device used to access the online store is a tablet, laptop, or desktop computer, but the category preferences will not be displayed when the store is accessed via a mobile phone or portable media player.
When the online store interface is accessed in future visits, the server can provide the interface with the preferred categories presented as short-cut tabs 710.
Embodiments within the scope of the present disclosure may also include tangible and/or non-transitory computer-readable storage media for carrying or having computer-executable instructions or data structures stored thereon. Such non-transitory computer-readable storage media can be any available media that can be accessed by a general purpose or special purpose computer, including the functional design of any special purpose processor as discussed above. By way of example, and not limitation, such non-transitory computer-readable media can include RAM, ROM, EEPROM, CD-ROM or other optical disk storage, magnetic disk storage or other magnetic storage devices, or any other medium which can be used to carry or store desired program code means in the form of computer-executable instructions, data structures, or processor chip design. When information is transferred or provided over a network or another communications connection (either hardwired, wireless, or combination thereof) to a computer, the computer properly views the connection as a computer-readable medium. Thus, any such connection is properly termed a computer-readable medium. Combinations of the above should also be included within the scope of the computer-readable media.
Computer-executable instructions include, for example, instructions and data which cause a general purpose computer, special purpose computer, or special purpose processing device to perform a certain function or group of functions. Computer-executable instructions also include program modules that are executed by computers in stand-alone or network environments. Generally, program modules include routines, programs, components, data structures, objects, and the functions inherent in the design of special-purpose processors, etc. that perform particular tasks or implement particular abstract data types. Computer-executable instructions, associated data structures, and program modules represent examples of the program code means for executing steps of the methods disclosed herein. The particular sequence of such executable instructions or associated data structures represents examples of corresponding acts for implementing the functions described in such steps.
Those of skill in the art will appreciate that other embodiments of the disclosure may be practiced in network computing environments with many types of computer system configurations, including personal computers, hand-held devices, multi-processor systems, microprocessor-based or programmable consumer electronics, network PCs, minicomputers, mainframe computers, and the like. Embodiments may also be practiced in distributed computing environments where tasks are performed by local and remote processing devices that are linked (either by hardwired links, wireless links, or by a combination thereof) through a communications network. In a distributed computing environment, program modules may be located in both local and remote memory storage devices.
The various embodiments described above are provided by way of illustration only and should not be construed to limit the scope of the disclosure. Those skilled in the art will readily recognize various modifications and changes that may be made to the principles described herein without following the example embodiments and applications illustrated and described herein, and without departing from the spirit and scope of the disclosure.
This application claims the benefit of U.S. Provisional Patent Application No. 61/657,869, entitled “INTERFACE FOR ENHANCED CONTINUITY OF BROWSING EXPERIENCE”, filed on Jun. 10, 2012, and which is hereby expressly incorporated herein by reference in its entirety.
Number | Name | Date | Kind |
---|---|---|---|
6338059 | Fields | Jan 2002 | B1 |
6535912 | Anupam et al. | Mar 2003 | B1 |
7565308 | Bollay | Jul 2009 | B1 |
7801824 | Bryar et al. | Sep 2010 | B1 |
7849419 | Tudor | Dec 2010 | B2 |
7979457 | Garman | Jul 2011 | B1 |
8578261 | Gupta | Nov 2013 | B1 |
8677273 | Rowell | Mar 2014 | B2 |
20030035007 | Wugofski | Feb 2003 | A1 |
20040111332 | Baar | Jun 2004 | A1 |
20050021478 | Gautier et al. | Jan 2005 | A1 |
20050033657 | Herrington et al. | Feb 2005 | A1 |
20050177853 | Williams et al. | Aug 2005 | A1 |
20060155989 | Nishimoto et al. | Jul 2006 | A1 |
20070033147 | Kaburagi | Feb 2007 | A1 |
20070118847 | Sugimoto et al. | May 2007 | A1 |
20070168462 | Grossberg et al. | Jul 2007 | A1 |
20070219875 | Toulotte | Sep 2007 | A1 |
20080270909 | Kaufman | Oct 2008 | A1 |
20090070232 | Milton | Mar 2009 | A1 |
20090100020 | Reddy | Apr 2009 | A1 |
20090119589 | Rowell | May 2009 | A1 |
20090197582 | Lewis et al. | Aug 2009 | A1 |
20090199242 | Johnson | Aug 2009 | A1 |
20090271283 | Fosnacht | Oct 2009 | A1 |
20100011354 | Gharabally et al. | Jan 2010 | A1 |
20100017261 | Evans et al. | Jan 2010 | A1 |
20100114739 | Johnston | May 2010 | A1 |
20100145804 | Ramer et al. | Jun 2010 | A1 |
20100192175 | Bachet et al. | Jul 2010 | A1 |
20100293490 | Rousso | Nov 2010 | A1 |
20110004533 | Soto | Jan 2011 | A1 |
20110106614 | Ramer et al. | May 2011 | A1 |
20120030022 | Ajima | Feb 2012 | A1 |
20120095881 | Rothman | Apr 2012 | A1 |
20120101944 | Lin et al. | Apr 2012 | A1 |
20120110117 | Koreeda | May 2012 | A1 |
20120120204 | Ohno et al. | May 2012 | A1 |
20120123910 | George | May 2012 | A1 |
20120131495 | Goossens | May 2012 | A1 |
20120131496 | Goossens | May 2012 | A1 |
20120166267 | Beatty | Jun 2012 | A1 |
20120185349 | Soroca et al. | Jul 2012 | A1 |
20120210750 | Cooper | Aug 2012 | A1 |
20120238255 | Ramer et al. | Sep 2012 | A1 |
20120266087 | Edecker | Oct 2012 | A1 |
20120290388 | Ganelli | Nov 2012 | A1 |
20130091462 | Gray et al. | Apr 2013 | A1 |
20130125040 | Smith | May 2013 | A1 |
20140052576 | Zelenka | Feb 2014 | A1 |
20140109166 | Koreeda | Apr 2014 | A1 |
Entry |
---|
Drupal, “Context Overlay”, Drupal.org, dates Sep. 13, 2012. |
International Search Report and Written Opinion from PCT Application No. PCT/US2013/041699 mailed Nov. 12, 2013, pp. 1-14. |
International Preliminary Report on Patentability from PCT Application No. PCT/US2013/041699 dated Dec. 24, 2014. |
Number | Date | Country | |
---|---|---|---|
20130332311 A1 | Dec 2013 | US |
Number | Date | Country | |
---|---|---|---|
61657869 | Jun 2012 | US |