WO2013181065A1 - Method and apparatus for transitioning between pages on a display screen - Google Patents

Method and apparatus for transitioning between pages on a display screen Download PDF

Info

Publication number
WO2013181065A1
WO2013181065A1 PCT/US2013/042443 US2013042443W WO2013181065A1 WO 2013181065 A1 WO2013181065 A1 WO 2013181065A1 US 2013042443 W US2013042443 W US 2013042443W WO 2013181065 A1 WO2013181065 A1 WO 2013181065A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
background layer
computer
changing
pages
Prior art date
Application number
PCT/US2013/042443
Other languages
French (fr)
Inventor
Tzahi Efrati
Uri MISCHARI
Original Assignee
Vonage Network Llc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vonage Network Llc filed Critical Vonage Network Llc
Priority to BR112014029753A priority Critical patent/BR112014029753A2/en
Priority to CA2875135A priority patent/CA2875135A1/en
Priority to EP13796482.1A priority patent/EP2856299A4/en
Publication of WO2013181065A1 publication Critical patent/WO2013181065A1/en

Links

Classifications

    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/34Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling
    • G09G5/346Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators for rolling or scrolling for systems having a bit-mapped display memory
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04804Transparency, e.g. transparent or translucent windows
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00Aspects of display data processing
    • G09G2340/10Mixing of images, i.e. displayed pixel being the result of an operation, e.g. adding, on the corresponding input pixels
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00Aspects of display data processing
    • G09G2340/14Solving problems related to the presentation of information to be displayed
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/02Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed

Definitions

  • Embodiments consistent with the present invention generally relate methods and apparatus for transitioning between a plurality of pages on a display device.
  • branding or application/service provider identifying information in an application is important to many application providers.
  • static branding or static service provider identifying information in an application may be ignored, or not otherwise not noticed, by users.
  • the method may include displaying, by the display device, a first page disposed in front of at least one background layer, receiving, by the computer, an input to scroll from the first page to a second page disposed in front of the at least one background layer, scrolling, by the computer, from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of the at least one of the at least one background layer based on a change in position of a central part of the first page as the first page scrolls to the second page.
  • changing a color quotient of the first background layer based on a change in position of a central part of the first page as the first page scrolls to the second page may include monitoring a distance from the central part of the first page to a central part of a viewable area of the display device, and changing a color quotient of the at least one of the at least one background layer as a function of the monitored distance from the central part of the first page to the central part of a viewable area of the display device as the first page scrolls to the second page.
  • Figure 1 depicts an exemplary user interface in accordance with embodiments consistent with the present application
  • Figure 2 depicts an exemplary scrolling method for scrolling from a first page to a second page in viewable area in accordance with the least one embodiment of the present invention
  • Figure 3 depicts a flow diagram of a method for scrolling between a plurality of pages on a display device, according to one or more embodiments of the invention
  • Figure 4 depicts a screenshot of a first page according to one or more embodiments of the invention
  • Figure 5 depicts a screenshot of the first page starting to scroll to a second page according to one or more embodiments of the invention
  • Figure 6 depicts a screenshot of the first page continuing to scroll to the second page according to one or more embodiments of the invention
  • Figure 7 depicts a screenshot of the second page according to one or more embodiments of the invention.
  • Figure 8 is a detailed block diagram of a computer system, according to one or more embodiments.
  • the word “may” is used in a permissive sense (i.e., meaning having the potential to), rather than the mandatory sense (i.e., meaning must).
  • the words “include”, “including”, and “includes” mean including, but not limited to.
  • Embodiments of the present invention include a method and apparatus for transitioning (e.g., scrolling) between a plurality of pages on a display device.
  • transitioning e.g., scrolling
  • various transitioning effects may be implemented to attract and/or focus the attention of the user by making certain functional pages of an application more prominent. For example, by fading in dramatic color changes in the background as the user scrolls or transitions from one page in an application to another page in the application, a user's attention will more likely be drawn to the new page. This may assist a user in identifying key functionality while making less important functionality or information less prominent.
  • Transitioning effects consistent with at least some embodiments of the present invention may also be used to increase brand awareness of a service provider/application owner, or promote additional products or functionality.
  • Figure 1 depicts an exemplary user interface 100 in accordance with embodiments consistent with the present application.
  • the user interface 100 may include a defined viewable area 102 which can be scrolled.
  • the scrollable viewable area 102 may display a plurality of pages 104a- 104e, including various functional or informational pages, to a user.
  • functional pages 104a-104e may include user selectable objects 1 14 to facilitate the desired functionality.
  • page 104c may include a dialer function which may consist of a plurality of selectable objects 1 14 to facilitate the dialing of phone numbers.
  • functional pages 104a-104e may include contact information for selecting and communicating with a desired contact, a chat page for interacting with another person via chat, an account balance page for checking account balances and adding additional funds to a user's account, and the like.
  • At least some of the plurality of pages 104a- 104e may include static or dynamic information for display to the user.
  • at least some of the plurality of pages 104a-104e may display information such as recently called phone numbers or contacts (not shown).
  • a user may scroll between the plurality of pages 104a-104e using a number of input methods.
  • a user may swipe a touch-sensitive screen to scroll from page to page in user interface 100.
  • a user may use a mouse input to select a specific page.
  • User interface 100 may also include a menu area 1 10 which may include a plurality of selectable menu objects 1 12a-1 12e. Each menu object 1 12a-1 12e may take a user to a specific page when selected.
  • menu area 1 10 may be fixed such that it does not scroll as a user scrolls between pages 104a-104e.
  • menu area 1 10 may be separately scrollable such that it can be scrolled to display additional selectable menu objects, but scrolls independently from pages 104a-104e.
  • the user interface 100 may also include one or more background layers 106 and 108 disposed behind viewable area 102 and the plurality of pages 104a-104e. Please note that one or more background layers 106 and 108 are generally aligned with viewable area 102 but are depicted off-center from viewable area 102 in Figure 1 for viewability purposes. Although figure 1 depicts two background layers, it should be noted that more or fewer background layers may be used in user interface 100.
  • the background layers 106 and 108 are typically non-functional layers which may include static images, solid or patterned backgrounds in color or grayscale, video images, and the like.
  • background layer 106 and/or 108 may be an image of a company logo which may be visible through each of the plurality of pages 104a- 104e.
  • functional backgrounds may be used in alternate embodiments consistent with the present application (for example, making certain object selectable/opaque or not selectable/transparent when scrolling for one page to another page).
  • Background layers 106 and 108 may be disposed behind the scrollable plurality of pages 104a-104e.
  • a color quotient of each of the plurality of pages 104a-104e are such that at least one of background layers 106 and 108 may be visible through the pages 104a-104e displayed in viewable area 102.
  • the color quotient of each of the selectable objects 1 14 on pages 104a-104e may be such that at least one of background layers 106 and 108 may be visible through the selectable objects 1 14.
  • a color quotient is generally intended to describe a value of a transparently/opacity level (e.g., Alpha levels), Red Green Blue (RGB) value, and/or other values for parameters which may affect the way an object, image, or background is displayed or otherwise perceived by a user.
  • a transparently/opacity level e.g., Alpha levels
  • RGB Red Green Blue
  • background layer 108 may be disposed behind background layer 106.
  • the color quotient of the background layer 106 may be set such that background layer 108 is visible, partially visible, or not visible through background layer 106.
  • background layers 106 and 108 may be fixed in position such that they cannot be scrolled as pages 104a-104e are scrolled in front of them.
  • each page 104a-104e may include a separate background layer(s) 106, 108 that scrolls along with the page 104a-104e it is associated with.
  • a central area 1 16 of the viewable area 102 is shown in Figure 1 .
  • each of the plurality of pages 104a-104e has a respective central area 1 18a-1 18e.
  • a position of central areas 1 18a-1 18e is used to determine which page 104a-104e is visible or how far a page 104a-104e is scrolled if not visible or partially visible in viewable area 102.
  • distance 120 of the central area 1 18b of page 104b from central area 1 16 of the viewable area 102 may be monitored to determine if page 104b is visible and/or how far it is scrolled.
  • distance 120 may be used to adjust a color quotient of background layer 106.
  • distance 120 may be used, for example, to adjust a color quotient of at least one of pages 104a-104e and/or background layer 108.
  • Figure 2 depicts an example embodiment of a first page 104c scrolling to a second page 104b in viewable area 102.
  • the distance 120c between the central area 1 18c of page 104c and the central area 1 16 of the scrollable viewable area 102 are aligned (left most image of Figure 2).
  • an input e.g., user swipe gesture, selection of menu objects 1 12a- 1 12e, and the like
  • page 104c begins to move in scroll direction 202.
  • menu area 1 10 remains stationary in this embodiment, but may be separately or independently scrollable in other embodiments consistent with the present application.
  • the distance 120c between the central area 1 18c of page 104c and the central area 1 16 of the scrollable viewable area 102 begins to increase as page 104c scrolls further to the right.
  • the distance 120b between the central area 1 18b of page 104b and the central area 1 16 of the scrollable viewable area 102 begins to decrease as page 104b scrolls further to the right until the central area 1 18b of page 104b and the central area 1 16 of the scrollable viewable area 102 are aligned.
  • distance 120c and/or distance 120b may be used to adjust the color quotient of background layer 106.
  • Figure 3 depicts a flow diagram of a method 300 for scrolling between a plurality of pages on a display device, according to one or more embodiments of the invention.
  • the method 300 starts at step 302, and generally proceeds to step 304.
  • a first page disposed in front of a first background layer is displayed by a display device.
  • the first background layer may be visible, partially visible, or not visible through the first page.
  • an input to scroll from the first page to a second page is received. Examples of such inputs may include a user finger swipe across a touch-sensitive screen, a mouse input to select a specific page, a selection of a menu objects, and the like.
  • the first page scrolls to the second page.
  • the act of scrolling from the first page to the second page may include changing a color quotient of the first background layer based on a change in position of a central part of the first page as the first page scrolls to the second page at step 308. For example, if the first background layer is visible through the first page, the color quotient of the background layer may be changed as the first page scrolls to the second page such that it becomes only partially visible or not at all visible through the second page.
  • a distance from the central part of the first page to a central part of a viewable area of the display device may be monitored at step 308a, and the color quotient of the first background layer may be changed as a function of the monitored distance from the central part of the first page to the central part of a viewable area of the display device as the first page scrolls to the second page at step 308b.
  • the method 300 then ends at step 310.
  • Figure 4-7 depict an exemplary sequence of screenshots as a first page is scrolled to a second page in accordance with some embodiments consistent with the present application.
  • Figure 4 shows a first function page 104c as a keypad or dialer function in viewable area 102.
  • a first background layer 106 is visible through page 104c, and includes an enlarged image of the "V and dot" logo used by Vonage Holdings Corp.
  • An input may be received to scroll from a Keypad page 104c to a Recents page 104b.
  • the input may be a swipe of a user's finger (or stylus) across a touch-sensitive screen, or it may be a user selection of one of selectable menu objects 1 12a-1 12e in menu area 1 10.
  • Figure 5 shows Keypad page 104c scrolling out of viewable area 102, and Recents page 104b scrolling into viewable area 102 from left to right.
  • the transparency of the first background layer 106 is increased (i.e., the first background layer 106 becomes less visible) and a second background layer 108 begins to become visible through the first background layer 106 and pages 104c and 104b.
  • the second background layer 108 is a solid color grayscale background although in other embodiments other backgrounds may be used.
  • first background layer 106 is increased (or the opaqueness of first background layer 106 is decreased, or the RGB levels of first background layer 106 is changed), such that the second background becomes more and more visible.
  • Figure 6 further illustrates the aforementioned transitioning effect as Keypad page 104c is further scrolled to the right out of viewable area 102, and Recents page 104b is scrolled into viewable area 102.
  • the transparency of first background layer 106 is further increased from Figure 5 and the grayscale background included in the second background layer 108 becomes more visible than shown in Figure 5. That is, as the distance between central area 1 18c of Keypad page 104c and central area 1 16 of viewable area 102 increases, the transparency of first background layer 106 is increased (or the opaqueness of first background layer 106 is decreased, or the RGB levels of first background layer 106 is changed), such that the second background becomes more and more visible.
  • Figure 7 shows Recents page 104b in viewable area 102 after the transition from Keypad page 104c to Recents page 104b has completed. Note that central area 1 16 of viewable area 102 is now aligned with central area 1 18b of Recents page 104b. Also note that the transparency of first background layer 106 is further increased from Figure 6, and the grayscale background included in the second background layer 108 is more visible than shown in Figure 6.
  • the embodiments of the present invention may be embodied as methods, apparatus, electronic devices, and/or computer program products. Accordingly, the embodiments of the present invention may be embodied in hardware and/or in software (including firmware, resident software, micro-code, and the like), which may be generally referred to herein as a "circuit" or "module". Furthermore, the present invention may take the form of a computer program product on a computer-usable or computer-readable storage medium having computer-usable or computer-readable program code embodied in the medium for use by or in connection with an instruction execution system.
  • a computer-usable or computer-readable medium may be any medium that can contain, store, communicate, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device.
  • These computer program instructions may also be stored in a computer-usable or computer-readable memory that may direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer usable or computer-readable memory produce an article of manufacture including instructions that implement the function specified in the flowchart and/or block diagram block or blocks.
  • the computer-usable or computer-readable medium may be, for example but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device. More specific examples (a non exhaustive list) of the computer-readable medium include the following: hard disks, optical storage devices, magnetic storage devices, an electrical connection having one or more wires, a portable computer diskette, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, and a compact disc read-only memory (CD- ROM).
  • RAM random access memory
  • ROM read-only memory
  • EPROM or Flash memory erasable programmable read-only memory
  • CD- ROM compact disc read-only memory
  • Computer program code for carrying out operations of the present invention may be written in an object oriented programming language, such as Java.RTM, Smalltalk or C++, and the like. However, the computer program code for carrying out operations of the present invention may also be written in conventional procedural programming languages, such as the "C" programming language and/or any other lower level assembler languages. It will be further appreciated that the functionality of any or all of the program modules may also be implemented using discrete hardware components, one or more Application Specific Integrated Circuits (ASICs), or programmed Digital Signal Processors or microcontrollers.
  • ASICs Application Specific Integrated Circuits
  • microcontrollers programmed Digital Signal Processors or microcontrollers.
  • Figure 8 depicts a computer system 800 that can be utilized in various embodiments of the present invention to implement the computer and/or the display, according to one or more embodiments.
  • FIG. 800 Various embodiments of method and apparatus for transitioning between a plurality of pages on a display device, as described herein, may be executed on one or more computer systems, which may interact with various other devices.
  • One such computer system is computer system 800 illustrated by Figure 8, which may in various embodiments implement any of the elements or functionality illustrated in Figures 1 -7.
  • computer system 800 may be configured to implement methods described above.
  • the computer system 800 may be used to implement any other system, device, element, functionality or method of the above- described embodiments.
  • computer system 800 may be configured to implement method 300 as processor-executable executable program instructions 822 (e.g., program instructions executable by processor(s) 810) in various embodiments.
  • computer system 800 includes one or more processors 810a-810n coupled to a system memory 820 via an input/output (I/O) interface 830.
  • Computer system 800 further includes a network interface 840 coupled to I/O interface 830, and one or more input/output devices 850, such as cursor control device 860, keyboard 870, and display(s) 880.
  • I/O input/output
  • any of the components may be utilized by the system to receive user input described above.
  • a user interface e.g., user interface 100
  • display 880 may be generated and displayed on display 880.
  • embodiments may be implemented using a single instance of computer system 800, while in other embodiments multiple such systems, or multiple nodes making up computer system 800, may be configured to host different portions or instances of various embodiments.
  • some elements may be implemented via one or more nodes of computer system 800 that are distinct from those nodes implementing other elements.
  • multiple nodes may implement computer system 800 in a distributed manner.
  • computer system 800 may be any of various types of devices, including, but not limited to, a personal computer system, desktop computer, laptop, notebook, or netbook computer, mainframe computer system, handheld computer, workstation, network computer, a camera, a set top box, a mobile device, a consumer device, video game console, handheld video game device, application server, storage device, a peripheral device such as a switch, modem, router, or in general any type of computing or electronic device.
  • computer system 800 may be a uniprocessor system including one processor 810, or a multiprocessor system including several processors 810 (e.g., two, four, eight, or another suitable number).
  • processors 810 may be any suitable processor capable of executing instructions.
  • processors 810 may be general-purpose or embedded processors implementing any of a variety of instruction set architectures (ISAs). In multiprocessor systems, each of processors 810 may commonly, but not necessarily, implement the same ISA.
  • ISAs instruction set architectures
  • System memory 820 may be configured to store program instructions 822 and/or data 832 accessible by processor 810.
  • system memory 820 may be implemented using any suitable memory technology, such as static random access memory (SRAM), synchronous dynamic RAM (SDRAM), nonvolatile/Flash-type memory, or any other type of memory.
  • SRAM static random access memory
  • SDRAM synchronous dynamic RAM
  • program instructions and data implementing any of the elements of the embodiments described above may be stored within system memory 820.
  • program instructions and/or data may be received, sent or stored upon different types of computer-accessible media or on similar media separate from system memory 820 or computer system 800.
  • I/O interface 830 may be configured to coordinate I/O traffic between processor 810, system memory 820, and any peripheral devices in the device, including network interface 840 or other peripheral interfaces, such as input/output devices 850.
  • I/O interface 830 may perform any necessary protocol, timing or other data transformations to convert data signals from one component (e.g., system memory 820) into a format suitable for use by another component (e.g., processor 810).
  • I/O interface 830 may include support for devices attached through various types of peripheral buses, such as a variant of the Peripheral Component Interconnect (PCI) bus standard or the Universal Serial Bus (USB) standard, for example.
  • PCI Peripheral Component Interconnect
  • USB Universal Serial Bus
  • I/O interface 830 may be split into two or more separate components, such as a north bridge and a south bridge, for example. Also, in some embodiments some or all of the functionality of I/O interface 830, such as an interface to system memory 820, may be incorporated directly into processor 810. [0051] Network interface 840 may be configured to allow data to be exchanged between computer system 800 and other devices attached to a network (e.g., network 890), such as one or more external systems or between nodes of computer system 800.
  • network 890 e.g., network 890
  • network 890 may include one or more networks including but not limited to Local Area Networks (LANs) (e.g., an Ethernet or corporate network), Wide Area Networks (WANs) (e.g., the Internet), wireless data networks, some other electronic data network, or some combination thereof.
  • network interface 840 may support communication via wired or wireless general data networks, such as any suitable type of Ethernet network, for example; via telecommunications/telephony networks such as analog voice networks or digital fiber communications networks; via storage area networks such as Fibre Channel SANs, or via any other suitable type of network and/or protocol.
  • Input/output devices 850 may, in some embodiments, include one or more display terminals, keyboards, keypads, touchpads, scanning devices, voice or optical recognition devices, or any other devices suitable for entering or accessing data by one or more computer systems 800. Multiple input/output devices 850 may be present in computer system 800 or may be distributed on various nodes of computer system 800. In some embodiments, similar input/output devices may be separate from computer system 800 and may interact with one or more nodes of computer system 800 through a wired or wireless connection, such as over network interface 840.
  • the illustrated computer system may implement any of the methods described above, such as the methods illustrated by the flowcharts of Figure 3. In other embodiments, different elements and data may be included.
  • computer system 800 is merely illustrative and is not intended to limit the scope of embodiments.
  • the computer system and devices may include any combination of hardware or software that can perform the indicated functions of various embodiments, including computers, network devices, Internet appliances, PDAs, wireless phones, pagers, and the like.
  • Computer system 800 may also be connected to other devices that are not illustrated, or instead may operate as a stand-alone system.
  • the functionality provided by the illustrated components may in some embodiments be combined in fewer components or distributed in additional components.
  • the functionality of some of the illustrated components may not be provided and/or other additional functionality may be available.
  • instructions stored on a computer-accessible medium separate from computer system 800 may be transmitted to computer system 800 via transmission media or signals such as electrical, electromagnetic, or digital signals, conveyed via a communication medium such as a network and/or a wireless link.
  • Various embodiments may further include receiving, sending or storing instructions and/or data implemented in accordance with the foregoing description upon a computer-accessible medium or via a communication medium.
  • a computer-accessible medium may include a storage medium or memory medium such as magnetic or optical media, e.g., disk or DVD/CD-ROM, volatile or non-volatile media such as RAM (e.g., SDRAM, DDR, RDRAM, SRAM, and the like), ROM, and the like.
  • display 880 is an example of a means for displaying a first page disposed in front of a first background layer
  • input/output device 850 is an example of a means for receiving an input to scroll from the first page to a second page
  • one or more processors 810a-810n are an example of a means for scrolling from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of the first background layer based on a change in position of a central part of the first page as the first page scrolls to the second page.
  • These elements, devices, circuits, and/or assemblies are exemplary implementations of means for performing their respectively described functions.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

A method and apparatus for scrolling between a plurality of pages on a display device associated with a computer. In one embodiment, the method includes displaying, by the display device, a first page disposed in front of at least one background layer, receiving, by the computer, an input to scroll from the first page to a second page disposed in front of the at least one background layer, scrolling, by the computer, from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of the at least one of the at least one background layer based on a change in position of a central part of the first page as the first page scrolls to the second page.

Description

METHOD AND APPARATUS FOR TRANSITIONING BETWEEN PAGES ON A
DISPLAY SCREEN
BACKGROUND OF THE INVENTION
Field of the invention
[0001] Embodiments consistent with the present invention generally relate methods and apparatus for transitioning between a plurality of pages on a display device.
Description of the Related Art
[0002] Software applications are designed to perform many different functions and/or display many different types of information. Separate screens or pages within a single application may be required for each separate function provided, and each type of information displayed, by the application. As display devices reduce in size, the screen displays become more and more crowded to accommodate the many different functions and types of information that a user can access. The primary functionality or important features of an application may get lost and become obscured amongst the various different pages associated with an application.
[0003] In addition, including branding or application/service provider identifying information in an application is important to many application providers. However static branding or static service provider identifying information in an application may be ignored, or not otherwise not noticed, by users.
[0004] Thus there is a need for a method and apparatus to provide a better way of focusing a user's attention to various features within an application which the application provider deems important and to increase awareness of the application provider's branding.
SUMMARY OF THE INVENTION
[0005] Methods and apparatus for scrolling between a plurality of pages on a display device are provided herein. In some embodiments, the method may include displaying, by the display device, a first page disposed in front of at least one background layer, receiving, by the computer, an input to scroll from the first page to a second page disposed in front of the at least one background layer, scrolling, by the computer, from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of the at least one of the at least one background layer based on a change in position of a central part of the first page as the first page scrolls to the second page.
[0006] According to some embodiments, changing a color quotient of the first background layer based on a change in position of a central part of the first page as the first page scrolls to the second page may include monitoring a distance from the central part of the first page to a central part of a viewable area of the display device, and changing a color quotient of the at least one of the at least one background layer as a function of the monitored distance from the central part of the first page to the central part of a viewable area of the display device as the first page scrolls to the second page.
[0007] Other and further embodiments of the present invention are described below.
BRIEF DESCRIPTION OF THE DRAWINGS
[0008] So that the manner in which the above recited features of the present invention can be understood in detail, a more particular description of the invention, briefly summarized above, may be had by reference to embodiments, some of which are illustrated in the appended drawings. It is to be noted, however, that the appended drawings illustrate only typical embodiments of this invention and are therefore not to be considered limiting of its scope, for the invention may admit to other equally effective embodiments.
[0009] Figure 1 depicts an exemplary user interface in accordance with embodiments consistent with the present application;
[0010] Figure 2 depicts an exemplary scrolling method for scrolling from a first page to a second page in viewable area in accordance with the least one embodiment of the present invention;
[0011] Figure 3 depicts a flow diagram of a method for scrolling between a plurality of pages on a display device, according to one or more embodiments of the invention; [0012] Figure 4 depicts a screenshot of a first page according to one or more embodiments of the invention;
[0013] Figure 5 depicts a screenshot of the first page starting to scroll to a second page according to one or more embodiments of the invention;
[0014] Figure 6 depicts a screenshot of the first page continuing to scroll to the second page according to one or more embodiments of the invention;
[0015] Figure 7 depicts a screenshot of the second page according to one or more embodiments of the invention; and
[0016] Figure 8 is a detailed block diagram of a computer system, according to one or more embodiments.
[0017] While the method and apparatus for scrolling between a plurality of pages on a display device is described herein by way of example for several embodiments and illustrative drawings, those skilled in the art will recognize that method and apparatus for scrolling between a plurality of pages on a display device is not limited to the embodiments or drawings described. It should be understood, that the drawings and detailed description thereto are not intended to limit embodiments to the particular form disclosed. Rather, the intention is to cover all modifications, equivalents and alternatives falling within the spirit and scope of method and apparatus for scrolling between a plurality of pages on a display device as defined by the appended claims. Any headings used herein are for organizational purposes only and are not meant to limit the scope of the description or the claims. As used herein, the word "may" is used in a permissive sense (i.e., meaning having the potential to), rather than the mandatory sense (i.e., meaning must). Similarly, the words "include", "including", and "includes" mean including, but not limited to.
DETAILED DESCRIPTION
[0018] Embodiments of the present invention include a method and apparatus for transitioning (e.g., scrolling) between a plurality of pages on a display device. As a user transitions between various functional or informational pages of an application, various transitioning effects may be implemented to attract and/or focus the attention of the user by making certain functional pages of an application more prominent. For example, by fading in dramatic color changes in the background as the user scrolls or transitions from one page in an application to another page in the application, a user's attention will more likely be drawn to the new page. This may assist a user in identifying key functionality while making less important functionality or information less prominent. Transitioning effects consistent with at least some embodiments of the present invention may also be used to increase brand awareness of a service provider/application owner, or promote additional products or functionality.
[0019] Various embodiments of an apparatus and method for transitioning (e.g., scrolling) between a plurality of pages on a display device are provided below. In the following detailed description, numerous specific details are set forth to provide a thorough understanding of the claimed subject matter. However, it will be understood by those skilled in the art that claimed subject matter may be practiced without these specific details. In other instances, methods, apparatuses or systems that would be known by one of ordinary skill have not been described in detail so as not to obscure claimed subject matter.
[0020] Some portions of the detailed description which follow are presented in terms of operations on binary digital signals stored within a memory of a specific apparatus or special purpose computing device or platform. In the context of this particular specification, the term specific apparatus or the like includes a general purpose computer once it is programmed to perform particular functions pursuant to instructions from program software. In this context, operations or processing involve physical manipulation of physical quantities. Typically, although not necessarily, such quantities may take the form of electrical or magnetic signals capable of being stored, transferred, combined, compared or otherwise manipulated. It has proven convenient at times, principally for reasons of common usage, to refer to such signals as bits, data, values, elements, symbols, characters, terms, numbers, numerals or the like. It should be understood, however, that all of these or similar terms are to be associated with appropriate physical quantities and are merely convenient labels. Unless specifically stated otherwise, as apparent from the following discussion, it is appreciated that throughout this specification discussions utilizing terms such as "processing," "computing," "calculating," "determining" or the like refer to actions or processes of a specific apparatus, such as a special purpose computer or a similar special purpose electronic computing device. In the context of this specification, therefore, a special purpose computer or a similar special purpose electronic computing device is capable of manipulating or transforming signals, typically represented as physical electronic or magnetic quantities within memories, registers, or other information storage devices, transmission devices, or display devices of the special purpose computer or similar special purpose electronic computing device.
[0021] Figure 1 depicts an exemplary user interface 100 in accordance with embodiments consistent with the present application.
[0022] The user interface 100 may include a defined viewable area 102 which can be scrolled. The scrollable viewable area 102 may display a plurality of pages 104a- 104e, including various functional or informational pages, to a user.
[0023] In some embodiments, functional pages 104a-104e may include user selectable objects 1 14 to facilitate the desired functionality. For example, page 104c may include a dialer function which may consist of a plurality of selectable objects 1 14 to facilitate the dialing of phone numbers. According to some embodiments, functional pages 104a-104e may include contact information for selecting and communicating with a desired contact, a chat page for interacting with another person via chat, an account balance page for checking account balances and adding additional funds to a user's account, and the like.
[0024] According to some embodiments, at least some of the plurality of pages 104a- 104e may include static or dynamic information for display to the user. For example, in some embodiments, at least some of the plurality of pages 104a-104e may display information such as recently called phone numbers or contacts (not shown).
[0025] A user may scroll between the plurality of pages 104a-104e using a number of input methods. In some embodiments consistent with the present application, a user may swipe a touch-sensitive screen to scroll from page to page in user interface 100. In other embodiments, a user may use a mouse input to select a specific page. User interface 100 may also include a menu area 1 10 which may include a plurality of selectable menu objects 1 12a-1 12e. Each menu object 1 12a-1 12e may take a user to a specific page when selected. In some embodiments, menu area 1 10 may be fixed such that it does not scroll as a user scrolls between pages 104a-104e. In other embodiments, menu area 1 10 may be separately scrollable such that it can be scrolled to display additional selectable menu objects, but scrolls independently from pages 104a-104e.
[0026] The user interface 100 may also include one or more background layers 106 and 108 disposed behind viewable area 102 and the plurality of pages 104a-104e. Please note that one or more background layers 106 and 108 are generally aligned with viewable area 102 but are depicted off-center from viewable area 102 in Figure 1 for viewability purposes. Although figure 1 depicts two background layers, it should be noted that more or fewer background layers may be used in user interface 100. The background layers 106 and 108 are typically non-functional layers which may include static images, solid or patterned backgrounds in color or grayscale, video images, and the like. For example, in at least some embodiments consistent with the present application, background layer 106 and/or 108 may be an image of a company logo which may be visible through each of the plurality of pages 104a- 104e. It should be noted that functional backgrounds may be used in alternate embodiments consistent with the present application (for example, making certain object selectable/opaque or not selectable/transparent when scrolling for one page to another page).
[0027] Background layers 106 and 108 may be disposed behind the scrollable plurality of pages 104a-104e. In at least some embodiments consistent with the present application, a color quotient of each of the plurality of pages 104a-104e are such that at least one of background layers 106 and 108 may be visible through the pages 104a-104e displayed in viewable area 102. In addition, in at least some embodiments consistent with the present application, the color quotient of each of the selectable objects 1 14 on pages 104a-104e may be such that at least one of background layers 106 and 108 may be visible through the selectable objects 1 14. A color quotient is generally intended to describe a value of a transparently/opacity level (e.g., Alpha levels), Red Green Blue (RGB) value, and/or other values for parameters which may affect the way an object, image, or background is displayed or otherwise perceived by a user. [0028] In at least some embodiments consistent with the present application background layer 108 may be disposed behind background layer 106. The color quotient of the background layer 106 may be set such that background layer 108 is visible, partially visible, or not visible through background layer 106.
[0029] According to some embodiments consistent with the present application background layers 106 and 108 may be fixed in position such that they cannot be scrolled as pages 104a-104e are scrolled in front of them. In other embodiments, each page 104a-104e may include a separate background layer(s) 106, 108 that scrolls along with the page 104a-104e it is associated with.
[0030] A central area 1 16 of the viewable area 102 is shown in Figure 1 . In addition, each of the plurality of pages 104a-104e has a respective central area 1 18a-1 18e. A position of central areas 1 18a-1 18e is used to determine which page 104a-104e is visible or how far a page 104a-104e is scrolled if not visible or partially visible in viewable area 102. For example, distance 120 of the central area 1 18b of page 104b from central area 1 16 of the viewable area 102 may be monitored to determine if page 104b is visible and/or how far it is scrolled. In at least some embodiments consistent with the present application, distance 120 may be used to adjust a color quotient of background layer 106. In other embodiments, distance 120 may be used, for example, to adjust a color quotient of at least one of pages 104a-104e and/or background layer 108.
[0031] Figure 2 depicts an example embodiment of a first page 104c scrolling to a second page 104b in viewable area 102. In one exemplary embodiment consistent with Figure 2, the distance 120c between the central area 1 18c of page 104c and the central area 1 16 of the scrollable viewable area 102 are aligned (left most image of Figure 2). After an input (e.g., user swipe gesture, selection of menu objects 1 12a- 1 12e, and the like) is received to transition from a first page 104c to a second page 104b, page 104c begins to move in scroll direction 202. Note that menu area 1 10 remains stationary in this embodiment, but may be separately or independently scrollable in other embodiments consistent with the present application.
[0032] The distance 120c between the central area 1 18c of page 104c and the central area 1 16 of the scrollable viewable area 102 begins to increase as page 104c scrolls further to the right. Simultaneously, the distance 120b between the central area 1 18b of page 104b and the central area 1 16 of the scrollable viewable area 102 begins to decrease as page 104b scrolls further to the right until the central area 1 18b of page 104b and the central area 1 16 of the scrollable viewable area 102 are aligned. In some embodiments discussed herein, distance 120c and/or distance 120b may be used to adjust the color quotient of background layer 106.
[0033] Although the scrolling described above with respect to Figure 2 is from the left to the right, it should be noted that pages may be scrolled, for example (but not limited to), from right to left, top to bottom, and bottom to top, or in any suitable manner of transitioning from one page to another page in embodiments consistent with the present application.
[0034] Figure 3 depicts a flow diagram of a method 300 for scrolling between a plurality of pages on a display device, according to one or more embodiments of the invention. The method 300 starts at step 302, and generally proceeds to step 304.
[0035] At step 304, a first page disposed in front of a first background layer is displayed by a display device. The first background layer may be visible, partially visible, or not visible through the first page. At step 306, an input to scroll from the first page to a second page is received. Examples of such inputs may include a user finger swipe across a touch-sensitive screen, a mouse input to select a specific page, a selection of a menu objects, and the like. At step 308, the first page scrolls to the second page. In some embodiments consistent with the present application, the act of scrolling from the first page to the second page may include changing a color quotient of the first background layer based on a change in position of a central part of the first page as the first page scrolls to the second page at step 308. For example, if the first background layer is visible through the first page, the color quotient of the background layer may be changed as the first page scrolls to the second page such that it becomes only partially visible or not at all visible through the second page. According to some embodiments, a distance from the central part of the first page to a central part of a viewable area of the display device may be monitored at step 308a, and the color quotient of the first background layer may be changed as a function of the monitored distance from the central part of the first page to the central part of a viewable area of the display device as the first page scrolls to the second page at step 308b. The method 300 then ends at step 310.
[0036] Figure 4-7 depict an exemplary sequence of screenshots as a first page is scrolled to a second page in accordance with some embodiments consistent with the present application. Figure 4 shows a first function page 104c as a keypad or dialer function in viewable area 102. As depicted in Figure 4, a first background layer 106 is visible through page 104c, and includes an enlarged image of the "V and dot" logo used by Vonage Holdings Corp.
[0037] An input may be received to scroll from a Keypad page 104c to a Recents page 104b. As described above, the input may be a swipe of a user's finger (or stylus) across a touch-sensitive screen, or it may be a user selection of one of selectable menu objects 1 12a-1 12e in menu area 1 10. Figure 5 shows Keypad page 104c scrolling out of viewable area 102, and Recents page 104b scrolling into viewable area 102 from left to right. As Keypad page 104c and its central area 1 18c move to the right (and distance 120c begins to increase), the transparency of the first background layer 106 is increased (i.e., the first background layer 106 becomes less visible) and a second background layer 108 begins to become visible through the first background layer 106 and pages 104c and 104b. In the embodiment shown in Figure 5, the second background layer 108 is a solid color grayscale background although in other embodiments other backgrounds may be used. Thus, as the distance 120c between central area 1 18c of Keypad page 104c and central area 1 16 of viewable area 102 increases, the transparency of first background layer 106 is increased (or the opaqueness of first background layer 106 is decreased, or the RGB levels of first background layer 106 is changed), such that the second background becomes more and more visible.
[0038] Figure 6 further illustrates the aforementioned transitioning effect as Keypad page 104c is further scrolled to the right out of viewable area 102, and Recents page 104b is scrolled into viewable area 102. Note that the transparency of first background layer 106 is further increased from Figure 5 and the grayscale background included in the second background layer 108 becomes more visible than shown in Figure 5. That is, as the distance between central area 1 18c of Keypad page 104c and central area 1 16 of viewable area 102 increases, the transparency of first background layer 106 is increased (or the opaqueness of first background layer 106 is decreased, or the RGB levels of first background layer 106 is changed), such that the second background becomes more and more visible.
[0039] Figure 7 shows Recents page 104b in viewable area 102 after the transition from Keypad page 104c to Recents page 104b has completed. Note that central area 1 16 of viewable area 102 is now aligned with central area 1 18b of Recents page 104b. Also note that the transparency of first background layer 106 is further increased from Figure 6, and the grayscale background included in the second background layer 108 is more visible than shown in Figure 6.
[0040] The embodiments of the present invention may be embodied as methods, apparatus, electronic devices, and/or computer program products. Accordingly, the embodiments of the present invention may be embodied in hardware and/or in software (including firmware, resident software, micro-code, and the like), which may be generally referred to herein as a "circuit" or "module". Furthermore, the present invention may take the form of a computer program product on a computer-usable or computer-readable storage medium having computer-usable or computer-readable program code embodied in the medium for use by or in connection with an instruction execution system. In the context of this document, a computer-usable or computer-readable medium may be any medium that can contain, store, communicate, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device. These computer program instructions may also be stored in a computer-usable or computer-readable memory that may direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer usable or computer-readable memory produce an article of manufacture including instructions that implement the function specified in the flowchart and/or block diagram block or blocks.
[0041] The computer-usable or computer-readable medium may be, for example but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device. More specific examples (a non exhaustive list) of the computer-readable medium include the following: hard disks, optical storage devices, magnetic storage devices, an electrical connection having one or more wires, a portable computer diskette, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, and a compact disc read-only memory (CD- ROM).
[0042] Computer program code for carrying out operations of the present invention may be written in an object oriented programming language, such as Java.RTM, Smalltalk or C++, and the like. However, the computer program code for carrying out operations of the present invention may also be written in conventional procedural programming languages, such as the "C" programming language and/or any other lower level assembler languages. It will be further appreciated that the functionality of any or all of the program modules may also be implemented using discrete hardware components, one or more Application Specific Integrated Circuits (ASICs), or programmed Digital Signal Processors or microcontrollers.
[0043] The foregoing description, for purpose of explanation, has been described with reference to specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the invention to the precise forms disclosed. Many modifications and variations are possible in view of the above teachings. The embodiments were chosen and described in order to best explain the principles of the present disclosure and its practical applications, to thereby enable others skilled in the art to best utilize the invention and various embodiments with various modifications as may be suited to the particular use contemplated.
[0044] Figure 8 depicts a computer system 800 that can be utilized in various embodiments of the present invention to implement the computer and/or the display, according to one or more embodiments.
[0045] Various embodiments of method and apparatus for transitioning between a plurality of pages on a display device, as described herein, may be executed on one or more computer systems, which may interact with various other devices. One such computer system is computer system 800 illustrated by Figure 8, which may in various embodiments implement any of the elements or functionality illustrated in Figures 1 -7. In various embodiments, computer system 800 may be configured to implement methods described above. The computer system 800 may be used to implement any other system, device, element, functionality or method of the above- described embodiments. In the illustrated embodiments, computer system 800 may be configured to implement method 300 as processor-executable executable program instructions 822 (e.g., program instructions executable by processor(s) 810) in various embodiments.
[0046] In the illustrated embodiment, computer system 800 includes one or more processors 810a-810n coupled to a system memory 820 via an input/output (I/O) interface 830. Computer system 800 further includes a network interface 840 coupled to I/O interface 830, and one or more input/output devices 850, such as cursor control device 860, keyboard 870, and display(s) 880. In various embodiments, any of the components may be utilized by the system to receive user input described above. In various embodiments, a user interface (e.g., user interface 100) may be generated and displayed on display 880. In some cases, it is contemplated that embodiments may be implemented using a single instance of computer system 800, while in other embodiments multiple such systems, or multiple nodes making up computer system 800, may be configured to host different portions or instances of various embodiments. For example, in one embodiment some elements may be implemented via one or more nodes of computer system 800 that are distinct from those nodes implementing other elements. In another example, multiple nodes may implement computer system 800 in a distributed manner.
[0047] In different embodiments, computer system 800 may be any of various types of devices, including, but not limited to, a personal computer system, desktop computer, laptop, notebook, or netbook computer, mainframe computer system, handheld computer, workstation, network computer, a camera, a set top box, a mobile device, a consumer device, video game console, handheld video game device, application server, storage device, a peripheral device such as a switch, modem, router, or in general any type of computing or electronic device.
[0048] In various embodiments, computer system 800 may be a uniprocessor system including one processor 810, or a multiprocessor system including several processors 810 (e.g., two, four, eight, or another suitable number). Processors 810 may be any suitable processor capable of executing instructions. For example, in various embodiments processors 810 may be general-purpose or embedded processors implementing any of a variety of instruction set architectures (ISAs). In multiprocessor systems, each of processors 810 may commonly, but not necessarily, implement the same ISA.
[0049] System memory 820 may be configured to store program instructions 822 and/or data 832 accessible by processor 810. In various embodiments, system memory 820 may be implemented using any suitable memory technology, such as static random access memory (SRAM), synchronous dynamic RAM (SDRAM), nonvolatile/Flash-type memory, or any other type of memory. In the illustrated embodiment, program instructions and data implementing any of the elements of the embodiments described above may be stored within system memory 820. In other embodiments, program instructions and/or data may be received, sent or stored upon different types of computer-accessible media or on similar media separate from system memory 820 or computer system 800.
[0050] In one embodiment, I/O interface 830 may be configured to coordinate I/O traffic between processor 810, system memory 820, and any peripheral devices in the device, including network interface 840 or other peripheral interfaces, such as input/output devices 850. In some embodiments, I/O interface 830 may perform any necessary protocol, timing or other data transformations to convert data signals from one component (e.g., system memory 820) into a format suitable for use by another component (e.g., processor 810). In some embodiments, I/O interface 830 may include support for devices attached through various types of peripheral buses, such as a variant of the Peripheral Component Interconnect (PCI) bus standard or the Universal Serial Bus (USB) standard, for example. In some embodiments, the function of I/O interface 830 may be split into two or more separate components, such as a north bridge and a south bridge, for example. Also, in some embodiments some or all of the functionality of I/O interface 830, such as an interface to system memory 820, may be incorporated directly into processor 810. [0051] Network interface 840 may be configured to allow data to be exchanged between computer system 800 and other devices attached to a network (e.g., network 890), such as one or more external systems or between nodes of computer system 800. In various embodiments, network 890 may include one or more networks including but not limited to Local Area Networks (LANs) (e.g., an Ethernet or corporate network), Wide Area Networks (WANs) (e.g., the Internet), wireless data networks, some other electronic data network, or some combination thereof. In various embodiments, network interface 840 may support communication via wired or wireless general data networks, such as any suitable type of Ethernet network, for example; via telecommunications/telephony networks such as analog voice networks or digital fiber communications networks; via storage area networks such as Fibre Channel SANs, or via any other suitable type of network and/or protocol.
[0052] Input/output devices 850 may, in some embodiments, include one or more display terminals, keyboards, keypads, touchpads, scanning devices, voice or optical recognition devices, or any other devices suitable for entering or accessing data by one or more computer systems 800. Multiple input/output devices 850 may be present in computer system 800 or may be distributed on various nodes of computer system 800. In some embodiments, similar input/output devices may be separate from computer system 800 and may interact with one or more nodes of computer system 800 through a wired or wireless connection, such as over network interface 840.
[0053] In some embodiments, the illustrated computer system may implement any of the methods described above, such as the methods illustrated by the flowcharts of Figure 3. In other embodiments, different elements and data may be included.
[0054] Those skilled in the art will appreciate that computer system 800 is merely illustrative and is not intended to limit the scope of embodiments. In particular, the computer system and devices may include any combination of hardware or software that can perform the indicated functions of various embodiments, including computers, network devices, Internet appliances, PDAs, wireless phones, pagers, and the like. Computer system 800 may also be connected to other devices that are not illustrated, or instead may operate as a stand-alone system. In addition, the functionality provided by the illustrated components may in some embodiments be combined in fewer components or distributed in additional components. Similarly, in some embodiments, the functionality of some of the illustrated components may not be provided and/or other additional functionality may be available.
[0055] Those skilled in the art will also appreciate that, while various items are illustrated as being stored in memory or on storage while being used, these items or portions of them may be transferred between memory and other storage devices for purposes of memory management and data integrity. Alternatively, in other embodiments some or all of the software components may execute in memory on another device and communicate with the illustrated computer system via intercomputer communication. Some or all of the system components or data structures may also be stored (e.g., as instructions or structured data) on a computer- accessible medium or a portable article to be read by an appropriate drive, various examples of which are described above. In some embodiments, instructions stored on a computer-accessible medium separate from computer system 800 may be transmitted to computer system 800 via transmission media or signals such as electrical, electromagnetic, or digital signals, conveyed via a communication medium such as a network and/or a wireless link. Various embodiments may further include receiving, sending or storing instructions and/or data implemented in accordance with the foregoing description upon a computer-accessible medium or via a communication medium. In general, a computer-accessible medium may include a storage medium or memory medium such as magnetic or optical media, e.g., disk or DVD/CD-ROM, volatile or non-volatile media such as RAM (e.g., SDRAM, DDR, RDRAM, SRAM, and the like), ROM, and the like.
[0056] The methods described herein may be implemented in software, hardware, or a combination thereof, in different embodiments. In addition, the order of methods may be changed, and various elements may be added, reordered, combined, omitted or otherwise modified. All examples described herein are presented in a non-limiting manner. Various modifications and changes may be made as would be obvious to a person skilled in the art having benefit of this disclosure. Realizations in accordance with embodiments have been described in the context of particular embodiments. These embodiments are meant to be illustrative and not limiting. Many variations, modifications, additions, and improvements are possible. Accordingly, plural instances may be provided for components described herein as a single instance. Boundaries between various components, operations and data stores are somewhat arbitrary, and particular operations are illustrated in the context of specific illustrative configurations. Other allocations of functionality are envisioned and may fall within the scope of claims that follow. Finally, structures and functionality presented as discrete components in the example configurations may be implemented as a combined structure or component. These and other variations, modifications, additions, and improvements may fall within the scope of embodiments as defined in the claims that follow.
[0057] The foregoing description of embodiments of the invention comprises a number of elements, devices, circuits and/or assemblies that perform various functions as described. For example, display 880 is an example of a means for displaying a first page disposed in front of a first background layer, input/output device 850 is an example of a means for receiving an input to scroll from the first page to a second page, and one or more processors 810a-810n are an example of a means for scrolling from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of the first background layer based on a change in position of a central part of the first page as the first page scrolls to the second page. These elements, devices, circuits, and/or assemblies are exemplary implementations of means for performing their respectively described functions.
[0058] While the foregoing is directed to embodiments of the present invention, other and further embodiments of the invention may be devised without departing from the basic scope thereof, and the scope thereof is determined by the claims that follow.

Claims

What is claimed is:
1 . A computer-implemented method for scrolling between a plurality of pages on a display device associated with a computer comprising:
displaying, by the display device, a first page disposed in front of at least one background layer;
receiving, by the computer, an input to scroll from the first page to a second page disposed in front of the at least one background layer; and
scrolling, by the computer, from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of the at least one of the at least one background layer based on a change in position of a central part of the first page as the first page scrolls to the second page.
2. The computer-implemented method of claim 1 wherein changing a color quotient of the at least one of the at least one background layer based on the change in position of the central part of the first page as the first page scrolls to the second page includes:
(a) monitoring a distance from the central part of the first page to a central part of a viewable area of the display device; and
(b) changing the color quotient of the at least one of the at least one background layer as a function of the monitored distance from the central part of the first page to the central part of the viewable area of the display device as the first page scrolls to the second page.
3. The computer-implemented method of claim 1 wherein a color quotient of the first page and a color quotient of the second page are set such that at least one of the at least one background layer disposed behind the first and second page can be visible through the first and second pages.
4. The computer-implemented method of claim 3 wherein a first background layer (a) is visible through the first page and (b) is disposed in front of a second background layer which is not visible through the first background layer or the first page, and wherein changing the color quotient of the first background layer as the first page scrolls to the second page includes increasing a transparency level of the first background layer such that the second background layer becomes visible through the first background layer, the first page, and the second page.
5. The computer-implemented method of claim 3 wherein a first background layer is disposed in front of a second background layer which is visible through the first background layer and the first page, and wherein changing the color quotient of the first background layer as the first page scrolls to the second page includes decreasing a transparency level of the first background layer such that the second background layer is not visible through the first background layer, the first page, and the second page.
6. The computer-implemented method of claim 1 wherein the first and second pages are functional pages including at least one of (a) selectable objects, (b) dynamically changing information, or (c) static information.
7. The computer-implemented method of claim 1 wherein the input received to scroll from the first page to the second page is a finger swipe across a touch sensitive screen associated with the computer.
8. The computer-implemented method of claim 1 wherein a row of selectable menu objects is displayed proximate to the first and second pages, and wherein the input received to scroll from the first page to the second page is a selection of one of the selectable menu objects.
9. The computer-implemented method of claim 1 wherein each of the at least one background layer includes one of (a) a digital image, (b) a solid color or (c) a digital video.
10. The computer-implemented method of claim 9 wherein changing the color quotient of the at least one background layer includes at least one of (a) changing an Alpha channel of the at least one background layer or (b) modifying the Red Green Blue (RGB) channels of the at least one background layer.
1 1 . The computer-implemented method of claim 1 wherein the first and second background layers are fixed at a constant location and wherein the plurality of pages are scrollable in front of the at least one background layer.
12. An apparatus for scrolling between a plurality of pages on a display device, comprising:
a) at least one processor;
b) at least one input device; and
c) at least one storage device storing processor-executable instructions which, when executed by the at least one processor, perform a method including
displaying a first page disposed in front of at least one
background layer;
receiving an input to scroll from the first page to a second page disposed in front of the at least one background layer; and scrolling from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of the at least one of the at least one background layer based on a change in position of a central part of the first page as the first page scrolls to the second page.
13. The apparatus of claim 12 wherein changing a color quotient of the at least one of the at least one background layer based on the change in position of the central part of the first page as the first page scrolls to the second page includes:
(a) monitoring a distance from the central part of the first page to a central part of a viewable area of the display device; and
(b) changing the color quotient of the at least one of the at least one background layer as a function of the monitored distance from the central part of the first page to the central part of the viewable area of the display device as the first page scrolls to the second page.
14. The apparatus of claim 12 wherein a color quotient of the first page and a color quotient of the second page are set such that at least one of the at least one background layer disposed behind the first and second page can be visible through the first and second pages.
15. The apparatus of claim 14 wherein a first background layer (a) is visible through the first page and (b) is disposed in front of a second background layer which is not visible through the first background layer or the first page, and wherein changing the color quotient of the first background layer as the first page scrolls to the second page includes increasing a transparency level of the first background layer such that the second background layer becomes visible through the first background layer, the first page, and the second page.
16. The apparatus of claim 14 wherein a first background layer is disposed in front of a second background layer which is visible through the first background layer and the first page, and wherein changing the color quotient of the first background layer as the first page scrolls to the second page includes decreasing a transparency level of the first background layer such that the second background layer is not visible through the first background layer, the first page, and the second page.
17. The apparatus of claim 12 wherein the input received to scroll from the first page to the second page is a finger swipe across a touch sensitive screen
associated with the computer.
18. The apparatus of claim 12 wherein each of the at least one background layer includes one of (a) a digital image, (b) a solid color or (c) a digital video.
19. The computer-implemented method of claim 18 wherein changing the color quotient of the at least one background layer includes at least one of (a) changing an Alpha channel of the at least one background layer or (b) modifying the Red Green Blue (RGB) channels of the at least one background layer.
20. A computer-implemented method for scrolling between a plurality of pages on a display device associated with a computer comprising:
displaying, by the display device, a first page disposed in front of at least one background layer;
receiving, by the computer, an input to scroll from the first page to a second page disposed in front of the at least one background layer; and
scrolling, by the computer, from the first page to the second page, wherein the act of scrolling from the first page to the second page includes changing a color quotient of at least one of the first page or the second page based on a change in position of a central part of the second page as the first page scrolls to the second page.
PCT/US2013/042443 2012-05-31 2013-05-23 Method and apparatus for transitioning between pages on a display screen WO2013181065A1 (en)

Priority Applications (3)

Application Number Priority Date Filing Date Title
BR112014029753A BR112014029753A2 (en) 2012-05-31 2013-05-23 Method and apparatus for transitioning between pages on a display screen
CA2875135A CA2875135A1 (en) 2012-05-31 2013-05-23 Method and apparatus for transitioning between pages on a display screen
EP13796482.1A EP2856299A4 (en) 2012-05-31 2013-05-23 Method and apparatus for transitioning between pages on a display screen

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
US13/485,231 2012-05-31
US13/485,231 US20130321444A1 (en) 2012-05-31 2012-05-31 Method and apparatus for transitioning between pages on a display screen

Publications (1)

Publication Number Publication Date
WO2013181065A1 true WO2013181065A1 (en) 2013-12-05

Family

ID=49669681

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/US2013/042443 WO2013181065A1 (en) 2012-05-31 2013-05-23 Method and apparatus for transitioning between pages on a display screen

Country Status (5)

Country Link
US (1) US20130321444A1 (en)
EP (1) EP2856299A4 (en)
BR (1) BR112014029753A2 (en)
CA (1) CA2875135A1 (en)
WO (1) WO2013181065A1 (en)

Families Citing this family (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9229632B2 (en) 2012-10-29 2016-01-05 Facebook, Inc. Animation sequence associated with image
US9606695B2 (en) 2012-11-14 2017-03-28 Facebook, Inc. Event notification
US9507757B2 (en) 2012-11-14 2016-11-29 Facebook, Inc. Generating multiple versions of a content item for multiple platforms
US9547627B2 (en) 2012-11-14 2017-01-17 Facebook, Inc. Comment presentation
US9696898B2 (en) 2012-11-14 2017-07-04 Facebook, Inc. Scrolling through a series of content items
US9547416B2 (en) 2012-11-14 2017-01-17 Facebook, Inc. Image presentation
US9684935B2 (en) 2012-11-14 2017-06-20 Facebook, Inc. Content composer for third-party applications
US9218188B2 (en) 2012-11-14 2015-12-22 Facebook, Inc. Animation sequence associated with feedback user-interface element
US9607289B2 (en) 2012-11-14 2017-03-28 Facebook, Inc. Content type filter
US9081410B2 (en) 2012-11-14 2015-07-14 Facebook, Inc. Loading content on electronic device
US9235321B2 (en) 2012-11-14 2016-01-12 Facebook, Inc. Animation sequence associated with content item
US9245312B2 (en) 2012-11-14 2016-01-26 Facebook, Inc. Image panning and zooming effect
US9507483B2 (en) 2012-11-14 2016-11-29 Facebook, Inc. Photographs with location or time information
US9961721B2 (en) 2013-01-17 2018-05-01 Bsh Home Appliances Corporation User interface for oven: info mode
US20140201688A1 (en) * 2013-01-17 2014-07-17 Bsh Home Appliances Corporation User interface - gestural touch
US9554689B2 (en) 2013-01-17 2017-01-31 Bsh Home Appliances Corporation User interface—demo mode
US10152804B2 (en) * 2015-02-13 2018-12-11 Smugmug, Inc. System and method for dynamic color scheme application
US20180089879A1 (en) * 2016-09-23 2018-03-29 Apple Inc. Synchronizing Display of Multiple Animations
CN109324846B (en) * 2017-07-28 2021-11-23 北京小米移动软件有限公司 Application display method and device and storage medium
CN113010249B (en) * 2021-03-17 2023-12-19 北京字跳网络技术有限公司 Page switching method, device, equipment and medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2010111020A1 (en) 2009-03-27 2010-09-30 Zumobi, Inc. Systems, methods, and computer program products displaying interactive elements of a canvas
US20100269038A1 (en) * 2009-04-17 2010-10-21 Sony Ericsson Mobile Communications Ab Variable Rate Scrolling
US20110010659A1 (en) * 2009-07-13 2011-01-13 Samsung Electronics Co., Ltd. Scrolling method of mobile terminal and apparatus for performing the same
US20110107264A1 (en) * 2009-10-30 2011-05-05 Motorola, Inc. Method and Device for Enhancing Scrolling Operations in a Display Device
US20110102455A1 (en) * 2009-11-05 2011-05-05 Will John Temple Scrolling and zooming of a portable device display with device motion
US20110126148A1 (en) 2009-11-25 2011-05-26 Cooliris, Inc. Gallery Application For Content Viewing
US20120066644A1 (en) * 2010-09-14 2012-03-15 Hal Laboratory Inc. Computer-readable storage medium having stored thereon display control program, display control system, display control apparatus, and display control method

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100137693A1 (en) * 2005-11-01 2010-06-03 Fresenius Medical Care Holdings, Inc. Methods and systems for patient care
US8584028B2 (en) * 2006-10-31 2013-11-12 Microsoft Corporation Adaptable transparency

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2010111020A1 (en) 2009-03-27 2010-09-30 Zumobi, Inc. Systems, methods, and computer program products displaying interactive elements of a canvas
US20100269038A1 (en) * 2009-04-17 2010-10-21 Sony Ericsson Mobile Communications Ab Variable Rate Scrolling
US20110010659A1 (en) * 2009-07-13 2011-01-13 Samsung Electronics Co., Ltd. Scrolling method of mobile terminal and apparatus for performing the same
US20110107264A1 (en) * 2009-10-30 2011-05-05 Motorola, Inc. Method and Device for Enhancing Scrolling Operations in a Display Device
US20110102455A1 (en) * 2009-11-05 2011-05-05 Will John Temple Scrolling and zooming of a portable device display with device motion
US20110126148A1 (en) 2009-11-25 2011-05-26 Cooliris, Inc. Gallery Application For Content Viewing
US20120066644A1 (en) * 2010-09-14 2012-03-15 Hal Laboratory Inc. Computer-readable storage medium having stored thereon display control program, display control system, display control apparatus, and display control method

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP2856299A4 *

Also Published As

Publication number Publication date
CA2875135A1 (en) 2013-12-05
BR112014029753A2 (en) 2017-06-27
EP2856299A4 (en) 2016-06-15
EP2856299A1 (en) 2015-04-08
US20130321444A1 (en) 2013-12-05

Similar Documents

Publication Publication Date Title
US20130321444A1 (en) Method and apparatus for transitioning between pages on a display screen
DK180318B1 (en) Systems, methods, and user interfaces for interacting with multiple application windows
US20220179531A1 (en) Display Management for Native User Experiences
US9766778B2 (en) Method and apparatus for rapid access to a contact in a contact list
US9262051B2 (en) Method and apparatus for displaying pop-up
JP5639158B2 (en) Organizing content columns
EP2703987B1 (en) Data Display Method and Apparatus
US20150082238A1 (en) System and method to display and interact with a curve items list
US20150135113A1 (en) Gestures for Manipulating Tables, Charts, and Graphs
US11379112B2 (en) Managing content displayed on a touch screen enabled device
US10664155B2 (en) Managing content displayed on a touch screen enabled device using gestures
CN108370396B (en) Electronic device, notification display method of electronic device, and computer-readable medium
US20130249832A1 (en) Mobile terminal
US9070120B2 (en) Identifying and displaying a set of high priority contacts on a display device
EP2981881A1 (en) Page returning
CN103309616A (en) Soft keyboard display method and terminal
US20190107925A1 (en) Optimizing a display of a user device
EP2756377B1 (en) Virtual viewport and fixed positioning with optical zoom
US20140223354A1 (en) Method and system for creating floating keys in a portable device
US20180136789A1 (en) Sender-initiated control of information display within multiple-partition user interface
US10928994B2 (en) Processing objects on touch screen devices
US10890988B2 (en) Hierarchical menu for application transition
US20220397993A1 (en) Selecting a desired item from a set of items

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 13796482

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2875135

Country of ref document: CA

NENP Non-entry into the national phase

Ref country code: DE

WWE Wipo information: entry into national phase

Ref document number: 2013796482

Country of ref document: EP

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112014029753

Country of ref document: BR

ENP Entry into the national phase

Ref document number: 112014029753

Country of ref document: BR

Kind code of ref document: A2

Effective date: 20141128