APPARATUS AND METHOD FOR PROVIDING A VISUAL TRANSITION BETWEEN SCREENS
An apparatus, method, and computer program product are described that provide for the display of a visual transition between screens representing different interactive content to indicate to a user that the user is “leaving” (e.g., transitioning away) from one screen and is “entering” (e.g., transitioning to) another screen. In particular, a first graphical effect may be applied to a first screen and a second, different graphical effect may be applied to the second screen. The first graphical effect may be indicative of a transition from display of the first screen to non-display of the first screen, while the second graphical effect may be indicative of a transition from non-display of the second screen to display of the second screen. The combination of the first and second graphical effects may, thus, create for the user a visual transition from the first screen to the second screen.
This application claims the benefit of U.S. application Ser. No. 13/323,132 entitled “Apparatus and Method for Providing a Visual Transition Between Screens,” filed Dec. 12, 2011, the contents of which are incorporated by reference herein in their entirety.
TECHNOLOGICAL FIELDEmbodiments of the present invention relate generally to providing a visual transition between screens displaying different interactive content on displays of devices by applying different graphical effects to the screens.
BACKGROUNDAdvancements in mobile device technology have provided mobile devices, such as cellular telephones and portable digital assistants (PDAs), that have increased functionality and allow users greater access and control of information. Users may access a number of screens displaying information, may navigate between screens, and may manipulate the information presented on the screens to arrange the information in a way that suits the user's preferences. Moreover, some of the screens accessed by the user may comprise information associated with one or more programs that may or may not be in execution. For example, some programs may be running, while other programs may be dormant, but may be invoked upon user interaction with a representation of the program (such as an icon).
The portable nature of mobile devices generally means that the size of the displays provided on the mobile devices is relatively small. Thus, users may, at times, only see portions of the information they have accessed depending on how much information can be presented within the area of the display provided.
Accordingly, it may be desirable to provide an improved mechanism for conveying to the user which screens are being accessed and for allowing the user to see larger portions of those screens to which the user is navigating during the transition process.
BRIEF SUMMARY OF EXAMPLE EMBODIMENTSAccordingly, embodiments of an apparatus, method, and computer program product are described that can provide for a visual transition from a first screen of interactive content to a second screen of interactive content. In particular, embodiments of an apparatus for providing for a visual transition between screens may include at least one processor and at least one memory including computer program code. The at least one memory and the computer program code may be configured to, with the processor, cause the apparatus to at least provide for display of a first screen representing a first interactive content, receive an input from a user comprising a movement component, and provide for a visual transition from the first screen to a second screen representing a second, different interactive content in response to the input. The visual transition may be provided for by applying a first graphical effect to the display of the first screen and applying a second graphical effect to the display of the second screen, the first graphical effect being different from the second graphical effect. The first graphical effect may be indicative of a transition from display of the first screen to non-display of the first screen, and the second graphical effect may be indicative of a transition from non-display of the second screen to display of the second screen. Furthermore, the visual transition may be proportional to the movement component.
One of the first or second graphical effects may be a fade effect, a zoom effect, a pan effect, or a folding effect. In some cases, the first graphical effect may comprise a directional component along a first axis and the second graphical effect may comprise a directional component along a second axis, where the first axis is different from the second axis. Moreover, the movement component of the input may comprise a directional component, and the directional component of the input may be substantially the same as the directional component of one of the first or second graphical effects.
The first interactive content may comprise different information than the second interactive content. Additionally or alternatively, the first interactive content may be configured to allow the user to interact with the first interactive content according to a first set of rules, and the second interactive content may be configured to allow the user to interact with the second interactive content according to a second set of rules. In some cases, the memory and computer program code may be configured to, with the processor, cause the apparatus to provide for display of a viewing area, and the display of at least one of the first screen or the second screen may be provided in a portion of the viewing area.
In some cases, the input may be received via a 3D display and may comprise a force input representing a pushing of the first screen in the −Z direction. Additionally or alternatively, the second graphical effect applied to the display of second screen may comprise the second screen sliding into a viewing area from an edge of the viewing area.
In other embodiments, a method and a computer program product are described for providing for a visual transition from a first screen of interactive content to a second screen of interactive content by providing for display of a first screen representing a first interactive content, receiving an input from a user comprising a movement component, and providing for a visual transition from the first screen to a second screen representing a second, different interactive content in response to the input. The visual transition from the first screen to the second screen may be provided by applying a first graphical effect to the display of the first screen and applying a second graphical effect to the display of the second screen, where the first graphical effect is different from the second graphical effect. The first graphical effect may be indicative of a transition from display of the first screen to non-display of the first screen, and the second graphical effect may be indicative of a transition from non-display of the second screen to display of the second screen. The visual transition may be proportional to the movement component.
One of the first or second graphical effects may be a fade effect, a zoom effect, a pan effect, or a folding effect. The first graphical effect may comprise a directional component along a first axis, and the second graphical effect may comprise a directional component along a second axis, where the first axis is different from the second axis. Furthermore, the movement component of the input may comprise a directional component, and the directional component of the input may be substantially the same as the directional component of one of the first or second graphical effects.
In some cases, the first interactive content comprises different information than the second interactive content. The first interactive content may be configured to allow the user to interact with the first interactive content according to a first set of rules, and the second interactive content may be configured to allow the user to interact with the second interactive content according to a second set of rules. The method may further comprise providing for display of a viewing area, and the display of at least one of the first screen or the second screen may be provided in a portion of the viewing area.
In some cases, the input may be received via a 3D display and may comprise a force input representing a pushing of the first screen in the −Z direction. Additionally or alternatively, the second graphical effect applied to the display of second screen may comprise the second screen sliding into a viewing area from an edge of the viewing area.
In still other embodiments, an apparatus is described for providing for a visual transition from a first screen of interactive content to a second screen of interactive content. The apparatus includes means for providing for display of a first screen representing a first interactive content, means for receiving an input from a user comprising a movement component, and means for providing for a visual transition from the first screen to a second screen representing a second, different interactive content in response to the input by applying a first graphical effect to the display of the first screen and applying a second graphical effect to the display of the second screen, where the first graphical effect is different from the second graphical effect. The first graphical effect may be indicative of a transition from display of the first screen to non-display of the first screen, and the second graphical effect may be indicative of a transition from non-display of the second screen to display of the second screen. The visual transition may be proportional to the movement component.
Having thus described the invention in general terms, reference will now be made to the accompanying drawings, which are not necessarily drawn to scale, and wherein:
Some embodiments of the present invention will now be described more fully hereinafter with reference to the accompanying drawings, in which some, but not all, embodiments of the invention are shown. Indeed, various embodiments of the invention may be embodied in many different forms and should not be construed as limited to the embodiments set forth herein; rather, these embodiments are provided so that this disclosure will satisfy applicable legal requirements. Like reference numerals refer to like elements throughout. As used herein, the terms “data,” “content,” “information,” and similar terms may be used interchangeably to refer to data capable of being transmitted, received and/or stored in accordance with embodiments of the present invention. Thus, use of any such terms should not be taken to limit the spirit and scope of embodiments of the present invention.
Additionally, as used herein, the term ‘circuitry’ refers to (a) hardware-only circuit implementations (e.g., implementations in analog circuitry and/or digital circuitry); (b) combinations of circuits and computer program product(s) comprising software and/or firmware instructions stored on one or more computer readable memories that work together to cause an apparatus to perform one or more functions described herein; and (c) circuits, such as, for example, a microprocessor(s) or a portion of a microprocessor(s), that require software or firmware for operation even if the software or firmware is not physically present. This definition of ‘circuitry’ applies to all uses of this term herein, including in any claims. As a further example, as used herein, the term ‘circuitry’ also includes an implementation comprising one or more processors and/or portion(s) thereof and accompanying software and/or firmware. As another example, the term ‘circuitry’ as used herein also includes, for example, a baseband integrated circuit or applications processor integrated circuit for a mobile phone or a similar integrated circuit in a server, a cellular network device, other network device, and/or other computing device.
As defined herein, a “computer-readable storage medium,” which refers to a physical storage medium (e.g., volatile or non-volatile memory device), can be differentiated from a “computer-readable transmission medium,” which refers to an electromagnetic signal.
As noted above, mobile terminals, including devices such as portable digital assistants (PDAs) and cellular telephones, are becoming smaller in size to allow for greater portability to the user. With the decrease in size of such devices, however, comes a decrease in the space available for displaying information. In other words, the size of the viewing area through which interactive content (e.g., contacts, e-mail messages, games, etc.) is presented to the user has become more limited as a result of more compact devices.
In part to compensate for this decrease in the size of the viewing area, such devices may be provided with additional functionality to allow the user to interact with and manipulate the displayed content. For example, a user may be able to zoom in on certain portions of the displayed content to read small print and may be able to pan (e.g., shift the displayed image in a particular direction) to view portions of the content that were previously outside the viewing area. In addition, the user may be able to expand certain aspects of the displayed content, such as to view details regarding a particular displayed icon or indication, launch a program, or open a new window within the viewing area.
The user's ability to manipulate the display and arrangement of content, however, may in some cases cause the user to forget the original configuration of the displayed content and/or how the user arrived at the current display configuration. For example, as a result of a touch input received via a touch screen display to pan the displayed screen to the left, the displayed screen may be shifted over to the extent that it appears to the user that a new screen has replaced the previously displayed screen. Similarly, a touch input may be received to switch from displaying one program (e.g., an e-mail application) to another program (e.g., a music player), and as a result the screen corresponding to the first program (the e-mail application) may shifted out of the viewing area to be replaced by the new screen corresponding to the second program (the music player). Because the touch inputs for executing both scenarios may be similar, and because the transition from one screen to the other in each scenario may have a similar visual appearance, the user may be confused as to whether the newly displayed screen is part of the original content with which the user was interacting (e.g., part of the content that was previously outside the viewing area) or represents new interactive content (e.g., a different program).
In addition, during the transition process itself, only portions of the new screen may be displayed to the user as the previous screen is transitioning from a state of display to a state of non-display. For example, only portions of the new screen that are gradually revealed as the old screen is moved away or dissipated may be viewable to the user. Thus, the user may not be able to determine whether the new screen is the desired screen until the old screen is completely or nearly completely removed.
Accordingly, embodiments of the present invention provide for a visual transition between screens that indicates to the user that the user is “leaving” (e.g., transitioning away) from one screen and is “entering” (e.g., transitioning to) another screen by applying different graphical effects to each screen. In other words, a first graphical effect may be applied to the first screen (e.g., the screen originally displayed to the user representing a first interactive content), and the first graphical effect may be indicative of a transition from display of the first screen to non-display of the first screen. Likewise, a second graphical effect may be applied to the second screen (e.g., the screen being invoked by the user that is to replace the first screen, which represents a second interactive content), and the second graphical effect may be indicative of a transition from non-display of the second screen to display of the second screen.
The first and second graphical effects may, together, create for the user a visual transition from the first screen to the second screen and may, thus, serve to help the user understand that he or she is navigating from the display of a first interactive content to a display of a second, different interactive content (e.g., rather than navigating between different portions of the same interactive content). Moreover, the visual transition may help the user remember that he or she has navigated from the first interactive content to the second interactive content so that, if necessary, the user may be able to invoke the display of other screens or navigate back to the first screen representing the first interactive content. In this way, for example, if the user transitions to a second screen in error and discovers that the second interactive content represented is not the desired content, the user may navigate to a third screen representing a third interactive content or back to the first screen. Said differently, providing a visual transition may help the user associate the input he or she provides with the result caused by the input (e.g., the transitioning from one screen to another) such that interaction with the displayed interactive content may be facilitated. Furthermore, the first and second visual effects may be tailored to allow the user to see more of the second screen during the transition process, such that the user may be able to determine sooner whether the second screen is the desired screen.
The mobile terminal 10 may include an antenna 12 (or multiple antennas) in operable communication with a transmitter 14 and a receiver 16. The mobile terminal 10 may further include an apparatus, such as a processor 20 or other processing device (e.g., processor 70 of
In some embodiments, the processor 20 may include circuitry desirable for implementing audio and logic functions of the mobile terminal 10. For example, the processor 20 may be comprised of a digital signal processor device, a microprocessor device, and various analog to digital converters, digital to analog converters, and other support circuits. Control and signal processing functions of the mobile terminal 10 are allocated between these devices according to their respective capabilities. The processor 20 thus may also include the functionality to convolutionally encode and interleave message and data prior to modulation and transmission. The processor 20 may additionally include an internal voice coder, and may include an internal data modem. Further, the processor 20 may include functionality to operate one or more software programs, which may be stored in memory. For example, the processor 20 may be capable of operating a connectivity program, such as a conventional Web browser. The connectivity program may then allow the mobile terminal 10 to transmit and receive Web content, such as location-based content and/or other web page content, according to a Wireless Application Protocol (WAP), Hypertext Transfer Protocol (HTTP) and/or the like, for example.
The mobile terminal 10 may also comprise a user interface including an output device such as a conventional earphone or speaker 24, a ringer 22, a microphone 26, a display 28, and a user input interface, all of which are coupled to the processor 20. The user input interface, which allows the mobile terminal 10 to receive data, may include any of a number of devices allowing the mobile terminal 10 to receive data, such as a keypad 30, a touch screen display (display 28 providing an example of such a touch screen display) or other input device. In embodiments including the keypad 30, the keypad 30 may include the conventional numeric (0-9) and related keys (#, *), and other hard and soft keys used for operating the mobile terminal 10. Alternatively or additionally, the keypad 30 may include a conventional QWERTY keypad arrangement. The keypad 30 may also include various soft keys with associated functions. In addition, or alternatively, the mobile terminal 10 may include an interface device such as a joystick or other user input interface. Some embodiments employing a touch screen display, as described further below, may omit the keypad 30 and any or all of the speaker 24, ringer 22, and microphone 26 entirely. The mobile terminal 10 further includes a battery 34, such as a vibrating battery pack, for powering various circuits that are required to operate the mobile terminal 10, as well as optionally providing mechanical vibration as a detectable output.
The mobile terminal 10 may further include a user identity module (UIM) 38. The UIM 38 is typically a memory device having a processor built in. The UIM 38 may include, for example, a subscriber identity module (SIM), a universal integrated circuit card (UICC), a universal subscriber identity module (USIM), a removable user identity module (R-UIM), etc. The UIM 38 typically stores information elements related to a mobile subscriber. In addition to the UIM 38, the mobile terminal 10 may be equipped with memory. For example, the mobile terminal 10 may include volatile memory 40, such as volatile Random Access Memory (RAM) including a cache area for the temporary storage of data. The mobile terminal 10 may also include other non-volatile memory 42, which may be embedded and/or may be removable. The memories may store any of a number of pieces of information, and data, used by the mobile terminal 10 to implement the functions of the mobile terminal 10.
In some embodiments, the mobile terminal 10 may also include a camera or other media capturing element 32 in order to capture images or video of objects, people, and places proximate to the user of the mobile terminal 10. The mobile terminal 10 (or even some other fixed terminal) may also practice example embodiments in connection with images or video content (among other types of content) that are produced or generated elsewhere, but are available for consumption at the mobile terminal 10 (or fixed terminal).
An example embodiment of the invention will now be described with reference to
It should also be noted that while
Referring now to
The apparatus 50 may, in some embodiments, be a mobile terminal (e.g., mobile terminal 10) or a fixed communication device or computing device configured to employ an example embodiment of the present invention. However, in some embodiments, the apparatus 50 may be embodied as a chip or chip set. In other words, the apparatus 50 may comprise one or more physical packages (e.g., chips) including materials, components and/or wires on a structural assembly (e.g., a baseboard). The structural assembly may provide physical strength, conservation of size, and/or limitation of electrical interaction for component circuitry included thereon. The apparatus 50 may therefore, in some cases, be configured to implement an embodiment of the present invention on a single chip or as a single “system on a chip.” As such, in some cases, a chip or chipset may constitute means for performing one or more operations for providing the functionalities described herein.
The processor 70 may be embodied in a number of different ways. For example, the processor 70 may be embodied as one or more of various hardware processing means such as a coprocessor, a microprocessor, a controller, a digital signal processor (DSP), a processing element with or without an accompanying DSP, or various other processing circuitry including integrated circuits such as, for example, an ASIC (application specific integrated circuit), an FPGA (field programmable gate array), a microcontroller unit (MCU), a hardware accelerator, a special-purpose computer chip, or the like. As such, in some embodiments, the processor 70 may include one or more processing cores configured to perform independently. A multi-core processor may enable multiprocessing within a single physical package. Additionally or alternatively, the processor 70 may include one or more processors configured in tandem via the bus to enable independent execution of instructions, pipelining and/or multithreading.
In an example embodiment, the processor 70 may be configured to execute instructions stored in the memory device 76 or otherwise accessible to the processor 70. Alternatively or additionally, the processor 70 may be configured to execute hard coded functionality. As such, whether configured by hardware or software methods, or by a combination thereof, the processor 70 may represent an entity (e.g., physically embodied in circuitry) capable of performing operations according to an embodiment of the present invention while configured accordingly. Thus, for example, when the processor 70 is embodied as an ASIC, FPGA or the like, the processor 70 may be specifically configured hardware for conducting the operations described herein. Alternatively, as another example, when the processor 70 is embodied as an executor of software instructions, the instructions may specifically configure the processor 70 to perform the algorithms and/or operations described herein when the instructions are executed. However, in some cases, the processor 70 may be a processor of a specific device (e.g., a mobile terminal or network device) adapted for employing an embodiment of the present invention by further configuration of the processor 70 by instructions for performing the algorithms and/or operations described herein. The processor 70 may include, among other things, a clock, an arithmetic logic unit (ALU) and logic gates configured to support operation of the processor 70.
Meanwhile, the communication interface 74 may be any means such as a device or circuitry embodied in either hardware or a combination of hardware and software that is configured to receive and/or transmit data from/to a network and/or any other device or module in communication with the apparatus 50. In this regard, the communication interface 74 may include, for example, an antenna (or multiple antennas) and supporting hardware and/or software for enabling communications with a wireless communication network. Additionally or alternatively, the communication interface 74 may include the circuitry for interacting with the antenna(s) to cause transmission of signals via the antenna(s) or to handle receipt of signals received via the antenna(s). In some environments, the communication interface 74 may alternatively or also support wired communication. As such, for example, the communication interface 74 may include a communication modem and/or other hardware/software for supporting communication via cable, digital subscriber line (DSL), universal serial bus (USB) or other mechanisms.
The user interface transceiver 72 may be in communication with the processor 70 to receive an indication of a user input and/or to cause provision of an audible, visual, mechanical or other output to the user. As such, the user interface transceiver 72 may include, for example, a keyboard, a mouse, a joystick, a display, a touch screen(s), touch areas, soft keys, a microphone, a speaker, or other input/output mechanisms. Alternatively or additionally, the processor 70 may comprise user interface circuitry configured to control at least some functions of one or more user interface elements such as, for example, a speaker, ringer, microphone, display, and/or the like. The processor 70 and/or user interface circuitry comprising the processor 70 may be configured to control one or more functions of one or more user interface elements through computer program instructions (e.g., software and/or firmware) stored on a memory accessible to the processor 70 (e.g., memory device 76, and/or the like).
In an example embodiment, the apparatus 50 may include or otherwise be in communication with a touch screen display 68 (e.g., the display 28). In different example cases, the touch screen display 68 may be a two dimensional (2D) or three dimensional (3D) display. The touch screen display 68 may be embodied as any known touch screen display. Thus, for example, the touch screen display 68 could be configured to enable touch recognition by any suitable technique, such as resistive, capacitive, infrared, strain gauge, surface wave, optical imaging, dispersive signal technology, acoustic pulse recognition, and/or other techniques. The user interface transceiver 72 may be in communication with the touch screen display 68 to receive touch inputs at the touch screen display 68 and to analyze and/or modify a response to such indications based on corresponding user actions that may be inferred or otherwise determined responsive to the touch inputs.
With continued reference to
The touch screen interface 80 may be configured to receive an input in the form of a touch event at the touch screen display 68. As such, the touch screen interface 80 may be in communication with the touch screen display 68 to receive user inputs at the touch screen display 68 and to modify a response to such inputs based on corresponding user actions that may be inferred or otherwise determined responsive to the inputs. Following recognition of a touch event, the touch screen interface 80 may be configured to determine a classification of the touch event and provide a corresponding function based on the touch event in some situations.
In some embodiments, the touch screen interface 80 may include a detector 82, a display manager 84, and a gesture classifier 86. Each of the detector 82, the display manager 84, and the gesture classifier 86 may be any device or means embodied in either hardware or a combination of hardware and software configured to perform the corresponding functions associated with the detector 82, the display manager 84, and the gesture classifier 86, respectively, as described herein. In an exemplary embodiment, each of the detector 82, the display manager 84, and the gesture classifier 86 may be controlled by or otherwise embodied as the processor 70.
The detector 82 may be in communication with the touch screen display 68 to receive user inputs in order to recognize and/or determine a touch event based on each input received at the detector 82. A touch event may be defined as a detection of an object, such as a stylus, finger, pen, pencil, cellular telephone, digital camera, or any other mobile device (including the mobile terminal 10 shown in
The gesture classifier 86 may be configured to recognize and/or determine a corresponding classification of a touch event. In other words, the gesture classifier 86 may be configured to perform gesture classification to classify the touch event as any of a number of possible gestures. Some examples of recognizable gestures may include a touch, multi-touch, stroke, character, symbol, shape, pinch event (e.g., a pinch in or pinch out), and/or the like.
A touch may be defined as a touch event that impacts a single area (without or with minimal movement on the surface of the touch screen display 68) and then is removed. A multi-touch may be defined as multiple touch events sensed concurrently (or nearly concurrently). A stroke may be defined as a touch event followed immediately by motion of the object initiating the touch event while the object remains in contact with the touch screen display 68. In other words, the stroke may be defined by motion following a touch event thereby forming a continuous, moving touch event defining a moving series of instantaneous touch positions (e.g., as a drag operation or as a flick operation). As such, a stroke 100 (shown in
A pinch event may be classified as either a pinch out or a pinch in (hereinafter referred to simply as a pinch). A pinch may be defined as a multi-touch, where the touch events causing the multi-touch are spaced apart. After initial occurrence of the multi-touch event involving at least two objects, one or more of the objects may move substantially toward each other to simulate a pinch. Meanwhile, a pinch out may be defined as a multi-touch, where the touch events causing the multi-touch are relatively close together, followed by movement of the objects initiating the multi-touch substantially away from each other. In some cases, the objects on a pinch out may be so close together initially that they may be interpreted as a single touch, rather than a multi-touch, which then is modified by movement of two objects away from each other.
The gesture classifier 86 may also be configured to communicate detection information regarding the recognition, detection, and/or classification of a touch event to the display manager 84. The display manager 84 may be configured to provide control over modifications made to that which is displayed on the touch screen display 68 based on the detection information received from the detector 82 and gesture classifications provided by the gesture classifier 86 in accordance with the responses prescribed for each respective gesture classification and implementation characteristic determined by the gesture classifier 86. In other words, the display manager 84 may configure the display (e.g., with respect to the content displayed and/or the user interface effects presented relative to the content displayed) according to the gesture classification and implementation characteristic classification determined for a given touch event that may be detected at the display.
Turning now to
As used herein, the term “interactive content” refers to information presented to the user via the display 68 (
Continuing this example, the second interactive content (shown in
The particular arrangement and presentation of interactive content is described herein as being provided via “screens” that are displayed to the user upon the display 68 of the apparatus. As noted above, the first screen 200 thus represents the first interactive content, and the second screen 300 represents the second interactive content. In other words, each screen presents to the user a collection of content elements that make up the respective interactive content. In
In the depicted examples of
As noted above, in some cases the screen may be larger than the viewing area, such that the entire screen does not fit within the bounds of the viewing area (e.g., the entire screen cannot be displayed to the user at the same time). In such a case, the user may provide an input to pan the screen so as to view portions of the screen that may be outside the viewing area. The input to perform panning within the same screen may, thus, be different from the input for invoking a transition from the first screen to the second screen. For example, transitioning from the first screen to the second screen may require that the touch component of the input (e.g., the initial contact with the touch screen display) be received at an edge of the display, whereas panning within the same screen (e.g., within the first screen) may require that the touch component of the input be received in an area of the display spaced away from the edge.
Accordingly, in some cases, the first interactive content may comprise different information than the second interactive content. In the example shown in
Alternatively or additionally, the first interactive content may be configured to allow the user to interact with the first interactive content according to a first set of rules, and the second interactive content may be configured to allow the user to interact with the second interactive content according to a second set of rules. With reference to
Referring now to
In the depicted embodiment, for example, a pan effect is applied to the first screen, whereas a zoom effect is applied to the second screen. Thus, upon receipt of a stroke gesture in this example, the first screen 200 may be shifted with respect to the available viewing area 120 (e.g., the area of the touch screen display), as shown by the arrows 260 in
In this regard, the first screen may define a right side edge 220, a left side edge 230, a top edge 240, and a bottom edge 250 (
As the first screen 200 pans to the left (e.g., as the first graphical effect, in this case a pan effect, is applied to the first screen), the second screen 300 may be gradually revealed to the right of the right side edge 220 in this example (
In the example shown in
In some cases, the second graphical effect is applied concurrently with the first graphical effect on the respective screens, such that, in the example described above, the second interactive content displayed via the second screen would grow progressively brighter and larger starting at substantially the same time that the first screen begins to pan from the right to the left and ending at substantially the same time that the first screen is moved completely outside the viewing area. Said differently, the second graphical effect may be applied over substantially the same time period that the first screen is transitioned from a state of display to a state of non-display.
In other cases, however, the second graphical effect may only be applied to the second screen during or overlapping with only a portion of the time over which the first graphical effect is applied to the first screen. For example, in
As noted above, the first and second graphical effects are selected so as to indicate to the user whether the respective screen is one that is going from a state of display to a state of non-display or vice versa. Thus, each of the first and second graphical effects may be dependent, at least in part, on the particular type of transition that is occurring. Accordingly, when the user is transitioning from the first screen to the second screen, the first graphical effect may be applied to the first screen and the second graphical effect may be applied to the second screen; however, if the user is transitioning from the second screen to the first screen, the first graphical effect would be applied to the second screen and the second graphical effect would be applied to the first screen.
Moreover, the first graphical effect and the second graphical effects are different transition effects. Thus, if the first graphical effect is a pan effect, the second graphical effect may be any effect other than a pan effect. Likewise, if the first graphical effect is a zoom effect, the second graphical effect may be any effect other than a zoom effect. Thus, if the first graphical effect is a “zoom out” effect, in which the first interactive content that is displayed grows progressively smaller, the second graphical effect may be any effect other than a “zoom out” or a “zoom in” effect, (a “zoom in” effect being considered the same graphical effect as a “zoom out” effect, one being the inverse of the other).
In some embodiments, the first graphical effect may comprise a directional component along a first axis and the second graphical effect may comprise a directional component along a second axis, and the first axis may be different from the second axis. With reference to
Furthermore, the movement component of the input (e.g., the stroke gesture described in the examples above) may include a directional component (e.g., movement to the left), and the directional component of the input may be substantially the same as the directional component of one of the first or second graphical effects. Thus, in the example illustrated in
Accordingly, in some embodiments, the visual transition (e.g., the combination of the first and second effects as perceived by the user) from the first screen to the second screen may be proportional to the movement component of the input. Thus, as the user applies a stroke gesture to the touch screen display, the first screen may move from a state of display to a state of non-display and the second screen may move from a state of non-display to a state of display at a speed that is proportional to the speed at which the input was applied by the user. Moreover, the user may, in some cases, reverse the visual transition by reversing the direction of the stroke gesture if the stroke gesture has not yet been completed (e.g., the user's finger is still contacting the touch screen display). Thus, the reversion of the first screen toward its original state of display and the reversion of the second screen toward its original state of non-display may likewise occur at a speed that is proportional to the speed of the reverse stroke gesture. In other cases, however, the first graphical effect may be automatically applied upon receipt of at least a portion of the stroke gesture (e.g., may not be controllable by the user), such that the stroke gesture in this example could not be reversed once initiated.
Although the examples above describe a user input in the form of a stroke gesture from a right side of the display to a left side of the display, various other inputs may be used depending on the type of device and/or how the device is configured to receive user input and present information. In some cases, for example, the user may provide a stroke gesture from an area at the top of the display toward an area at the bottom of the display, and the first graphical effect applied to the first screen in response may comprise a pan effect that shifts the first screen down. As another example, with respect to a 3D display, the user input may comprise a user “pushing” the first screen backward (e.g., in the −Z direction), with the second graphical effect applied to the second screen comprising a different effect, such as the second screen sliding into the viewing area from the edge of the viewing area. Moreover, the user input may be received via interaction with the first screen, the second screen, or, in some cases, a portion of the viewing area that is not part of either the first screen or the second screen (such as a toolbar or a “tab” that is present regardless of which screen is displayed). For example, the user may provide a stroke gesture downward starting from an edge of the second screen that may be visible above a top edge of the first screen. The downward stroke may, in turn, result in a pan effect that pulls the second screen downward over the first screen, and zoom effect may be applied to the first screen that may cause the first screen to “pop in” (e.g., into the page in the −Z direction).
Accordingly, blocks of the flowchart support combinations of means for performing the specified functions, combinations of operations for performing the specified functions, and program instruction means for performing the specified functions. It will also be understood that one or more blocks of the flowchart, and combinations of blocks in the flowchart, can be implemented by special purpose hardware-based computer systems which perform the specified functions, or combinations of special purpose hardware and computer instructions.
In this regard, one embodiment of a method for providing a visual transition between screens representing different interactive content, as shown in
As noted above, in some cases one of the first or second graphical effects is a fade effect, a zoom effect, a pan effect, or a folding effect. The first graphical effect may comprise a directional component along a first axis, and the second graphical effect may comprise a directional component along a second axis, where the first axis is different from the second axis. Thus, in some cases, the movement component of the input may comprise a directional component, and the directional component of the input may be substantially the same as the directional component of one of the first or second graphical effects.
In some embodiments, the first interactive content may comprise different information than the second interactive content. Furthermore, the first interactive content may be configured to allow the user to interact with the first interactive content according to a first set of rules, and the second interactive content may be configured to allow the user to interact with the second interactive content according to a second set of rules, as described above. In some cases, the method may further include providing for display of a viewing area at Block 430, where the display of at least one of the first screen or the second screen is provided in a portion of the viewing area.
In some embodiments, certain ones of the operations above may be modified or further amplified as described below. Furthermore, in some embodiments, additional optional operations may be included, some examples of which are shown in dashed lines in
In an example embodiment, an apparatus for performing the method of
Many modifications and other embodiments of the inventions set forth herein will come to mind to one skilled in the art to which these inventions pertain having the benefit of the teachings presented in the foregoing descriptions and the associated drawings. Therefore, it is to be understood that the inventions are not to be limited to the specific embodiments disclosed and that modifications and other embodiments are intended to be included within the scope of the appended claims. Moreover, although the foregoing descriptions and the associated drawings describe example embodiments in the context of certain example combinations of elements and/or functions, it should be appreciated that different combinations of elements and/or functions may be provided by alternative embodiments without departing from the scope of the appended claims. In this regard, for example, different combinations of elements and/or functions than those explicitly described above are also contemplated as may be set forth in some of the appended claims. Although specific terms are employed herein, they are used in a generic and descriptive sense only and not for purposes of limitation.
Claims
1. An apparatus comprising at least one processor and at least one memory including computer program code, the at least one memory and the computer program code configured to, with the processor, cause the apparatus to at least:
- provide for display of a first screen representing a first interactive content;
- receive an input from a user comprising a movement component; and
- provide for a visual transition from the first screen to a second screen representing a second, different interactive content in response to the input by applying a first graphical effect to the display of the first screen and applying a second graphical effect to the display of the second screen, the first graphical effect being different from the second graphical effect,
- wherein the visual transition is proportional to the movement component,
- wherein the first graphical effect is indicative of a transition from display of the first screen to non-display of the first screen, and
- wherein the second graphical effect is indicative of a transition from non-display of the second screen to display of the second screen.
2. The apparatus of claim 1, wherein one of the first or second graphical effects is a fade effect, a zoom effect, a pan effect, or a folding effect.
3. The apparatus of claim 1, wherein the first graphical effect comprises a directional component along a first axis and the second graphical effect comprises a directional component along a second axis, wherein the first axis is different from the second axis.
4. The apparatus of claim 3, wherein the movement component of the input comprises a directional component, and wherein the directional component of the input is substantially the same as the directional component of one of the first or second graphical effects.
5. The apparatus of claim 1, wherein the first interactive content comprises different information than the second interactive content.
6. The apparatus of claim 1, wherein the first interactive content is configured to allow the user to interact with the first interactive content according to a first set of rules, and wherein the second interactive content is configured to allow the user to interact with the second interactive content according to a second set of rules.
7. The apparatus of claim 1, wherein the memory and computer program code are configured to, with the processor, cause the apparatus to provide for display of a viewing area, wherein the display of at least one of the first screen or the second screen is provided in a portion of the viewing area.
8. The apparatus of claim 1, wherein the input is received via a 3D display and comprises a force input representing a pushing of the first screen in the −Z direction.
9. The apparatus of claim 1, wherein the second graphical effect applied to the display of second screen comprises the second screen sliding into a viewing area from an edge of the viewing area.
10. A method comprising:
- providing for display of a first screen representing a first interactive content;
- receiving an input from a user comprising a movement component; and
- providing for a visual transition from the first screen to a second screen representing a second, different interactive content in response to the input by applying a first graphical effect to the display of the first screen and applying a second graphical effect to the display of the second screen, the first graphical effect being different from the second graphical effect,
- wherein the visual transition is proportional to the movement component,
- wherein the first graphical effect is indicative of a transition from display of the first screen to non-display of the first screen, and
- wherein the second graphical effect is indicative of a transition from non-display of the second screen to display of the second screen.
11. The method of claim 10, wherein one of the first or second graphical effects is a fade effect, a zoom effect, a pan effect, or a folding effect.
12. The method of claim 10, wherein the first graphical effect comprises a directional component along a first axis and the second graphical effect comprises a directional component along a second axis, wherein the first axis is different from the second axis.
13. The method of claim 12, wherein the movement component of the input comprises a directional component, and wherein the directional component of the input is substantially the same as the directional component of one of the first or second graphical effects.
14. The method of claim 10, wherein the first interactive content comprises different information than the second interactive content.
15. The method of claim 10, wherein the first interactive content is configured to allow the user to interact with the first interactive content according to a first set of rules, and wherein the second interactive content is configured to allow the user to interact with the second interactive content according to a second set of rules.
16. The method of claim 10 further comprising providing for display of a viewing area, wherein the display of at least one of the first screen or the second screen is provided in a portion of the viewing area.
17. The method of claim 10, wherein the input is received via a 3D display and comprises a force input representing a pushing of the first screen in the −Z direction.
18. The method of claim 10, wherein the second graphical effect applied to the display of the second screen comprises the second screen sliding into a viewing area from an edge of the viewing area.
19. A computer program product comprising at least one computer-readable storage medium having computer-executable program code portions stored therein, the computer-executable program code portions comprising program code instructions for:
- providing for display of a first screen representing a first interactive content;
- receiving an input from a user comprising a movement component; and
- providing for a visual transition from the first screen to a second screen representing a second, different interactive content in response to the input by applying a first graphical effect to the display of the first screen and applying a second graphical effect to the display of the second screen, the first graphical effect being different from the second graphical effect,
- wherein the visual transition is proportional to the movement component,
- wherein the first graphical effect is indicative of a transition from display of the first screen to non-display of the first screen, and
- wherein the second graphical effect is indicative of a transition from non-display of the second screen to display of the second screen.
20. The computer program product of claim 19, wherein the first graphical effect comprises a directional component along a first axis and the second graphical effect comprises a directional component along a second axis, wherein the first axis is different from the second axis.
Type: Application
Filed: Oct 23, 2017
Publication Date: Mar 1, 2018
Inventors: John Hillerich MARTIN (Atherton, CA), Andrew BOROVSKY (New York, NY)
Application Number: 15/790,171