Patent Application
20140372943
This disclosure relates to computing devices, and more particularly, to user interface (UI) techniques for interacting with digital content on computing devices.
Computing devices such as tablets, eReaders, mobile phones, smart phones, personal digital assistants (PDAs), and other such computing devices are commonly used for displaying digital content. The content may be, for example, an eBook, a web page, an online article or blog, images, a movie or video, a map, just to name a few types. Such computing devices may also be useful for displaying a user interface that allows a user to interact with one or more applications running on the device. One or more applications may allow a user to read through digital content, such as electronic books (eBooks), magazines, catalogs, or comics, for example. The computing devices may also include a touch sensitive surface/interface for receiving user input such as a touch screen or a track pad (e.g., in combination with a non-touch sensitive display). The user interface may include, for example, one or more touch screen controls and/or one or more displayed labels that correspond to nearby hardware buttons.
a-b illustrate an example computing device having a hotspot peek mode configured in accordance with an embodiment of the present invention.
c-d illustrate example configuration screen shots of the user interface of the computing device shown in
a illustrates a block diagram of a computing device configured in accordance with an embodiment of the present invention.
b illustrates a block diagram of a communication system including the computing device of
a-d′ collectively illustrate an example hotspot peek mode of a computing device, in accordance with an embodiment of the present invention.
a-f collectively illustrate an example hotspot peek mode of a computing device, in accordance with another embodiment of the present invention.
Techniques are disclosed for a hotspot peek mode for use with digital content that includes one or more hotspots. Each hotspot includes a link to a source of additional content, where the source may be, for example, a web page or another portion of the digital content. The hotspot peek mode may be configured to display or otherwise present a pop-up panel on displayed digital content in response to a peek command (e.g., a tap or hover input) performed on a hotspot. The pop-up panel may include additional content from the source associated with the given hotspot, to provide a peek at the source. In some cases, the pop-up panel may be displayed using an animation, such as having the pop-up panel grow out of its related hotspot. The hotspot peek mode may be further configured to navigate to the source in response to a selection made inside the pop-up panel. In some cases, the functionality of the hotspot peek mode may be fully integrated within an eReader application or another suitable application. In such cases, the user may be able to navigate to a source associated with a given hotspot while remaining within the application. Numerous other configurations and variations will be apparent in light of this disclosure.
General Overview
As previously explained, computing devices such as tablets, eReaders, and smart phones are commonly used for displaying user interfaces and digital content. The user of such devices can typically consume the digital content with relative ease. In some instances, the content being consumed, such as electronic books (eBooks), magazines, catalogs, web pages, or other digital content, may include one or more hotspots. A hotspot provides a link (a URL) to a source of additional content. Typically, a user selects a hotspot to activate the browsing application of the computing device and navigate to the URL of the hotspot. However, this may lead to a diminished user experience, for a number of reasons, as will be appreciated in light of this disclosure.
Thus, and in accordance with one or more embodiments of the present invention, techniques are disclosed for a hotspot peek mode for use with digital content that includes one or more hotspots. The digital content may include eBooks, magazines, catalogs, comics, web pages, notes, documents, lecture or presentation materials, or any other suitable digital content. The hotspots may be small highlighted regions, such as circles, points, bullseyes, or rectangles included with the digital content, for example. Each hotspot may include a link to a source of additional content, where the source may be a web page (e.g., a URL), another portion of the digital content, or an e-commerce service that allows for the purchase of an item related to the digital content, just to name a few examples. Such hotspots may be included with the digital content (e.g., generated by the content creator) or they may be user-generated.
The hotspot peek mode may be configured to display (or otherwise present) a pop-up panel on displayed digital content in response to a peek command performed on a hotspot. The peek command may include a direct contact tap on or hovering input over the given hotspot (for touch sensitive computing devices), or a pointer selection on or pointer hover over the given hotspot (for non-touch sensitive computing devices), just to name a few examples. In some embodiments, the pop-up panel includes additional content from the source associated with the given hotspot. In this manner, the user can peek at content from the source associated with the given hotspot without navigating away from the displayed digital content. In some embodiments, the hotspot peek mode may be configured to present the pop-up panel while remaining in the same application used to display (or otherwise present) the digital content. In some embodiments, after a peek command has been performed on a hotspot, the pop-up panel may grow out of the hotspot to provide a pleasing animation. Other animations may be used when displaying or closing a hotspot peek mode pop-up panel, as will be apparent in light of this disclosure.
After a pop-up panel has been displayed (or otherwise presented), the user may be able to close the panel, in some embodiments, by selecting outside of the panel or by no longer hovering over the given hotspot (where the peek command involves hovering). In some embodiments, after a pop-up panel has been displayed, the user may be able to navigate to the source associated with the given hotspot by selecting inside the pop-up panel. For example, a digital magazine may include a hotspot on its cover page that links to an article within the magazine (e.g., where the hotspot is next to the article title). In such an example, if a user performs a peek command on the hotspot (e.g., via a direct contact tap on the hotspot), the hotspot peek mode may be configured to display (or otherwise present) a pop-up panel that includes all or part of the article. In this manner, the user can peek at the article from the cover page without leaving the cover page. After the pop-up panel has been displayed, the user may be able to select outside of the panel to close the panel or select inside of the panel to navigate to the article, as will be apparent in light of this disclosure.
As previously described, in some embodiments, the hotspot peek mode may be fully integrated within a single application (e.g., an eReader application), such that selecting a hotspot pop-up panel to navigate to the source associated with the given hotspot is performed by that single application. In one example embodiment, an eReader application including the functionality of the hotspot peek mode may be used to display digital content that includes one or more hotspots, such as a magazine. In such an example embodiment, the user may be able to perform a peek command on a hotspot located near a particular item within the magazine, such as a pair of shoes. After performing the peek command on the hotspot, a pop-up panel may be displayed (or otherwise presented) that includes an e-commerce service that allows the user to purchase the pair of shoes. In some instances, the user may be able to purchase the shoes from the pop-up panel without leaving the magazine. In other instances, the user may select inside of the pop-up panel to navigate to the e-commerce service (e.g., a web site or another application that allows for the purchase of goods) and purchase the pair of shoes while remaining within the eReader application. In such instances, the eReader application may include a way to return to the magazine (or other content from which the hotspot was selected), such as a button to navigate back to the magazine. To this end, an eReader application or other content viewing user interface programmed or otherwise configured with a hotspot peek mode as described herein may effectively include the functionality of a browser application, so as to readily accommodate navigation from the content to a hotspot source and back to the content, in accordance with an embodiment.
In some embodiments, the hotspot peek mode as variously described herein may be configured at a global level (e.g., based on the UI settings of the computing device) and/or at an application level (e.g., based on the specific application being used to interact with the digital content). For example, the hotspot peek mode may be configured to be enabled for some applications and disabled for others. To this end, the hotspot peek mode may be user-configurable, hard-coded, or some combination thereof (e.g., where some aspects are user-configurable and others are hard-coded), as will be apparent in light of this disclosure. Further, the hotspot peek mode as variously described herein may be included initially with the UI (or operating system) of a computing device or be a separate program/service/application configured to interface with the UI of a computing device to incorporate the functionality of the hotspot peek mode as variously described herein. In some embodiments, the hotspot peek mode may come in the form of a computer program product that includes a plurality of instructions non-transiently encoded thereon to facilitate operation of an electronic device according to a process that includes the functionality of the hotspot peek mode as variously described herein.
As will be apparent in light of this disclosure, the hotspot peek mode may be used on computing devices that are touch sensitive, such as various smartphones, tablets, and eReaders. In such computing devices, user input (e.g., the input used to perform a peek command) may be referred to as contact or user contact for ease of reference. However, direct and/or proximate contact (e.g., hovering within a few centimeters of the touch sensitive surface) may be used to provide user input to a touch sensitive computing device, depending on the specific touch sensitive interface being used. In other words, in some embodiments, the hotspot peek mode may be invoked even without physically touching a touch sensitive computing device or its touch sensitive interface. Also note that the user contact (whether direct or proximate) may be provided by the user's hand, a stylus, or some other suitable implement, for example. Numerous variations and configurations will be apparent in light of this disclosure.
a-b illustrate an example computing device having a hotspot peek mode configured in accordance with an embodiment of the present invention. The device could be, for example, a tablet computer such as the NOOK® Tablet by Barnes & Noble. In a more general sense, the device may be any computing device capable of displaying digital content, such as a smart phone, eReader, tablet computer, laptop, or desktop computer, for example. In some instances, the computing device may be touch sensitive and include a touch screen display or a non-touch display screen that can be used in conjunction with a touch sensitive surface/interface, such as a track pad. As will be appreciated in light of this disclosure, the claimed invention is not intended to be limited to any particular kind or type of computing device. For ease of description, an example computing device is provided herein with touch screen technology.
As can be seen with the example embodiment shown in
Although the computing device shown in
Continuing from
As will be appreciated, the various UI control features and sub-menus displayed to the user are implemented as UI touch screen controls in this example embodiment. Such UI touch screen controls can be programmed or otherwise configured using any number of conventional or custom technologies. In general, the touch screen translates one or more touches (whether direct or proximate and whether made by a user's hand, a stylus, or some other suitable implement) in a particular location(s) into an electrical signal which is then received and processed by the underlying operating system (OS), system software, and circuitry (processor, etc.) of the computing device. In some instances, note that the user need not actually physically touch the touch sensitive surface/interface to provide user input (e.g., when the touch sensitive surface/interface recognizes hovering input). In embodiments where the computing device is not-touch sensitive, input may be provided using a mouse, joystick, or directional pad and one or more buttons, for example, to provide input similar to touching a touch screen. Additional example details of the underlying OS and circuitry in accordance with some embodiments will be discussed in turn with reference to
Continuing with
In the example case shown in
The next configuration option—Pop-Up Size—allows the user to set the size of the pop-up panel relative to the displayed digital content over which it is being displayed (or otherwise presented). In this example screen shot, the Pop-Up Size is set at 20% based on the corresponding slide adjustor. At this setting, the pop-up panel will take up 20% of the area of the displayed digital content. Other pop-up size settings, which may be selected using the slide adjustor, may include: 10%, 15%, 25%, 30%, 35%, 40%, 45%, 50%, or any other suitable amount. The next configuration option—Allow Navigation to Hotspot Source—allows the user to enable or disable whether that user can navigate to the source associated with a given hotspot when making a selection inside of the pop-up panel related to the given hotspot. In this example screen shot, this setting is shown as enabled based on the corresponding check box.
The right side of the example configuration screen shot shown in
As can be further seen in
Architecture
a illustrates a block diagram of a computing device configured in accordance with an embodiment of the present invention. As can be seen, this example device includes a processor, memory (e.g., RAM and/or ROM for processor workspace and storage), additional storage/memory (e.g., for content), a communications module, a touch screen, and an audio module. A communications bus and interconnect is also provided to allow inter-device communication. Other typical componentry and functionality not reflected in the block diagram will be apparent (e.g., battery, co-processor, etc.). Further note that although a touch screen display is provided, other touch sensitive embodiments may include a non-touch screen and a touch sensitive surface such as a track pad, or a touch sensitive housing configured with one or more acoustic sensors, etc. In this manner, a non-touch sensitive computing device can become a touch sensitive computing device by adding an interfacing touch sensitive component. However, as previously explained, some embodiments may be non-touch sensitive. The principles provided herein equally apply to any such computing device. For ease of description, examples are provided with touch screen technology.
The touch sensitive surface (touch sensitive display or touch screen, in this example) can be any device that is configured with user input detecting technologies, whether capacitive, resistive, acoustic, active or passive stylus, and/or other input detecting technology. The screen display can be layered above input sensors, such as a capacitive sensor grid for passive touch-based input (e.g., with a finger or passive stylus in the case of a so-called in-plane switching (IPS) panel), or an electro-magnetic resonance (EMR) sensor grid (e.g., for sensing a resonant circuit of the stylus). In some embodiments, the touch screen display can be configured with a purely capacitive sensor, while in other embodiments the touch screen display may be configured to provide a hybrid mode that allows for both capacitive input and active stylus input. In any such embodiments, a touch screen controller may be configured to selectively scan the touch screen display and/or selectively report contacts detected directly on or otherwise sufficiently proximate to (e.g., within a few centimeters) the touch screen display. The proximate contact may include, for example, hovering input used to cause location specific input as though direct contact were being provided on a touch sensitive surface (such as a touch screen). Numerous touch screen display configurations can be implemented using any number of known or proprietary screen based input detecting technology.
Continuing with the example embodiment shown in
The processor can be any suitable processor (e.g., Texas Instruments OMAP4, dual-core ARM Cortex-A9, 1.5 GHz), and may include one or more co-processors or controllers to assist in device control. In this example case, the processor receives input from the user, including input from or otherwise derived from the power button, home button, and touch sensitive surface. In other embodiments, the processor may be configured to receive input from other input devices, such as from a mouse or keyboard, for example, to determine if such devices are being used to perform a peek command on a given hotspot. The processor can also have a direct connection to a battery so that it can perform base level tasks even during sleep or low power modes. The memory (e.g., for processor workspace and executable file storage) can be any suitable type of memory and size (e.g., 256 or 512 Mbytes SDRAM), and in other embodiments may be implemented with non-volatile memory or a combination of non-volatile and volatile memory technologies. The storage (e.g., for storing consumable content and user files) can also be implemented with any suitable memory and size (e.g., 2 GBytes of flash memory).
The display can be implemented, for example, with a 7 to 9 inch 1920×1280 IPS LCD touchscreen touch screen, or any other suitable display and touch sensitive interface technology. The communications module can be, for instance, any suitable 802.11b/g/n WLAN chip or chip set, which allows for connection to a local network so that content can be downloaded to the device from a remote location (e.g., content provider, etc., depending on the application of the display device). In some specific example embodiments, the device housing or frame that contains all the various componentry measures about 7″ to 9″ high by about 5″ to 6″ wide by about 0.5″ thick, and weighs about 7 to 8 ounces. Any number of suitable form factors can be used, depending on the target application (e.g., laptop, smart phone, etc.). The device may, for example, smaller for smart phone and eReader applications and larger for tablet computer applications.
The operating system (OS) module can be implemented with any suitable OS, but in some example embodiments is implemented with Google Android OS or Linux OS or Microsoft OS or Apple OS. The power management (Power) module can be configured as typically done, such as to automatically transition the device to a low power consumption or sleep mode after a period of non-use. A wake-up from that sleep mode can be achieved, for example, by a physical button press and/or a touch screen swipe or other action. The audio module can be configured, for example, to speak or otherwise aurally present a selected eBook or other textual content. In some example cases, if additional space is desired, for example, to store digital books or other content and media, storage can be expanded via a microSD card or other suitable memory expansion technology (e.g., 32 GBytes, or higher). The UI module can be, for example, based on touch screen technology, and the various example screen shots and example use-cases shown in
Client-Server System
b illustrates a block diagram of a communication system including the computing device of
a-d′ collectively illustrate an example hotspot peek mode of a computing device, in accordance with an embodiment of the present invention. As can be seen in FIGS. 3a-d, a computing device is shown having a housing/frame that includes a touch screen for displaying content and allowing user input (whether direct or proximate). The touch screen in
b shows a user performing a peek command on a given hotspot to cause a pop-up panel to be displayed (or otherwise presented) using the hotspot peek mode. As shown in this screen shot, the user (using a finger of the user's hand) has made a direct contact tap gesture on the hotspot next to the Shopping Article on the magazine cover page. Although the peek command is a direct contact tap gesture in this example embodiment, other peek commands used for a touch sensitive computing device may include hovering input, a long press or press and hold gesture, a double tap gesture, or any other suitable input. As previously described, for non-touch sensitive computing devices, the peek command may be a pointer selection (e.g., a mouse left click on the hotspot), a pointer hover over (e.g., a mouse hover over the hotspot), a right mouse click selection, or any other suitable input. As shown in
As previously described, the hotspots in this example embodiment each link to an article within the digital magazine (or a link to the first page containing the article). The pop-up panel shown in
In this example embodiment, only a portion of the page containing the start of the Shopping Article (page 82) is included in the pop-up panel in
c shows the user making a selection inside of the pop-up panel (e.g., using an appropriately placed tap) to navigate to the Shopping Article.
c′ continues from
a-f collectively illustrate an example hotspot peek mode of a computing device, in accordance with another embodiment of the present invention. As can be seen in
a shows page 82 of the digital magazine that contains the Shopping Article and includes three hotspots provided near a shoe, a bag, and a pair of sunglasses, as previously described. In this example embodiment, each hotspot links to an e-commerce service that allows a user to purchase the corresponding items, as will be discussed in turn.
d shows the pop-up panel fully displayed and, again, it can be seen that the pop-up panel is displayed (or otherwise presented) over the displayed digital content (e.g., page 82 of the digital magazine in this example case). As shown, the pop-panel includes an entire page of content from an e-commerce service that allows the user to purchase a pair of shoes based on the shoe displayed near the hotspot in the Shopping Article.
Continuing with the screen shot shown in
From the e-commerce service shown in
Methodology
In the example case illustrated in
Once digital content including one or more hotspots is displayed, the method continues by determining 502 if a peek command has been performed on a hotspot. Example peek commands may include a direct contact tap or proximate contact hover input (for touch sensitive computing devices), or a pointer selection or pointer hover over (for non-touch sensitive devices), just to name a few examples. If a peek command has not been performed on a hotspot, the method continues by reviewing 503 if the digital content (that includes one or more hotspots) is still being displayed. If the digital content is not still being displayed, the method starts back at diamond 501 to review if digital content including one or more hotspots is being displayed. If the digital content (that includes one or more hotspots) is still being displayed, the method continues to review until either a peek command has been performed on a hotspot or until or the digital content is no longer displayed.
Once a peek command has been performed on a hotspot while digital content including one or more hotspots is being displayed, the method continues by displaying (or otherwise presenting) 504 a pop-up panel that includes additional content from the source associated with the given hotspot. Example sources may include another portion of the digital content, a web page, or an e-commerce service, just to name a few examples. As previously described, the hotspot (as well as the source that it links to) may be included with the digital content (e.g., generated by the content creator) or user-generated. In some embodiments, the digital content (that includes the one or more hotspots) may be presented via an application and the pop-up panel may be presented within that application (in response to a peek command) on the digital content. After the pop-up panel has been displayed (or otherwise presented), the method continues by determining 505 if a selection has been made inside of the pop-up panel. If no selection has been made, the method continues by determining 506 if a selection has been made outside of the pop-up panel. If no selection has been made at all after the pop-up panel has been displayed or otherwise selected, the method continues to review until a selection has been made (or until some other input or action occurs which may close the pop-up panel, as will be discussed in turn).
If a selection has been made outside of the pop-up panel before navigating to the source associated with the given hotspot, the method may continue by closing 507 the pop-up panel. Other input or actions may also result in the closing of the pop-up panel, such as switching the page when the pop-up panel was on a page of paginated digital content, switching applications, returning to the home screen (e.g., using a home button), or other suitable inputs or actions, based on the configuration of the hotspot peek mode. Once the pop-up panel has been closed, the method may continue back to diamond 503 to determine if the digital content (that includes one or more hotspots) is still being displayed/presented.
If a selection has been made inside of the pop-up panel before it is closed, the method may continue by navigating 508 to the source associated with the given hotspot. As previously described, navigating to the source may include leaving the application that displayed (or otherwise presented) the digital content, while in other embodiments, the hotspot peek mode may be configured to navigate to the source while remaining in the same application that displayed/presented the digital content. For example, if the source associated with a hotspot from a digital magazine being displayed/presented by an eReader application is a particular web page (e.g., a URL), and a selection has been made in the pop-up panel related to the hotspot, then the hotspot peek mode may be configured to navigate to the web page using a separate web browsing application or the hotspot peek mode may be configured to navigate to the web page using the eReader application (e.g., where web browsing functionality is built into the eReader application).
After navigating 508 to the source associated with the given hotspot, the method continues by determining 509 if a selection has been made to navigate back to the digital content. As previously described, a link or button may be provided to allow a user to navigate back to the displayed/presented digital content after navigating to the source associated with a given hotspot (e.g., by selecting within a pop-up panel related to the given hotspot). In some instances, the user may be able to press a back button to return or navigate back to the digital content. Regardless of the method, if a selection or input has been provided to navigate back to the digital content, then the method may continue back to diamond 503 to determine if the digital content (that includes one or more hotspots) is still being displayed/presented. If no selection has been made to navigate back to the digital content, the method continues by remaining 510 at the source until otherwise indicated. Indications that the user wants to leave the source may include an action or input to navigate back to the digital content (e.g., pressing a back button as previously explained), switching to another application, navigating to the home screen, etc. In instances where the user leaves the source but does not return or navigate back to the digital content, the hotspot peek mode may be exited or otherwise disabled to preserve memory and/or power until, for example, digital content including one or more hotspots is displayed again.
Numerous variations and embodiments will be apparent in light of this disclosure. One example embodiment of the present invention provides a device including a display for displaying digital content to a user within an application (the digital content including one or more hotspots, wherein each hotspot includes a link to a source of additional content), and a user interface including a hotspot peek mode. The hotspot peek mode is configured to present a pop-up panel within the application and include additional content from the source associated with a given hotspot (included with displayed digital content) within the pop-up panel, in response to a peek command performed on the given hotspot. In some cases, the peek command is one of a direct contact selection of the given hotspot and a hovering input over the given hotspot. In some cases, the pop-up panel grows out of the given hotspot. In some cases, the source associated with the given hotspot is another portion of the displayed digital content. In some cases, the source associated with the given hotspot is a web page. In some cases, the source associated with the given hotspot is an e-commerce service that allows for the purchase of an item related to the displayed digital content. In some cases, content from the source is stored in a cache local to the device accessible by the hotspot peek mode. In some cases, the application is an eReader application and the hotspot peek mode is integrated within the eReader application. In some such cases, the hotspot peek mode is configured to navigate to the source associated with the given hotspot while remaining in the eReader application, in response to making a selection in the pop-up panel. In some such cases, a link is provided to navigate back to the displayed digital content, in response to navigating to the source associated with the given hotspot.
Another example embodiment of the present invention provides a mobile computing device including a touch screen display for displaying digital content to a user and allowing user input (the digital content including one or more hotspots, wherein each hotspot includes a link to a source of additional content), and an application including a hotspot peek mode. The hotspot peek mode is configured to present a pop-up panel within the application and include additional content from the source associated with a given hotspot (included with displayed digital content) within the pop-up panel, in response to a peek command performed on the given hotspot. In some cases, a selection made outside of the pop-up panel closes the pop-up panel. In some cases, the hotspot peek mode is configured to navigate to the source associated with the given hotspot while remaining in the application, in response to making a selection in the pop-up panel.
Another example embodiment of the present invention provides a computer program product including a plurality of instructions non-transiently encoded thereon to facilitate operation of an electronic device according to a process. The computer program product may include one or more computer readable mediums such as, for example, a hard drive, compact disk, memory stick, server, cache memory, register memory, random access memory, read only memory, flash memory, or any suitable non-transitory memory that is encoded with instructions that can be executed by one or more processors, or a plurality or combination of such memories. In this example embodiment, the process is configured to present digital content via an application (the digital content including one or more hotspots, wherein each hotspot includes a link to a source of additional content), and present a pop-up panel on the displayed digital content within the application in response to a peek command performed on a hotspot included with the presented digital content, wherein the pop-up panel includes additional content from the source associated with the given hotspot. In some cases, the peek command is one of a direct contact selection of the particular hotspot and a hovering input over the particular hotspot. In some cases, the process is configured to navigate to the source associated with the given hotspot, in response to a selection made in the pop-up panel. In some cases, the process is configured to navigate to the source associated with the given hotspot while remaining in the application, in response to a selection made in the pop-up panel. In some such cases, a link is provided to navigate back to the presented digital content. In some cases, the source associated with the given hotspot is one of another portion of the presented digital content, a web page, and an e-commerce service that allows for the purchase of an item related to the presented digital content. In some cases, the application is an eReader application and the hotspot peek mode is integrated within the eReader application.
The foregoing description of the embodiments of the invention has been presented for the purposes of illustration and description. It is not intended to be exhaustive or to limit the invention to the precise form disclosed. Many modifications and variations are possible in light of this disclosure. It is intended that the scope of the invention be limited not by this detailed description, but rather by the claims appended hereto.
