WO2023193590A1 - 用于页面交互的方法、装置、设备和存储介质 - Google Patents

用于页面交互的方法、装置、设备和存储介质 Download PDF

Info

Publication number
WO2023193590A1
WO2023193590A1 PCT/CN2023/082331 CN2023082331W WO2023193590A1 WO 2023193590 A1 WO2023193590 A1 WO 2023193590A1 CN 2023082331 W CN2023082331 W CN 2023082331W WO 2023193590 A1 WO2023193590 A1 WO 2023193590A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
message
icon
navigation
gesture
Prior art date
Legal status (The legal status 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 status listed.)
Ceased
Application number
PCT/CN2023/082331
Other languages
English (en)
French (fr)
Inventor
邢健诚
金小书
张文姝
钟文军
陈少铭
吕启明
罗群锋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network Technology Co Ltd
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 Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Priority to JP2024547740A priority Critical patent/JP7721011B2/ja
Priority to EP23784154.9A priority patent/EP4465191A4/en
Publication of WO2023193590A1 publication Critical patent/WO2023193590A1/zh
Priority to US18/807,396 priority patent/US12333125B2/en
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/954—Navigation, e.g. using categorised browsing
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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
    • G06F3/04883—Interaction 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 for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/04817—Interaction 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 using icons

Definitions

  • Example embodiments of the present disclosure relate generally to the computer field, and in particular to methods, apparatus, devices and computer-readable storage media for page interaction.
  • users can perform various actions on the app.
  • users can create and publish various types of content in content sharing applications, including multimedia content such as videos, images, image collections, sounds, etc.
  • users can also perform various operations such as browsing, commenting, forwarding, and message interaction in the application. Some operations in your application may need to be performed on specific pages. Convenient jumps to some pages of the application, such as pages frequently visited by users, are more important.
  • a scheme for page interaction is provided to facilitate users' convenient access to specific pages.
  • a page interaction method includes presenting a predetermined icon at a predetermined position in the first page; detecting a non-click gesture on the first page; if the non-click gesture is detected, based on the type of the non-click gesture and the corresponding position of the first page in the page navigation structure , determine whether the non-click gesture corresponds to the selection of the predetermined icon; and if it is determined that the non-click gesture corresponds to the selection of the predetermined icon, switch from the first page to the second page.
  • an apparatus for page interaction includes an icon presentation module configured to present a predetermined icon at a predetermined position in a first page; a gesture detection module configured to detect a non-click gesture on the first page; and an icon selection determination module configured to detect In the case of a non-click gesture, determine whether the non-click gesture corresponds to the selection of the predetermined icon based on the type of the non-click gesture and the corresponding position of the first page in the page navigation structure; and a page rendering module configured to determine whether the non-click gesture corresponds to the selection of the predetermined icon.
  • the first page is switched to the second page.
  • an electronic device in a third aspect of the present disclosure, includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit.
  • the instructions when executed by at least one processing unit, cause the device to perform the method of the first aspect.
  • a computer-readable storage medium is provided.
  • the computer program is stored on the medium, and when the program is executed by the processor, the method of the first aspect is implemented.
  • FIG. 1 illustrates a schematic diagram of an example environment in which embodiments of the present disclosure can be implemented
  • FIG. 2 illustrates a flowchart of a process for page interaction in accordance with some embodiments of the present disclosure
  • 3A to 3E illustrate schematic diagrams of interactive examples of page switching according to some embodiments of the present disclosure
  • FIG. 4A-4D illustrate providing login in a page in accordance with some embodiments of the present disclosure.
  • Figure 5 illustrates a flowchart of a process of rendering a page in accordance with some embodiments of the present disclosure.
  • FIGS. 6A to 6F illustrate schematic diagrams of examples of content container sliding according to some embodiments of the present disclosure
  • FIGS. 7A to 7C illustrate schematic diagrams of examples of providing message reminders in pages according to some embodiments of the present disclosure
  • FIG. 8A to 8C illustrate schematic diagrams of interactive examples of exiting from the second page according to some embodiments of the present disclosure
  • Figure 8D shows a schematic diagram of page exit guidance according to some embodiments of the present disclosure
  • FIGS. 9A to 9D illustrate schematic diagrams of interaction examples of message pop-ups according to some embodiments of the present disclosure
  • Figure 10 shows a block diagram of an apparatus for page interaction according to some embodiments of the present disclosure.
  • Figure 11 illustrates a block diagram of a device capable of implementing various embodiments of the present disclosure.
  • FIG. 1 shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented.
  • an application 120 is installed in the terminal device 110.
  • user 140 may interact with the application 120 via the terminal device 110 and/or a device attached to the terminal device 110 .
  • the application 120 may be a content sharing application capable of providing users 140 with services related to multimedia content consumption, including browsing, commenting, forwarding, creation (eg, shooting and/or editing), publishing, etc. of multimedia content.
  • multimedia content can be various forms of content, including video, audio, images, image collections, text, and so on.
  • the terminal device 110 may present the page 150 of the application 120 to the user 140 .
  • the page 150 may include various types of pages that the application 120 can provide, such as a multimedia content presentation page, a content creation page, a content editing page, a message page, a personal page, a mall page, and so on.
  • the terminal device 110 communicates with the server 130 to implement provision of services for the application 120 .
  • the terminal device 110 may be any type of mobile terminal, fixed terminal or portable terminal, including mobile phone, desktop computer, laptop computer, notebook computer, netbook computer, tablet computer, media computer, multimedia tablet, personal communication system (PCS) device, personal navigation device, personal digital assistant (PDA), audio/video player, digital camera/camcorder, positioning device, television receiver, radio receiver, e-book device, gaming device, or any combination of the foregoing, Includes accessories and peripherals for these devices or any combination thereof.
  • the terminal device 110 is also capable of supporting any type of user-directed interface (such as "wearable" circuitry, etc.).
  • Server 130 is various types of computing systems/servers capable of providing computing capabilities, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, and the like.
  • Embodiments of the present disclosure propose a solution for page interaction.
  • non-click gestures are used to conveniently switch to a specific page. Since non-click gestures may also be used for other page interaction operations, in embodiments of the present disclosure, it is proposed to utilize the type of specific interaction gestures and support switching to a specific page through non-click gestures in a specific page. This not only supports convenient and fast switching and access to specific pages, but also minimizes the impact on other interactive operations.
  • FIG. 2 illustrates a flow diagram of a process 200 for page interaction in accordance with some embodiments of the present disclosure.
  • Process 200 may be implemented at terminal device 110.
  • process 200 will be described with reference to environment 100 of FIG. 1 .
  • the terminal device 110 presents a predetermined icon at a predetermined position in the first page, the predetermined icon being configured for accessing the second page.
  • the page may be a page of an application, such as a page of application 120 .
  • the page may also be a non-application page, such as a web page, etc.
  • a predetermined icon is arranged in a certain page, and the predetermined icon is configured to access another page.
  • the page presenting the predetermined icon is called the "first page”, which can be any appropriate page
  • the page corresponding to the predetermined icon is called the "second page”, which can also be any appropriate page. page.
  • the second page is different from the first page.
  • the first page and the second page may include pages in a multimedia sharing application. In some examples, the first page and the second page may include pages in a video sharing application. In some examples, the first page may include a video presentation page. In some examples, the second page may include a non-video presentation page or another video presentation page.
  • the presentation position of the predetermined icon in the first page can be set according to layout requirements. For different pages, the presentation positions of the predetermined icons may be the same or different, and the present disclosure is not limited in this regard.
  • the predetermined icon can be configured to be used to access any other page icon.
  • the predetermined icon may be a message icon, which corresponds to a message page capable of providing message interaction functions.
  • the predetermined icon may be configured to access any other page, such as a multimedia content presentation page (eg, a video presentation page), a content creation page, a content editing page, a personal page, a mall page Face, personal page, etc.
  • a message icon in a video sharing application is taken as an example, but it should be understood that the embodiments of the present disclosure are also applicable to other applications and other types of icons.
  • FIG. 3A illustrates an example page 300 in application 120 with the presentation of predetermined icons.
  • application 120 is shown as a video sharing application
  • page 300 includes a video rendering page.
  • the predetermined message icon 310 is presented at the upper left position of the page 300, such as the upper left corner.
  • the predetermined icon may also be arranged in other positions, such as the upper right position (eg, the upper right corner), the lower left position (eg, the lower left corner), or the lower right position (eg, the lower right corner) of the page, and so on.
  • the first page may be laid out with one or more navigation labels.
  • Navigation labels are usually used to facilitate users to switch and access certain pages more quickly.
  • the application 120 deploys pages corresponding to navigation tags according to a certain page navigation structure.
  • the page navigation structure may have a hierarchical structure, including multiple levels, each level having one or more navigation tags, and one or more navigation tags at one level may also be connected to one or more navigation tags at the next level. .
  • the page navigation structure has two levels, the first level includes the navigation tags presented in the navigation tab bar 320 , and the second level includes the navigation tags presented in the navigation tab bar 330 .
  • the navigation tab bar 320 of the page 300 is placed at the lower part of the page 300, also called the "lower navigation tab bar”.
  • a set of navigation tabs is presented in the navigation tab bar 320, including navigation tabs 322-1, 322-2, 322-3, and 322-4 (for ease of discussion, collectively or individually referred to as navigation tabs 322 herein).
  • Navigation label 322-1 has the characters "Home”, indicating that the navigation label corresponds to the home page of application 120;
  • navigation label 322-2 has the characters "Friends”, indicating that the navigation label corresponds to the friend content page of application 120;
  • navigation label 322- 3 has the characters “mall”, indicating that the navigation label corresponds to the shopping page of the application 120;
  • navigation label 322-4 has the characters "I”, indicating that the navigation label corresponds to the user's personal page.
  • the navigation tags of the second level will be presented in the navigation tag bar 330 .
  • the first-level navigation tag 322-1 "Home" is selected, correspondingly, multiple navigation tags at the second level to which the navigation tag 332-1 is connected are presented in the navigation in tab bar 330.
  • one or more navigation tags in the first level may not be connected to one or more navigation tags in the second level.
  • Navigation tab bar 330 is placed at the upper part of page 300, also referred to as the "upper navigation tab bar”.
  • Navigation tabs 332-1, 332-2, and 332-3 (for ease of discussion, collectively or individually referred to as navigation tabs 332 herein) are presented in the navigation tab bar.
  • These navigation tags are navigation tags corresponding to the navigation tag 322-1 at the upper level.
  • the navigation tag 332-1 has the characters "recommend”, indicating a recommended content page, where the recommended content of the application 120 can be presented;
  • the navigation tag 332-2 has the characters "follow”, indicating a following content page, where the content of the followed user can be presented ;
  • the navigation tag 332-3 has the characters "same city”, indicating a predetermined area (for example, a certain city) content page.
  • navigation tab bar 330 may additionally or alternatively include navigation tabs corresponding to friend content pages.
  • the first-level navigation tag 322-2 "Friends" in the navigation tag bar 320 may be arranged with the second-level navigation tag under "Home”.
  • the navigation tab bar 330 may also include more navigation tabs, but these navigation tabs are not explicitly shown in the page 300 .
  • more navigation tabs in the navigation tab bar 330 may be displayed by sliding left or right.
  • the presentation positions of the first-level navigation tab bar (eg, navigation tab bar 320) and the second-level navigation tab bar (eg, navigation tab bar 330) in the page may be interchanged up and down, or may be are presented on the left and right sides of the page respectively. This is not limited in embodiments of the present disclosure.
  • the user can access corresponding pages by selecting these navigation tabs in the navigation tab bars 320 and 330 .
  • the currently shown page 300 may be displayed, in which "Home” is presented in the application 120 "Recommended” page content under "Home Page”.
  • a default navigation label e.g., the navigation labels "Home” and “Push” may be selected without user selection, such as when the user activates the application 120 "Recommended" to display the default page (for example, the homepage recommendation page).
  • page 300 of FIG. 3A and the pages in other figures to be described below are only example pages, and various page designs may actually exist.
  • the various graphical elements in the page may have different arrangements and different visual representations, one or more elements may be omitted or replaced, and one or more other elements may also be present. Embodiments of the present disclosure are not limited in this regard.
  • the terminal device 110 detects a non-click gesture on the first page.
  • the user may access the second page corresponding to the predetermined icon.
  • the navigation label may be placed in a position on the first page that is more convenient for users to click or select, and the predetermined icon may be placed at a relatively edge position.
  • predetermined icons are usually smaller in size and relatively difficult to select by clicking. Therefore, in order to facilitate quick access to the second page, a method of entering the second page through a non-click gesture is proposed in this disclosure, because the non-click gesture is generally more convenient for users to operate in various areas of the screen under various circumstances. .
  • the terminal device 110 determines whether the non-click gesture corresponds to the selection of the predetermined icon based on the type of the non-click gesture and the corresponding position of the first page in the page navigation structure. If it is determined that the non-click gesture corresponds to the selection of the predetermined icon, in block 250, the terminal device 110 switches from the first page to the second page.
  • Non-click gestures include various interaction gestures used to control page interaction other than click gestures.
  • An example of a non-click gesture may include a swipe gesture.
  • Non-click gestures can also include other interactive operations besides gestures, such as eye movement interactive operations, facial gesture interactive operations, and so on.
  • Non-click gestures generally do not require precise positioning and clicking of a specific icon or location, so they are more convenient to operate.
  • non-click gestures Due to the convenience of non-click gestures, they are usually used in many page interaction scenarios. In order to better distinguish access to the second page, in embodiments of the present disclosure, it is proposed to determine the currently detected non-click based on the type of the non-click gesture and the corresponding position of the first page in the page navigation structure. Whether the gesture is a selection corresponding to a predetermined icon. In particular, when a specific type of non-click gesture is detected in a specific page, it is determined that the current non-click gesture corresponds to the selection of a predetermined icon.
  • non-click gestures can be used to indicate different interactions.
  • the type of non-click gesture can be distinguished by the direction of the sliding.
  • the types of sliding gestures may include left sliding gestures, right sliding gestures, upward sliding gestures, downward sliding gestures, or sliding gestures with other specific trajectories.
  • one or more types of swipe gestures may be used to indicate selection of a predetermined icon.
  • a specific type of non-click gesture may also be set to indicate selection of a predetermined icon.
  • the terminal device 110 may determine whether the first page is configured by a target navigation tag in the first level of the page navigation structure (sometimes referred to as "first target navigation" for ease of discussion). label”) and another target navigation label in the second level (sometimes referred to as the "second target navigation label” for ease of discussion), and also determine whether the swipe gesture is a predetermined type of non-click gesture.
  • first target navigation for ease of discussion
  • second target navigation label another target navigation label in the second level
  • a sliding gesture in a predetermined direction in a specific page may be set to correspond to the selection of a predetermined icon.
  • a right swipe gesture may be set to correspond to selection of a predetermined icon. Therefore, the sliding gesture in the predetermined direction is a right sliding gesture.
  • a left swipe gesture on a particular page may be set to correspond to selection of a predetermined icon. Therefore, the sliding gesture in the predetermined direction is a left sliding gesture.
  • the upward sliding gesture and/or the downward sliding gesture, or other types of non-click gestures on a specific page can also be set to correspond to the selection of the predetermined icon.
  • a right sliding gesture is used as an example interaction gesture for selection of a predetermined icon, but it should be understood that embodiments of the present disclosure are also applicable to other types of interaction gestures.
  • non-click gesture when a certain type of non-click gesture is detected on a specific page, gesture, it is determined that the non-click gesture corresponds to the selection of the predetermined icon.
  • target navigation tags specific navigation tags
  • the second level includes multiple navigation tags. These navigation tags can be arranged side by side in a row, for example, in the navigation tag bar of the first page. Presented side by side.
  • the second target navigation tab for locating the first page in the second level may include the leftmost or rightmost navigation tab arranged in the plurality of navigation tab bars.
  • the leftmost navigation label and the rightmost navigation label may be simultaneously set as navigation labels in the second level for locating the first page. That is to say, there may be two navigation labels in the second level for locating different pages, and in these pages, predetermined types of non-click gestures correspond to the selection of predetermined icons.
  • the first target navigation tag in the first level for locating the first page may include a navigation tag for locating a set of pages corresponding to the homepage.
  • the navigation label 322-1 "Home Page” can be set as the target navigation label in the first level, which locates multiple navigation labels in the second level corresponding to the home page, that is, arranged in parallel. and a plurality of navigation tabs 332 presented in the navigation tab bar 330 .
  • the predetermined type of non-click gesture corresponds to the selection of the message icon 310 in the page located by the rightmost navigation tab 332-1 "Recommendations" and/or the leftmost navigation tab 332-3.
  • the terminal device 110 may also determine whether the non-click gesture corresponds to other predefined interactions and perform corresponding operations. If the non-click gesture does not correspond to any predefined interaction, no response may be performed.
  • Figure 3B shows that swipe gesture 340 is detected on page 300.
  • the type of the sliding gesture 340 is a right sliding gesture
  • the page 300 is composed of the navigation label 322-1 "Home" of the first level and the rightmost navigation label of the second level.
  • 332-1 "recommends” the positioned page (sometimes called a "home page recommendation” page), so it can be determined that the sliding gesture 340 corresponds to the selection of the message icon 310.
  • the application 120 switches from the current page 300 to the message page 301 as shown in FIG. 3C. In other words, in the "Home Page Recommendations" page on the far right, you can quickly switch to Switch to the message page.
  • the message page 301 provides the function of message interaction.
  • message page 301 may include message conversation area 350, in which message conversations with one or more users are presented, and/or other message notifications.
  • message page 301 also presents a search box 352, which provides search functionality.
  • the message page 301 also provides an exit icon 354, and selecting or clicking the exit icon 354 can close the message page 301.
  • FIG. 3C only shows an example layout of a message page. According to actual needs, any layout design can be made for the message page.
  • the leftmost navigation In the page 302 located with the label 332-3 "local city” (sometimes called the "home page local city” page)
  • a right sliding gesture 342 it can also be determined that the sliding gesture 342 corresponds to the selection of the message icon 310.
  • the current page 302 is switched to the message page 301 shown in FIG. 3C.
  • the non-click gesture when a predetermined type of non-click gesture is detected in a specific area of a specific page, the non-click gesture is determined to correspond to the selection of a predetermined icon. For example, if the right sliding gesture is used to indicate the selection of a predetermined icon, then if the right sliding gesture is detected in the left area of the first page, such as the left 1/2 area or the left 1/3 area , it can be determined that the sliding gesture corresponds to the selection of the predetermined icon. Of course, any other area may also be set, or the detected sliding gesture in a specific direction in the entire page may be determined as corresponding to the selection of the predetermined icon.
  • the corresponding second page in addition to using a non-click gesture, can also be entered additionally through a click gesture on a predetermined icon. As shown in FIG. 3E , if a click gesture on the message icon 310 in the upper left corner is detected in the page 300 , the application 120 may switch from the current page 300 to the message page 301 shown in FIG. 3C . In addition to the page 300, in any other page where the message icon 310 is presented, the corresponding message page can also be entered by clicking on the message icon 310.
  • the non-click gesture can correspond to the page corresponding to the multiple navigation labels of the second level. switch. For example, if a right sliding gesture is detected in the page corresponding to the navigation label 322-1 "Home” and the navigation label 332-2 "Follow", the page can be switched to the page corresponding to the navigation label 332-3 "City".
  • some interactive functions may be provided after the user logs in to the application 120 . Therefore, in some embodiments, if the predetermined icon is a non-login icon, the presentation of the predetermined icon and the page switching method through a non-click gesture on a specific page may be provided when the user is logged in. Specifically, the terminal device 110 may determine whether the user has logged in to the application 120, and if it is determined that the user has logged in to the application 120, present a predetermined icon (ie, a non-login icon) at a predetermined position in the first page. In some embodiments, the non-login icon may be configured to access other pages in addition to the login page.
  • a login icon may be presented in the same predetermined location in the first page. As shown in Figure 4A, in page 300, a login icon 410 is presented in the upper left corner instead of the message icon 310 as shown in the example of Figure 3A. The selection of the login icon can enter the user's login page.
  • selection of the login icon may be provided in a similar manner to interactive gestures for non-login icons. Specifically, it may be supported to indicate the selection of the login icon through a specific type of non-click gesture in a specific page, thereby entering the login page. In this way, when the user is not logged into the application, if the terminal device 110 detects a non-click gesture on the first page, the non-click gesture can be determined based on the type of the non-click gesture and the corresponding position of the first page in the page navigation structure. Corresponds to the selection of the login icon. In the case where the user is not logged into the application, the same type of non-click gesture on the same page can be used to indicate selection of the login icon. If it is determined that the detected non-click gesture corresponds to the selection of the login icon, the terminal device 110 may switch from the current first page to the login page.
  • Application 120 may switch from page 300 to login page 401 as shown in Figure 4B. Users can enter login information on the login page 401, such as username and Password to log into application 120.
  • the user in addition to the click gesture, may also be allowed to enter the login page by clicking on the login icon. As shown in FIG. 4D , if the user's clicking gesture on the login icon 410 is detected in the page 300 , the application 120 may also switch from the page 300 to the login page 401 as shown in FIG. 4B .
  • the first page can continue to be presented, and a predetermined non-login icon can be presented at a predetermined position in the first page to facilitate the user to access the corresponding second page.
  • this when switching from the first page to the second page, in order to present the content of the second page, this can be achieved by sliding the content container.
  • Content containers are used to hold content to be displayed.
  • a page In a hierarchical page navigation structure, if a page is positioned by two levels of navigation tags, you can set the content container corresponding to each level.
  • the content container corresponding to the first level (called the “outer content container”) is used to slide between pages in the first level that can be slid to switch. If a navigation tag in the first level locates multiple pages, then the corresponding content container in the second level (called the “inner content container”) slides within the multiple pages under this navigation tag.
  • the outer content container can slide between the second page, the first page and the personal page to accommodate the content of different pages.
  • FIG. 5 illustrates a flow diagram of a process 500 of rendering a page in accordance with some embodiments of the present disclosure.
  • Process 500 may be implemented at terminal device 110.
  • the terminal device 110 determines whether the first target navigation tag and the second target Whether a predetermined type of non-click gesture is detected on the first page positioned by the navigation tag. For example, the terminal device 110 determines whether a right sliding gesture is detected on the "Home Page Recommendations" page 300 .
  • FIG. 6A shows a schematic structural diagram of the presentation of pages in the application 120 by inner and outer content containers.
  • the outer content container slides to the page located by the first-level navigation label “Home”, and the inner content container slides to the page 611 located by the second-level navigation label “Recommendations”.
  • Application 120 renders the content rendered by these two content containers, namely the content of page 611.
  • the terminal device 110 may periodically or continuously perform detection of the specific page and the non-click gesture.
  • entering a second page through a specific type of non-click gesture on a specific page may be supported in certain versions of the application 120 or in certain modes, and in other versions or other modes of the non-click gesture.
  • entering a second page through a specific type of non-click gesture on a specific page may be supported in certain versions of the application 120 or in certain modes, and in other versions or other modes of the non-click gesture.
  • the terminal device 110 determines whether the application 120 supports the non-click gesture to enter the second page.
  • the terminal device 110 intercepts the sliding of the inner content container to prevent the inner content container from moving between the navigation tags of the second level. Then, at block 540, the terminal device 110 slides the outer content container from the first page to the second page to accommodate the content of the second page. At block 550, the terminal device 110 renders the content contained in the outer content container.
  • Figure 6B shows an example of the outer content container sliding process.
  • a predetermined type of non-click gesture is detected on page 611, which corresponds to the selection of a message icon.
  • the outer content container slides to the left from the page 611 to the intermediate process of the message page 620 corresponding to the message icon.
  • FIG. 6C shows an example after the outer content container slides to the message page 620. At this point, the content of the message page 620 contained in the outer content container may be rendered.
  • the outer content container may slide right to the first page.
  • a page in the other direction in the hierarchy such as personal page 630, to accommodate the content of that page.
  • the first page that supports the left sliding gesture to enter the personal page 630 may include the rightmost navigation label in the second level, for example, the rightmost navigation label "Recommendation" among the multiple second-level navigation labels in FIG. 6A ".
  • the terminal device 110 slides the inner content container from the first page to the page located by the next navigation tag. .
  • FIG. 6D shows that in the case where non-click gestures are not supported to enter the message page, the message page 620 will not exist in the architecture of the outer content container sliding.
  • the current first page is page 611 positioned between the first-level navigation label "Home" and the second-level navigation label "Recommendation".
  • a specific type of non-click gesture eg, a right swipe gesture
  • the inner content container slides left to the page 612 positioned by the navigation label "Follow”, as shown in Figure 6E.
  • the content of page 612 may be rendered.
  • a specific type of non-click gesture such as a right swipe gesture
  • the inner content container can continue to slide left to the page 613 positioned by the navigation label "Same City", as shown in Figure 6F.
  • reminders for new/unread messages can be provided on the current page.
  • a message icon is presented on the first page, upon detecting an incoming message, a message reminder may be presented on the first page.
  • Message reminders can come in many forms.
  • the message reminder method may be related to the source of the message, especially the source of the latest message.
  • the message icon may be transformed into a first message reminder mark, and when the message is a non-friend message, a second message reminder mark may be presented in association with the message icon.
  • the second message reminder mark is different from the first message reminder mark, so that friend messages and non-friend messages can be distinguished.
  • the first message reminder mark may be associated with the user who sent the friend message, for example, may be transformed to display an avatar icon or other identification of the user who sent the friend message.
  • Figure 7A shows such a message reminder.
  • the message icon 310 originally presented in the upper left corner of the page 300 is transformed into a first message reminder mark 712, which corresponds to the friend's avatar icon for sending friend messages.
  • users can notice new messages from friends more quickly, and can learn which friend the message comes from without entering the detailed message page. This can make it easier for users to check messages and improve the interactive experience.
  • a second message reminder mark may be superimposed on the message icon.
  • the second message reminder mark may include a small red dot or a numerical red dot indicating the number of messages to be reminded (ie, a number plus a small red dot).
  • FIG. 7B shows that a small red dot 714 is superimposed on the message icon 310 of the page 300 as a message reminder mark
  • FIG. 7C shows that a digital red dot 716 is superimposed on the message icon 310 of the page 300 as a message reminder mark. This flag can indicate the number of unread messages.
  • the message reminder mark may no longer be presented.
  • message reminders may be downgraded.
  • the first message reminder mark associated with a friend has a significant reminder effect on messages, and causes relatively greater interference to the user than ordinary small red dots and digital red dots. Compared with ordinary small red dots, digital red dots are more disturbing to users.
  • the currently presented message reminder mark may be downgraded to another message reminder mark that is less intrusive. For example, the deformed first message reminder mark can be downgraded to a digital red dot or a small red dot, the digital red dot can be downgraded to a small red dot, and so on.
  • the reminder degradation policy may be related to the presentation time of the message reminder mark, the number of unread messages, the user's interaction status, and so on. Embodiments of the present disclosure are not limited in this regard.
  • one or more interactive methods may be provided to allow the user to exit the second page. If the interaction gesture detected on the second page corresponds to the exit of the second page (for example, corresponds to the selection of the exit icon on the second page), it is possible to switch from the second page to the first page, that is, to enter the second page. The page before the page.
  • the interactive gesture corresponding to the exit of the second page may include an The click gesture of the exit icon on the second page.
  • the interaction gesture corresponding to the exit of the second page may include another predetermined type of non-click gesture, such as a sliding gesture in a predetermined direction.
  • the predetermined type of non-click gesture used to exit the second page may be different from the predetermined type of non-click gesture used to enter the second page.
  • the direction of the sliding gesture for exiting the second page may be different from the direction of the sliding gesture for entering the second page.
  • the sliding gesture for entering the second page is a right sliding gesture
  • the sliding gesture for exiting the second page may be a left sliding gesture, or other sliding gestures, such as an upward or downward sliding gesture.
  • the type of non-click gesture used to exit the second page can also be set to be the same as the type of non-click gesture used to enter the second page, for example, both can be right sliding gestures.
  • the message page 301 can be Switch to the first page 300 as shown in Figure 8C.
  • the outer content container slides from the message page 620 to the previous page 611 .
  • the non-click gesture when a predetermined type of non-click gesture is detected in a predetermined area of the second page, the non-click gesture is determined to correspond to the exit of the second page. For example, if the left swipe gesture is used to exit the second page, then when the left swipe gesture is detected in the right area of the first page, such as the right 1/2 area or the right 1/3 area, It can be determined that the sliding gesture corresponds to exiting the second page. Of course, any other area may also be set, or the detected predetermined type of non-click gesture in the entire second page may be determined to correspond to the exit of the second page.
  • a guidance mask layer can be overlaid on the second page, and the guidance mask layer
  • the exit boot information is displayed on the screen to exit the boot
  • the information indicates an interactive gesture of exit from the second page.
  • the exit boot information may include an exit boot animation to better demonstrate the exit method.
  • the exit guidance information may additionally or alternatively include text, images, and/or any other form of guidance.
  • a guidance mask layer 840 is superimposed on the message page 301, which includes exit guidance information 842 to indicate that the message page can be exited by swiping left.
  • the exit guidance information 842 may also indicate that the message page can also be exited by clicking the exit icon in the upper right corner.
  • a message reminder pop-up window may also be presented within the application 120 or outside the application 120 (for example, the application 120 is not currently activated).
  • FIG. 9A shows a message reminder pop-up window 910 presented on the first page 300 of the application 120. If the user selects the message pop-up window through a clicking gesture, for example, the page is directly switched to the message session page 901 as shown in Figure 9B. The user can conveniently conduct a conversation in the message conversation page 901.
  • an interaction gesture indicating exit from the message session page is detected, such as user selection of back icon 920 in message session page 901 of FIG. 9B , then switching from the message session page to the message page may be performed, e.g. Switch from the message conversation page 901 to the message page 301 as shown in Figure 9C.
  • you continue to exit from the message page in this case, you can switch to the first page where the message reminder pop-up window was previously presented.
  • a message conversation page corresponding to the message may also be presented. For example, as shown in FIG. 9D , if a message from the application 120 is received but the page of the application 120 is not currently presented, the message reminder pop-up window 912 may be presented on the page 903 outside the application 120 of the terminal device 110 . If the selection of the message reminder pop-up window 912 is detected, the page can be switched to the message session page 901 as shown in Figure 9B.
  • an interaction gesture indicating an exit from the message session page continues to be detected in the message session page, it is possible to switch from the message session page to the message page. In some embodiments, if you continue to exit from the message page in this case, you can switch to the default page of the application 120, such as the "Home Page Recommendations" page. Of course, the scope of the present disclosure is not limited in this regard.
  • FIG. 10 shows a schematic structural block diagram of an apparatus 1000 for page interaction according to certain embodiments of the present disclosure.
  • the apparatus 1000 may be implemented as or included in a terminal device 110 .
  • Each module/component in the device 1000 may be implemented by hardware, software, firmware, or any combination thereof.
  • the apparatus 1000 includes an icon presentation module 1010 configured to present a predetermined icon at a predetermined position in a first page, the predetermined icon being configured to access a second page.
  • the apparatus 1000 further includes a gesture detection module 1020 configured to detect a non-click gesture on the first page, and an icon selection determination module 1030 configured to, in the event that the non-click gesture is detected, determine based on the type of the non-click gesture and the first page. The corresponding position of a page in the page navigation structure determines whether the non-click gesture corresponds to the selection of a predetermined icon.
  • the apparatus 1000 further includes a page rendering module 1040 configured to switch from the first page to the second page if it is determined that the non-click gesture corresponds to selection of the predetermined icon.
  • the first page and the second page include pages in a multimedia sharing application. In some examples, the first page and the second page include pages in a video sharing application. In some examples, the first page includes a video rendering page. In some examples, the second page includes a non-video rendered page or another video rendered page.
  • the icon selection determination module 1030 is configured to: if it is determined that the first page is located by a first target navigation tag in a first level of the page navigation structure and a second target navigation tag in a second level, determine that the non- Whether the click gesture is a predetermined type of non-click gesture; if it is determined that the non-click gesture is a predetermined type of non-click gesture, it is determined that the non-click gesture corresponds to the selection of the predetermined icon.
  • the second level includes a plurality of navigation labels arranged in parallel in a row, and the second target navigation label is arranged at the rightmost or leftmost side of the plurality of navigation labels.
  • the predetermined type of non-click gesture includes a swipe right gesture or a swipe gesture to the right. Left swipe gesture.
  • the first target navigation tag is used to locate a set of pages corresponding to the homepage, and the set of pages includes at least the first page.
  • individual pages in a set of pages are further positioned by individual navigation tabs in the second hierarchy.
  • the page switching module includes: a container sliding module configured to slide the content container corresponding to the first level from the first page to the second page to accommodate the content of the second page; and a container content presentation module, Configured to render content contained in a content container.
  • the first level includes at least one of the following navigation tags: a navigation tag corresponding to the home page, a navigation tag corresponding to the shopping page, and a navigation tag corresponding to the friend content page.
  • the second level includes at least one of the following navigation tags: a navigation tag corresponding to a recommended content page, a navigation tag corresponding to a friend content page, a navigation tag corresponding to a followed content page, and a navigation tag corresponding to a predetermined area content page. Navigation label.
  • the navigation tags in the first level are presented in one of the lower or upper portions of the first page, and the navigation tags in the second level are presented in the other one of the lower or upper portions of the first page. at.
  • the predetermined position includes an upper left position, an upper right position, a lower left position or a lower right position of the first page.
  • the predetermined icon includes a message icon corresponding to the message page.
  • the apparatus 1000 further includes: a message detection module configured to detect a message; and a reminder presentation module configured to present a message reminder on the first page if a message is detected.
  • the reminder presentation module includes: a first presentation module configured to transform the message icon into a first message reminder mark when it is determined that the message is a friend message from the logged-in user; and a second presentation module , configured to present a second message reminder mark in association with the message icon if it is determined that the message is a non-friend message.
  • the first message reminder tag is associated with the user who sent the friend message.
  • the reminder presentation module includes: a third presentation module configured to present a third message reminder mark on the first page; and a fourth presentation module configured to determine that the presentation of the third message reminder mark satisfies In the case of reminding the downgrade policy, the third message reminder mark is changed to the fourth message reminder mark.
  • the apparatus 1000 further includes: a message interaction detection module configured to detect an interaction gesture on the second page; and a message switching module configured to detect that the interaction gesture corresponds to the exit of the second page. Click to switch from the second page to the first page.
  • the message switching module includes: a click- or slide-based switching module configured to detect that the interaction gesture includes another predetermined type of non-click gesture or a click gesture on the exit icon on the second page. In this case, switch from the second page to the first page.
  • the other predetermined type is different from the type of non-click gesture used to switch from the first page to the second page.
  • another predetermined type of non-click gesture includes a non-click gesture detected in a predetermined area of the second page.
  • the apparatus 1000 further includes: a mask overlay module configured to overlay a guidance mask layer on the second page when it is determined that the second page is presented for the first time; and a guidance presentation module configured to Exit guidance information is presented on the guidance mask layer, and the exit guidance information indicates an interactive gesture of exiting from the second page.
  • the predetermined icon includes a non-login icon.
  • the icon presentation module includes: a login determination module configured to determine whether a logged-in user exists; and a login-based icon presentation module configured to, if it is determined that a logged-in user exists, on the first page The reservation icon appears at the reservation location in .
  • the device 1000 further includes: a login icon presentation module configured to present a login icon at a predetermined position in the first page if it is determined that there is no logged-in user; a login selection determination module configured as In the case where a non-click gesture is detected on the first page, determining whether the non-click gesture corresponds to the selection of the login icon based on the type of the non-click gesture and the corresponding position of the first page in the page navigation structure; and logging in The log switching module is configured to switch from the first page to the login page when it is determined that the non-click gesture corresponds to the selection of the login icon.
  • the reminder presentation module includes: a pop-up window presentation module configured to present a message reminder pop-up window on the first page.
  • the predetermined icon includes a message icon corresponding to the message page.
  • the device 1000 further includes: a first session page switching module configured to switch from the first page to a message session page corresponding to the message when selection of the message reminder pop-up window is detected; and A session exit module configured to switch from the message session page to the message page upon detecting an interaction gesture indicating exit from the message session page.
  • the device 1000 further includes: a second session page switching module configured to switch from the page to the message reminder pop-up window when a selection of the message reminder pop-up window is detected in a page outside the application. the corresponding message session page; and the second session exit module configured to switch from the message session page to the message page if an interaction gesture indicating exit from the message session page is detected.
  • a second session page switching module configured to switch from the page to the message reminder pop-up window when a selection of the message reminder pop-up window is detected in a page outside the application. the corresponding message session page
  • the second session exit module configured to switch from the message session page to the message page if an interaction gesture indicating exit from the message session page is detected.
  • Figure 11 shows a block diagram illustrating a computing device 1100 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the computing device 1100 shown in FIG. 11 is merely exemplary and should not constitute any limitation on the functionality and scope of the embodiments described herein. The computing device 1100 shown in FIG. 11 may be used to implement the terminal device 110 of FIG. 1 .
  • computing device 1100 is in the form of a general purpose computing device.
  • Components of computing device 1100 may include, but are not limited to, one or more processors or processing units 1110, memory 1120, storage devices 1130, one or more communication units 1140, one or more input devices 1150, and one or more output devices. 1160.
  • the processing unit 1110 may be a real or virtual processor and can perform various processes according to a program stored in the memory 1120 . In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to increase the parallel processing capability of computing device 1100 .
  • Computing device 1100 typically includes a plurality of computer storage media. Such media may be any available media accessible to computing device 1100, including but not limited to volatile volatile and non-volatile media, removable and non-removable media.
  • Memory 1120 may be volatile memory (e.g., registers, cache, random access memory (RAM)), nonvolatile memory (e.g., read only memory (ROM), electrically erasable programmable read only memory (EEPROM) , flash memory) or some combination thereof.
  • Storage device 1130 may be a removable or non-removable medium and may include machine-readable media such as a flash drive, a magnetic disk, or any other medium that may be capable of storing information and/or data (e.g., training data for training ) and can be accessed within computing device 1100.
  • machine-readable media such as a flash drive, a magnetic disk, or any other medium that may be capable of storing information and/or data (e.g., training data for training ) and can be accessed within computing device 1100.
  • Computing device 1100 may further include additional removable/non-removable, volatile/non-volatile storage media.
  • a disk drive may be provided for reading from or writing to a removable, non-volatile disk (eg, a "floppy disk") and for reading from or writing to a removable, non-volatile optical disk. Read or write to optical disc drives.
  • each drive may be connected to the bus (not shown) by one or more data media interfaces.
  • Memory 1120 may include a computer program product 1125 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.
  • the communication unit 1140 implements communication with other computing devices through communication media. Additionally, the functionality of the components of computing device 1100 may be implemented as a single computing cluster or as multiple computing machines capable of communicating over a communications connection. Accordingly, computing device 1100 may operate in a networked environment using logical connections to one or more other servers, networked personal computers (PCs), or another network node.
  • PCs networked personal computers
  • Input device 1150 may be one or more input devices, such as a mouse, keyboard, trackball, etc.
  • Output device 1160 may be one or more output devices, such as a display, speakers, printer, etc.
  • Computing device 1100 may also communicate via communication unit 1140 with one or more external devices (not shown), such as storage devices, display devices, etc., as needed, and with one or more devices that enable a user to interact with computing device 1100 Communicate with or with any device (eg, network card, modem, etc.) that enables computing device 1100 to communicate with one or more other computing devices. Such communication may be performed via an input/output (I/O) interface (not shown).
  • I/O input/output
  • a computer-readable storage medium The substance has computer-executable instructions stored thereon, wherein the computer-executable instructions are executed by the processor to implement the method described above.
  • a computer program product is also provided, the computer program product is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.
  • These computer-readable program instructions may be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing apparatus, thereby producing a machine such that, when executed by the processing unit of the computer or other programmable data processing apparatus, the computer-readable program instructions , resulting in an apparatus that implements the functions/actions specified in one or more blocks in the flowchart and/or block diagram.
  • These computer-readable program instructions can also be stored in a computer-readable storage medium. These instructions cause the computer, programmable data processing device and/or other equipment to work in a specific manner. Therefore, the computer-readable medium storing the instructions includes An article of manufacture that includes instructions that implement aspects of the functions/acts specified in one or more blocks of the flowcharts and/or block diagrams.
  • Computer-readable program instructions may be loaded onto a computer, other programmable data processing apparatus, or other equipment, causing a series of operating steps to be performed on the computer, other programmable data processing apparatus, or other equipment to produce a computer-implemented process, Thereby, instructions executed on a computer, other programmable data processing apparatus, or other equipment implement the functions/actions specified in one or more blocks of the flowcharts and/or block diagrams.
  • each block in the flowchart or block diagrams may represent a module, segment, or portion of instructions that contains one or more executable functions for implementing the specified logical functions instruction.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two consecutive boxes While they may actually be executed essentially in parallel, they may sometimes be executed in reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or acts. , or can be implemented using a combination of specialized hardware and computer instructions.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

根据本公开的实施例，提供了用于页面交互的方法、装置、设备和存储介质。该方法包括在第一页面中的预定位置呈现预定图标，预定图标被配置用于访问第二页面；检测第一页面上的非点击姿态；如果检测到非点击姿态，基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，确定非点击姿态是否对应于预定图标的选择；以及如果确定非点击姿态对应于预定图标的选择，从第一页面切换到第二页面。以此方式，可以支持对页面的方便、快捷切换和访问。

Description

用于页面交互的方法、装置、设备和存储介质
本申请要求2022年4月6日递交的，标题为“用于页面交互的方法、装置、设备和存储介质”、申请号为CN202210373675.5的中国发明专利申请的优先权。
技术领域
本公开的示例实施例总体涉及计算机领域，特别地涉及用于页面交互的方法、装置、设备和计算机可读存储介质。
背景技术
当前越来越多应用被设计来向用户提供各种服务。用户可以在应用上执行各种操作。例如，用户可以在内容共享类应用中创作和发布各类内容，包括诸如视频、图像、图像集、声音等多媒体内容。此外，用户还可以在应用中进行浏览、评论、转发、消息交互等各类操作。应用中的一些操作可能需要在特定页面中执行。对应用的一些页面，例如用户经常访问的页面的方便跳转是较为重要的。
发明内容
根据本公开的示例实施例，提供了一种用于页面交互的方案，以促进用户对特定页面的方便访问。
在本公开的第一方面，提供了一种页面交互的方法。该方法包括在第一页面中的预定位置呈现预定图标；检测第一页面上的非点击姿态；如果检测到非点击姿态，基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，确定非点击姿态是否对应于预定图标的选择；以及如果确定非点击姿态对应于预定图标的选择，从第一页面切换到第二页面。
在本公开的第二方面，提供了一种用于页面交互的装置。该装置包括图标呈现模块，被配置为在第一页面中的预定位置呈现预定图标；姿态检测模块，被配置为检测第一页面上的非点击姿态；图标选择确定模块，被配置为在检测到非点击姿态的情况下，基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，确定非点击姿态是否对应于预定图标的选择；以及页面呈现模块，被配置为在确定非点击姿态对应于预定图标的选择的情况下，从第一页面切换到第二页面。
在本公开的第三方面，提供了一种电子设备。该设备包括至少一个处理单元；以及至少一个存储器，至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。
在本公开的第四方面，提供了一种计算机可读存储介质。介质上存储有计算机程序，程序被处理器执行时实现第一方面的方法。
应当理解，本发明内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。
附图说明
结合附图并参考以下详细说明，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中，相同或相似的附图标记表示相同或相似的元素，其中：
图1示出了本公开的实施例能够在其中实现的示例环境的示意图；
图2示出了根据本公开的一些实施例的用于页面交互的过程的流程图；
图3A至图3E示出根据本公开的一些实施例的页面切换的交互示例的示意图；
图4A至图4D示出根据本公开的一些实施例的在页面中提供登 录图标的示例的示意图；
图5示出了根据本公开的一些实施例的呈现页面的过程的流程图
图6A至图6F示出根据本公开的一些实施例的内容容器滑动的示例的示意图；
图7A至图7C示出根据本公开的一些实施例的在页面中提供消息提醒的示例的示意图；
图8A至图8C示出根据本公开的一些实施例的从第二页面退出的交互示例的示意图；
图8D示出根据本公开的一些实施例的页面退出引导的示意图；
图9A至图9D示出根据本公开的一些实施例的消息弹窗的交互示例的示意图；
图10示出了根据本公开的一些实施例的用于页面交互的装置的框图；以及
图11示出了能够实施本公开的多个实施例的设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
在本公开的实施例的描述中，术语“包括”及其类似用语应当理解为开放性包含，即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。
图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。在该示例环境100中，终端设备110中安装有应用120。用户 140可以经由终端设备110和/或终端设备110的附接设备来与应用120进行交互。应用120可以是内容共享应用，能够向用户140提供与多媒体内容消费相关服务，包括多媒体内容的浏览、评论、转发、创作(例如，拍摄和/或编辑)、发布等等。在本文中，“多媒体内容”可以是多种形式的内容，包括视频、音频、图像、图像集、文本等等。
在图1的环境100中，如果应用120处于活动状态，终端设备110可以向用户140呈现应用120的页面150。页面150可以包括应用120所能提供的各类页面，诸如多媒体内容的呈现页面、内容创作页面、内容编辑页面、消息页面、个人页面、商城页面，等等。
在一些实施例中，终端设备110与服务器130通信，以实现对应用120的服务的供应。终端设备110可以是任意类型的移动终端、固定终端或便携式终端，包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、个人通信系统(PCS)设备、个人导航设备、个人数字助理(PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合，包括这些设备的配件和外设或者其任意组合。在一些实施例中，终端设备110也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。服务器130是能够提供计算能力的各种类型的计算系统/服务器，包括但不限于大型机、边缘计算节点、云环境中的计算设备，等等。
应当理解，仅出于示例性的目的描述环境100的结构和功能，而不暗示对于本公开的范围的任何限制。
在页面交互过程中，期望能够比较方便、快捷地进入提供特定功能的页面。本公开的实施例提出了一种用于页面交互的方案。在该方案中，利用非点击姿态来方便地切换到特定页面。由于非点击姿态还可能被用于其他页面交互操作，在本公开的实施例中，提出了利用特定交互姿态的类型以及在特定页面中支持通过非点击姿态切换到特定页面。由此，不仅可以支持对特定页面的方便、快捷切换和访问，而且尽可能少地影响对其他交互操作。
以下将继续参考附图描述本公开的一些示例实施例。
图2示出了根据本公开的一些实施例的用于页面交互的过程200的流程图。过程200可以在终端设备110处实现。为便于讨论，将参考图1的环境100来描述过程200。
在框210，终端设备110在第一页面中的预定位置呈现预定图标，预定图标被配置用于访问第二页面。
在一些实施例中，页面可以是应用的页面，例如应用120的页面。在其他实施例中，页面还可以是非应用页面，例如网页页面等。
在页面布局中，可以通过导航标签来快速定位和访问某个或某些页面。导航标签通常会占据一定尺寸，因此考虑到页面尺寸的限制以及为了方便用户选择，往往不能布局过多的导航标签用于对各个页面的访问。与导航标签相比，图标的布置需要占据的尺寸比较小，对于有些页面，可以选择图标作为访问入口。
在本公开的实施例，预定图标被布置在某个页面中，预定图标被配置用于访问另一个页面。在本文中，为便于讨论，将呈现预定图标的页面称为“第一页面”，其可以是任何适当页面，并且将预定图标对应的页面称为“第二页面”，其也可以是任何适当页面。第二页面与第一页面不同。
在一些实施例中，第一页面和第二页面可以包括多媒体共享应用中的页面。在一些示例中，第一页面和第二页面可以包括视频共享应用中的页面。在一些示例中，第一页面可以包括视频呈现页面。在一些示例中，第二页面可以包括非视频呈现页面或另一视频呈现页面。
预定图标在第一页面中的呈现位置(即“预定位置”)可以根据布局需要来设置。对于不同页面，预定图标的呈现位置可以相同或不同，本公开在此方面不受限制。预定图标可以被配置用于访问任何其他页面的图标。作为示例，预定图标可以是消息图标，其对应于能够提供消息交互功能的消息页面。在其他示例中，预定图标可以被配置用于访问任何其他页面，例如可以是多媒体内容的呈现页面(例如，视频呈现页面)、内容创作页面、内容编辑页面、个人页面、商城页 面等，个人页面等等。在下文和附图的示例中，出于讨论的目的，以视频共享应用中的消息图标为例进行说明，但应当理解，本公开的实施例也适用于其他应用和其他类型的图标。
图3A示出了应用120中具有预定图标的呈现的示例页面300。在该示例中，应用120被示出为视频共享应用，并且页面300包括视频呈现页面。预定的消息图标310被呈现在页面300的左上位置，例如左上角。
在其他示例中，预定图标还可以被布置在其他位置，例如页面的右上位置(例如，右上角)、左下位置(例如，左下角)、或右下位置(例如，右下角)，等等。
除预定图标之外，第一页面可能还布局有一个或多个导航标签。导航标签通常是为了方便用户更快速切换和访问某些页面。在一些实现中，应用120按照一定的页面导航结构来部署导航标签对应的页面。该页面导航结构可以具有层级结构，包括多个层级，每个层级具有一个或多个导航标签，并且一个层级的一个或多个导航标签还可以连接到下一个层级中的一个或多个导航标签。
在图3A的示例中，页面导航结构具有两个层级，第一层级包括在导航标签栏320中呈现的导航标签，第二层级包括在导航标签栏330中呈现的导航标签。
如图3A所示，页面300的导航标签栏320被放置在页面300的下部，也称为“下导航标签栏”。导航标签栏320中呈现一组导航标签，包括导航标签322-1、322-2、322-3和322-4(为便于讨论，在本文中统称为或单独称为导航标签322)。导航标签322-1具有字符“首页”，指示该导航标签对应于应用120的首页；导航标签322-2具有字符“朋友”，指示该导航标签对应于应用120的好友内容页面；导航标签322-3具有字符“商城”，指示该导航标签对应于应用120的购物页面；导航标签322-4具有字符“我”，指示该导航标签对应于用户的个人页面。
在选择导航标签栏320的某个导航标签后，如果该导航标签还连 接到第二个层级的一个或多个导航标签，那第二层级的导航标签将会被呈现在导航标签栏330中。在图3A示出的示例中，假设第一层级的导航标签322-1“首页”被选择，那么相应的，导航标签332-1所连接到的第二层级的多个导航标签被呈现在导航标签栏330中。当然，在一些实现中，第一层级的某个或某些导航标签可以不连接到第二层级中的一个或多个导航标签。
导航标签栏330被放置在页面300的上部，也称为“上导航标签栏”。该导航标签栏中呈现导航标签332-1、332-2和332-3(为便于讨论，在本文中统称为或单独称为导航标签332)。这些导航标签是在上一层级的导航标签322-1对应的导航标签。导航标签332-1具有字符“推荐”，指示推荐内容页面，其中可以呈现应用120的推荐内容；导航标签332-2具有字符“关注”，指示关注内容页面，其中可以呈现所关注的用户的内容；导航标签332-3具有字符“同城”，指示预定区域(例如，某个城市)内容页面。在一些实施例中，虽然图中为示出，但导航标签栏330还可以附加地或备选地包括对应于好友内容页面的导航标签。例如，导航标签栏320中的第一层级导航标签322-2“朋友”可以被布置为与“首页”下的第二层级导航标签。
应当理解，导航标签栏330还可以包括更多的导航标签，但这些导航标签在页面300中未被明确示出。例如，导航标签栏330中的更多导航标签可以通过左右滑动被显示。在一些实施例中，第一层级的导航标签栏(例如，导航标签栏320)和第二层级的导航标签栏(例如，导航标签栏330)在页面中的呈现位置可以上下互换，或者可以分别被呈现在页面的左右侧。这在本公开的实施例中不受限制。
用户通过选择导航标签栏320和330中的这些导航标签，可以访问对应的页面。例如，在第一层级的导航标签322-1“首页”被选择并且第二层级的导航标签332-1的导航标签“推荐”，可以显示当前示出的页面300，其中呈现在应用120的“首页”下的“推荐”页面内容。在一些实现中，在没有用户选择的情况下，例如在用户激活应用120时，可以选择默认的导航标签(例如，导航标签“首页”和“推 荐”)，以显示默认页面(例如，首页推荐页面)。
应当理解，图3A的页面300以及下文中将描述的其他附图中的页面仅仅是示例页面，实际可以存在各种页面设计。页面中的各个图形元素可以具有不同的布置和不同的视觉表示，其中的一个或多个元素可以省略或被替换，并且还可以存在一个或多个其他元素。本公开的实施例在此方面不受限制。
在框220，终端设备110检测第一页面上的非点击姿态。
在第一页面呈现有预定图标的情况下，用户可能会访问预定图标对应的第二页面。在一些情况下，导航标签可能会被布置在第一页面中比较方便用户点击或选择的位置，而预定图标可能会被放置在比较边缘位置。此外，预定图标的尺寸通常较小，相对而言也较难通过点击方式被选择。因此，为了方便对第二页面的快速访问，在本公开中提出了通过非点击姿态进入第二页面的方式，因为非点击姿态通常更方便用户在各种情况下在屏幕的各种区域进行操作。
如果检测到非点击姿态，在框240，终端设备110基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，确定非点击姿态是否对应于预定图标的选择。如果确定非点击姿态对应于预定图标的选择，在框250，终端设备110从第一页面切换到第二页面。
非点击姿态包括除点击姿态之外的用于控制页面交互的各种交互姿态。非点击姿态的一个示例可以包括滑动手势。非点击姿态还可以包括除手势之外的其他交互操作，例如眼动交互操作、面部姿态交互操作等等。非点击姿态通常不要求对特定图标或位置的准确定位和点击，因此操作更方便。
由于非点击姿态的方便性，通常会被使用在很多页面交互场景中。为了更好地区分出对第二页面的访问，在本公开的实施例中，提出了基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，来确定当前检测到的非点击姿态是否是对应于预定图标的选择。特别地，当在特定页面中检测到特定类型的非点击姿态时，确定当前的非点击姿态对应于预定图标的选择。
不同类型的非点击姿态可以用于指示不同的交互操作。在非点击姿态包括滑动手势的示例中，非点击姿态的类型可以按滑动的方向来区分。在一些实施例中，滑动手势的类型可以包括向左滑动手势、向右滑动手势、向上滑动手势、向下滑动手势，或者具有其他特定轨迹的滑动手势。在一些实施例中，可以将一个或多个滑动手势的类型用于指示预定图标的选择。在非点击姿态包括非滑动手势的其他姿态时，也可以设置特定类型的非点击姿态用于指示预定图标的选择。
具体地，如果在第一页面上检测到非点击姿态，终端设备110可以确定第一页面是否是由页面导航结构的第一层级中的目标导航标签(为便于讨论有时称为“第一目标导航标签”)以及第二层级中的另一目标导航标签(为便于讨论有时称为“第二目标导航标签”)定位，并且还确定滑动手势是否是预定类型的非点击姿态。
在一些实施例中，可以将在特定页面中在预定方向上的滑动手势设置为对应于预定图标的选择。在一个示例中，可以将向右滑动手势设置为对应于预定图标的选择。因此，预定方向上的滑动手势为向右滑动手势。一些实施例中，可以将在特定页面上的向左滑动手势设置为对应于预定图标的选择。因此，预定方向上的滑动手势为向左滑动手势。当然，也可以将在特定页面上的向上滑动手势和/或向下滑动手势、或者其他类型的非点击姿态设置为对应于预定图标的选择。在下文和附图的示例中，出于讨论的目的，将向右滑动手势作为预定图标的选择的示例交互姿态，但应当理解，本公开的实施例也适用于其他类型的交互姿态。
在一些实施例中，考虑到在使用过程中用户可能触发的交互姿态较多，而较方便用户操作的非点击姿态的类型较为有限，因此当在特定页面中检测到的某个类型的非点击姿态时，确定该非点击姿态对应于预定图标的选择。考虑到页面导航结构的层级关系，这样的页面可以由页面导航结构的各个层级的特定导航标签(称为“目标导航标签”)来定位。
在一些实施例中，如果第一层级中用于定位第一页面的第一目标 导航标签用于定位到第二层级中的多个导航标签，也就是说，第二层级包括多个导航标签，这些导航标签可以在一行中并行排列，例如可以在第一页面的导航标签栏中并排呈现。第二层级中用于定位第一页面的第二目标导航标签可以包括被排列在多个导航标签栏中最左侧或最右侧的导航标签。在一些实施例中，最左侧的导航标签和最右侧的导航标签可以同时被设置为第二层级中用于定位第一页面的导航标签。也就是说，第二层级中可以存在两个导航标签，用于定位不同的页面，在这些页面中预定类型的非点击姿态均对应于预定图标的选择。
在一些示例中，第一层级中用于定位第一页面的第一目标导航标签可以包括用于定位与首页对应的一组页面的导航标签。例如，在图3A的示例中，导航标签322-1“首页”可以被设置为第一层级中的目标导航标签，其定位与首页对应的第二层级中的多个导航标签，即被并行排列和呈现在导航标签栏330中的多个导航标签332。在一些实施例中，在最右侧的导航标签332-1“推荐”和/或最左侧的导航标签332-3定位的页面中，预定类型的非点击姿态对应于消息图标310的选择。
在一些实施例中，如果在框240确定非点击姿态不对应于预定图标的选择，终端设备110还可以确定非点击姿态是否对应于其他预定义的交互，并执行相应的操作。如果非点击姿态不对应于任何预定义的交互，可以不执行响应。
下文将结合附图示例来说明预定图标的选择和第二页面的切换。
图3B示出了在页面300检测到滑动手势340。在检测到该滑动手势340后，确定该滑动手势340的类型是向右滑动手势，并且页面300是由第一层级的导航标签322-1“首页”以及第二层级中最右侧的导航标签332-1“推荐”定位的页面(有时称为“首页推荐”页面)，因此可以确定滑动手势340对应于消息图标310的选择。相应地，应用120从当前页面300切换到如图3C所示的消息页面301。也就是说，在最右侧的“首页推荐”页面中，可以通过向右滑动手势快速切 换到消息页面。
消息页面301提供消息交互的功能。在图3C的示例中，消息页面301可以包括消息会话区350，其中呈现与一个或多个用户的消息会话，和/或其他消息通知。消息页面301还呈现有搜索框352，其提供搜索功能。此外，消息页面301还提供退出图标354，对退出图标354的选择或点击可以关闭消息页面301。应当理解，图3C仅示出了消息页面的示例布局。根据实际需要，可以对消息页面进行任何布局设计。
在一些实施例中，备选地或附加地，如图3D所示，在由第一层级的导航标签322-1“首页”定位的第二层级的多个导航标签中，最左侧的导航标签332-3“同城”定位的页面302(有时称为“首页同城”页面)中，如果检测到向右滑动手势342，也可以确定该滑动手势342对应于消息图标310的选择。相应地，从当前页面302切换到图3C所示的消息页面301。
在一些实施例中，可以设置在特定页面的特定区域中检测到预定类型的非点击姿态时，将该非点击姿态确定为对应于预定图标的选择。例如，如果将向右滑动手势用于指示预定图标的选择，那么如果在第一页面的左侧区域中，例如左侧1/2区域或左侧1/3区域中检测到向右滑动手势时，可以确定该滑动手势对应于预定图标的选择。当然，也可以设置任何其他区域，或者将整个页面中的检测到的特定方向上的滑动手势确定为对应于预定图标的选择。
在一些实施例中，除了利用非点击姿态之外，还可以附加地通过对预定图标的点击姿态来进入对应的第二页面。如图3E所示，如果在页面300中检测到对左上角的消息图标310的点击姿态，那么应用120可以从当前页面300切换到图3C所示的消息页面301。除页面300之外，在呈现有消息图标310的任何其他页面中，也可以通过对消息图标310的点击姿态来进入对应的消息页面。
在一些实施例中，在第一层级的第一目标导航标签定位的多个页面中，如果在其中某个页面上检测到预定类型的非点击姿态(例如， 向右滑动手势)，但该页面并不是由第二层级的最左侧或最右侧导航标签定位的页面，那么该非点击姿态可以对应于第二层级的多个导航标签对应的页面之间的切换。例如，如果在导航标签322-1“首页”和导航标签332-2“关注”对应的页面中检测到向右滑动手势，页面可以被切换到由导航标签332-3“同城”对应的页面。
在一些场景中，可以在用户登录到应用120之后提供一些交互功能。因此，在一些实施例中，如果预定图标是非登录图标，该预定图标的呈现以及在特定页面通过非点击姿态进行的页面切换方式可以在用户已登录时提供。具体地，终端设备110可以确定用户是否已登录到应用120，如果确定用户已登录到应用120，在第一页面中的预定位置呈现预定图标(即，非登录图标)。在一些实施例中，非登录图标可以被配置用于访问除登录页面之外的其他页面。
在一些实施例中，如果确定用户未登录到应用120，可以在第一页面中同样的预定位置呈现登录图标。如图4A所示，在页面300中，左上角呈现登录图标410，而不是如图3A的示例所示的消息图标310。登录图标的选择可以进入用户的登录页面。
在一些实施例中，可以将与非登录图标的交互姿态类似的方式提供对登录图标的选择。具体地，可以支持在特定页面中通过特定类型的非点击姿态指示对登录图标的选择，从而进入登录页面。这样，在用户未登录应用的情况下，如果终端设备110在第一页面上检测非点击姿态，可以基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，确定该非点击姿态是否对应于登录图标的选择。在用户未登录应用的情况下，可以利用在相同页面下相同类型的非点击姿态来指示对登录图标的选择。如果确定检测到的非点击姿态对应于登录图标的选择，终端设备110可以从当前的第一页面切换到登录页面。
如图4A所示，如果在由第一层级的导航标签322-1“首页”和第二层级的最右侧导航标签332-1“推荐”定位的页面300中检测到向右滑动手势420，应用120可以从页面300切换到如图4B所示的登录页面401。用户可以在登录页面401输入登录信息，例如用户名和 密码，从而登录到应用120。
在图4C所示的另一示例中，如果在由第一层级的导航标签322-1“首页”和第二层级的最左侧导航标签332-3“推荐”定位的页面300中检测到向右滑动手势422，应用120也可以从页面300切换到如图4B所示的登录页面401。
在一些实施例中，除非点击姿态之外，还可以允许用户通过点击登录图标进入登录页面。如图4D所示，如果在页面300中检测到用户对登录图标410的点击姿态，应用120也可以从页面300切换到如图4B所示的登录页面401。
在一些实施例中，在登录页面中用户登录完成后，可以继续呈现第一页面，并在第一页面中的预定位置呈现预定的非登录图标，以便于用户访问对应的第二页面。
在一些实施例中，在从第一页面切换到第二页面时，为了呈现第二页面的内容，可以通过内容容器的滑动来实现。内容容器用于容纳要显示的内容。
在具有层级的页面导航结构中，如果一个页面由两个层级的导航标签定位，那么可以设置每个层级对应的内容容器。第一层级对应的内容容器(称为“外层内容容器”)用于在第一层级中可以滑动切换的页面之间滑动。如果第一层级中的某个导航标签定位多个页面，那么第二层级对应的内容容器(称为“内层内容容器”)在这个导航标签下的多个页面内滑动。
在一些实施例中，如果支持在第一页面中通过向右滑动手势进入第二页面，还可以支持在第一页面(例如，“首页推荐”页面)中通过不同的向左滑动手势进入另外的页面，例如个人页面。这样，外层的内容容器可以在第二页面、第一页面和个人页面之间滑动，从而容纳不同页面的内容。
图5示出了根据本公开的一些实施例的呈现页面的过程500的流程图。过程500可以被实现在终端设备110处。
在框510，终端设备110确定在由第一目标导航标签和第二目标 导航标签定位的第一页面上是否检测到预定类型的非点击姿态。例如，终端设备110确定在“首页推荐”页面300是否检测到向右滑手势。
图6A示出了由内层和外层内容容器对应用120中的页面的呈现的结构示意图。在图6A的示例中，外层内容容器滑动到由第一层级的导航标签“首页”定位的页面，内层内容容器滑动到由第二层级的导航标签“推荐”定位的页面611。应用120呈现由这两个内容容器呈现的内容，即页面611的内容。
如果在第一页面上没有检测到预定类型的非点击姿态，终端设备110可以周期性或持续执行对特定页面和非点击姿态的检测。
在一些实施例中，可以在应用120的某些版本，或者某些模式下支持在特定页面通过特定类型的非点击姿态进入第二页面，并且在其他版本或其他模式下该类型的非点击姿态对应于在第二层级中并列排布的多个导航标签各自定位的多个页面之间切换。在这种情况下，如果在第一页面上检测到预定类型的非点击姿态，在框520，终端设备110确定应用120是否支持非点击姿态进入第二页面。
如果支持非点击姿态进入第二页面，在框530，终端设备110拦截内层内容容器的滑动，以避免内层内容容器在第二层级的导航标签之间移动。然后，在框540，终端设备110将外层内容容器从第一页面滑动到第二页面，以容纳第二页面的内容。在框550，终端设备110呈现外层内容容器中容纳的内容。
图6B示出了外层内容容器滑动过程的示例。在该示例中，假设在页面611上检测到预定类型的非点击姿态，其对应于消息图标的选择。相应地，外层内容容器从页面611向左滑动到消息图标对应的消息页面620的中间过程。图6C示出了外层内容容器滑动到达消息页面620后的示例。此时，可以呈现外层内容容器中容纳的消息页面620的内容。
在一些实施例中，如果在某些第一页面上检测到在与不同类型的非点击姿态，例如向左滑动手势，外层内容容器可以向右滑动到第一 层级中另一方向上的页面，例如个人页面630，以容纳该页面的内容。支持向左滑动手势进入个人页面630的第一页面可以包括第二层级中的最右侧的导航标签，例如图6A中多个第二层级的导航标签中排列在最右侧的导航标签“推荐”。
在一些实施例中，如果在框520确定不支持非点击姿态进入预定图标对应的第二页面，在框560，终端设备110将内层内容容器从第一页面滑动到下一个导航标签定位的页面。
例如，图6D示出了在不支持非点击姿态进入消息页面的情况下，消息页面620将不存在于外层内容容器滑动的架构中。当前的第一页面是在第一层级导航标签“首页”和第二层级导航标签“推荐”定位的页面611。在检测到特定类型的非点击姿态(例如向右滑动手势)的情况下，内层内容容器向左滑动到导航标签“关注”定位的页面612，如图6E所示。相应地，可以呈现页面612的内容。如果在页面612上进一步检测到特定类型的非点击姿态(例如向右滑动手势)，内层内容容器可以继续向左滑动到导航标签“同城”定位的页面613，如图6F所示。
在一些消息交互的场景中，可以在当前页面中提供对新消息/未读消息的提醒。在一些实施例，如果第一页面中呈现消息图标，在检测到到来的消息，可以在第一页面上呈现消息提醒。消息提醒可以有多种方式。在一些实施例中，消息提醒的方式可以与消息的来源，特别是最新的消息的来源有关。
特别地，可以确定消息是否是来自应用120的已登录用户的好友消息。如果确定消息是来自应用120的已登录用户的好友消息，可以将消息图标变形为第一消息提醒标记，而在消息是非好友消息时，与消息图标相关联地呈现第二消息提醒标记。第二消息提醒标记与第一消息提醒标记不同，从而可以区分好友消息和非好友消息。
第一消息提醒标记可以与发送好友消息的用户相关联，例如可以被变形为显示发送好友消息的用户的头像图标或者其他标识相关联。图7A示出了这样的消息提醒。如图7A所示，由于存在未读的消息， 页面300左上角原本呈现的消息图标310被变形第一消息提醒标记712，其对应发送好友消息的好友头像图标。这样，用户可以更快注意到有来自好友的新消息，并可以在未进入详细的消息页面的情况下获知消息来自于具体哪个好友。这可以方便用户的消息查阅，提升交互体验。
在一些实施例中，如果消息是非好友消息，可以在消息图标上叠加呈现第二消息提醒标记。第二消息提醒标记可以包括小红点或指示要提醒的消息数目的数字红点(即，数字加小红点)。例如，图7B示出了在页面300的消息图标310上叠加呈现小红点714作为消息提醒标记；图7C示出了在页面300的消息图标310上叠加呈现数字红点716作为消息提醒标记，该标记可以指示未读的消息的数目。
在一些实施例中，如果用户已经阅读消息，可以不再呈现消息提醒标记。在一些实施例中，为了降低对用户在浏览内容或页面交互时的干扰，可以将消息提醒进行降级。例如，与好友相关联的第一消息提醒标记对消息的提醒效果显著，与普通小红点和数字红点相比，对用户造成的干扰相对较大。与普通小红点相比，数字红点对用户的干扰更大。在一些实施例中，如果确定当前呈现的消息提醒标记满足提醒降级策略，可以将当前呈现的消息提醒标记降级为干扰程度较小的另一个消息提醒标记。例如，可以将变形得到的第一消息提醒标记降级为数字红点或小红点，可以将数字红点降级为小红点，等等。
在一些实施例中，提醒降级策略可以与消息提醒标记的呈现时间有关，与未读消息的数目有关，与用户的交互状态有关，等等。本公开的实施例在此方面不受限制。
在一些实施例中，在进入预定图标对应的第二页面后，还可以提供一种或多种交互方式来允许用户退出第二页面。如果在第二页面上检测到的交互姿态对应于第二页面的退出(例如，对应于对第二页面上的退出图标的选择)，可以从第二页面切换到第一页面，即进入第二页面之前的页面。
在一些实施例中，对应于第二页面的退出的交互姿态可以包括对 第二页面上的退出图标的点击姿态。在一些实施例中，备选地或附加地，对应于第二页面的退出的交互姿态可以包括另一预定类型的非点击姿态，例如预定方向上的滑动手势。在一些实施例中，用于退出第二页面的非点击姿态的预定类型可以不同于用于进入第二页面的非点击姿态的预定类型。在一些实施例中，如果非点击姿态包括滑动手势，那么用于退出第二页面的滑动手势的方向可以不同于用于进入第二页面的滑动手势的方向。例如，如果用于进入第二页面的滑动手势是向右滑动手势，用于退出第二页面的滑动手势可以是向左滑动手势，或者其他滑动手势，例如向上或向下滑动手势。通过设置不同类型的非点击姿态，可以方便用户操作，并且有助于用户快速熟悉第二页面的进入和退出方式，这进而可以提升用户使用体验。
在一些实施例中，根据实际需要，用于退出第二页面的非点击姿态的类型也可以设置为与用于进入第二页面的非点击姿态相同，例如可以都是向右滑动手势。
作为一些示例，如果如图8A所示在消息页面301中检测到用户对退出图标354的点击操作，或者如图8B所示在消息页面301中检测到向左滑动手势822，可以从消息页面301切换到如图8C所示的第一页面300。在内容容器的实现上，例如在图6C的示例中，外层内容容器从消息页面620滑动到先前的页面611。
在一些实施例中，可以设置当在第二页面的预定区域中检测到预定类型的非点击姿态时，将该非点击姿态确定为对应于第二页面的退出。例如，如果将向左滑动手势用于第二页面的退出，那么在第一页面的右侧区域中，例如右侧1/2区域或右侧1/3区域中检测到向左滑动手势时，可以确定该滑动手势对应于第二页面的退出。当然，也可以设置任何其他区域，或者将整个第二页面中的检测到的预定类型的非点击姿态确定为对应于第二页面的退出。
为了帮助用户快速了解和掌握第二页面的退出方式，在一些实施例中，如果确定第二页面在应用120中是首次被呈现，可以在第二页面上叠加引导蒙层，并且在引导蒙层上呈现退出引导信息，退出引导 信息指示从第二页面的退出的交互姿态。在一些示例中，退出引导信息可以包括退出引导动画，从而更好地展示退出方式。在其他示例中，附加地或备选地，退出引导信息还可以包括文字、图像和/或任何其他形式的引导。
如图8D所示，在消息页面301上叠加引导蒙层840，其包括退出引导信息842，以指示通过左滑可以退出消息页面。在一些示例中，退出引导信息842还可以指示通过点击右上角的退出图标也可以退出消息页面。
在一些实施例中，如果接收到应用120的消息，还可以在应用120内或者在应用120外(例如，应用120当前未被激活)呈现消息提醒弹窗。
在一些实施例中，如果在第一页面上呈现消息提醒弹窗，并且检测到用户对消息提醒弹窗的选择，可以从第一页面直接切换到与消息对应的消息会话页面。图9A示出了在应用120的第一页面300呈现的消息提醒弹窗910。如果用户例如通过点击姿态选择消息弹窗，页面直接切换到如图9B所示的消息会话页面901。用户可以在消息会话页面901中方便地进行对话。
在一些实施例中，如果检测到指示从消息会话页面的退出的交互姿态，例如在图9B的消息会话页面901中检测到用户选择后退图标920，那么可以从消息会话页面切换到消息页面，例如从消息会话页面901切换到如图9C所示的消息页面301。在一些实施例中，如果在这种情况下从消息页面继续退出，那么可以切换到先前呈现消息提醒弹窗的第一页面。
在一些实施例中，如果在应用之外的页面中呈现消息提醒弹窗，并且检测到对该消息提醒弹窗的选择，也可以呈现与消息对应的消息会话页面。例如，如图9D所示，如果接收到应用120的消息，但当前未呈现应用120的页面，可以在终端设备110的应用120之外的页面903呈现消息提醒弹窗912。如果检测到对消息提醒弹窗912的选择，页面可以切换到如图9B所示的消息会话页面901。进一步地， 如果在消息会话页面中继续检测到指示从消息会话页面的退出的交互姿态，可以从消息会话页面切换到消息页面。在一些实施例中，如果在这种情况下从消息页面继续退出，那么可以切换到应用120的默认页面，例如“首页推荐”页面。当然，本公开的范围在这方面并不受限制。
图10示出了根据本公开的某些实施例的用于页面交互的装置1000的示意性结构框图。装置1000可以被实现为或者被包括在终端设备110中。装置1000中的各个模块/组件可以由硬件、软件、固件或者它们的任意组合来实现。
如图所示，装置1000包括图标呈现模块1010，被配置为在第一页面中的预定位置呈现预定图标，预定图标被配置用于访问第二页面。装置1000还包括姿态检测模块1020，被配置为检测第一页面上的非点击姿态，以及图标选择确定模块1030，被配置为在检测到非点击姿态的情况下，基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，确定非点击姿态是否对应于预定图标的选择。装置1000进一步包括页面呈现模块1040，被配置为在确定非点击姿态对应于预定图标的选择的情况下，从第一页面切换到第二页面。
在一些实施例中，第一页面和第二页面包括多媒体共享应用中的页面。在一些示例中，第一页面和第二页面包括视频共享应用中的页面。在一些示例中，第一页面包括视频呈现页面。在一些示例中，第二页面包括非视频呈现页面或另一视频呈现页面。
在一些实施例中，图标选择确定模块1030被配置为：如果确定第一页面由页面导航结构的第一层级中的第一目标导航标签和第二层级中的第二目标导航标签定位，确定非点击姿态是否是预定类型的非点击姿态；如果确定非点击姿态是预定类型的非点击姿态，确定非点击姿态对应于预定图标的选择。
在一些实施例中，第二层级包括在一行中并行排列的多个导航标签，第二目标导航标签被排列在多个导航标签的最右侧或最左侧。
在一些实施例中，预定类型的非点击姿态包括向右滑动手势或向 左滑动手势。
在一些实施例中，第一目标导航标签用于定位与首页对应的一组页面，一组页面至少包括第一页面。在一些实施例中，一组页面中的各个页面由第二层级中的各个导航标签进一步定位。
在一些实施例中，页面切换模块包括：容器滑动模块，被配置为将第一层级对应的内容容器从第一页面滑动到第二页面，以容纳第二页面的内容；以及容器内容呈现模块，被配置为呈现在内容容器中容纳的内容。
在一些实施例中，第一层级包括以下至少一个导航标签：对应于首页的导航标签，对应于购物页面的导航标签，对应于好友内容页面的导航标签。在一些实施例中，第二层级包括以下至少一个导航标签：对应于推荐内容页面的导航标签，对应于好友内容页面的导航标签，对应于关注内容页面的导航标签，对应于预定区域内容页面的导航标签。
在一些实施例中，第一层级中的导航标签被呈现在第一页面的下部或上部中的一处，并且第二层级中的导航标签被呈现在第一页面的下部或上部中的另一处。
在一些实施例中，预定位置包括第一页面的左上位置、右上位置、左下位置或右下位置。
在一些实施例中，预定图标包括与消息页面对应的消息图标。在一些实施例中，装置1000还包括：消息检测模块，被配置为检测消息；以及提醒呈现模块，被配置为在检测到消息的情况下，在第一页面上呈现消息提醒。
在一些实施例中，提醒呈现模块包括：第一呈现模块，被配置为在确定消息是来自已登录用户的好友消息的情况下，将消息图标变形为第一消息提醒标记；以及第二呈现模块，被配置为在确定消息是非好友消息的情况下，与消息图标相关联地呈现第二消息提醒标记。
在一些实施例中，第一消息提醒标记与发送好友消息的用户相关联。
在一些实施例中，提醒呈现模块包括：第三呈现模块，被配置为在第一页面上呈现第三消息提醒标记；以及第四呈现模块，被配置为在确定第三消息提醒标记的呈现满足提醒降级策略的情况下，将第三消息提醒标记改变为第四消息提醒标记。
在一些实施例中，装置1000还包括：消息交互检测模块，被配置为检测第二页面上的交互姿态；以及消息切换模块，被配置为在检测到交互姿态对应于第二页面的退出的情况下，从第二页面切换到第一页面。
在一些实施例中，消息切换模块包括：基于点击或滑动的切换模块，被配置为在确定在检测到交互姿态包括另一预定类型的非点击姿态或对第二页面上的退出图标的点击姿态的情况下，从第二页面切换到第一页面。
在一些实施例中，另一预定类型不同于用于从第一页面切换到第二页面的非点击姿态的类型。
在一些实施例中，另一预定类型的非点击姿态包括在第二页面的预定区域中检测到的非点击姿态。
在一些实施例中，装置1000还包括：蒙层叠加模块，被配置为在确定第二页面是首次被呈现的情况下，在第二页面上叠加引导蒙层；以及引导呈现模块，被配置为在引导蒙层上呈现退出引导信息，退出引导信息指示从第二页面的退出的交互姿态。
在一些实施例中，预定图标包括非登录图标。在一些实施例中，图标呈现模块包括：登录确定模块，被配置为确定是否存在已登录用户；以及基于登录的图标呈现模块，被配置为在确定存在已登录用户的情况下，在第一页面中的预定位置呈现预定图标。
在一些实施例中，装置1000还包括：登录图标呈现模块，被配置为在确定不存在已登录用户的情况下，在第一页面中的预定位置呈现登录图标；登录选择确定模块，被配置为在第一页面上检测到非点击姿态的情况下，基于非点击姿态的类型和第一页面在页面导航结构中对应的位置，确定非点击姿态是否对应于登录图标的选择；以及登 录切换模块，被配置为在确定非点击姿态对应于登录图标的选择的情况下，从第一页面切换到登录页面。
在一些实施例中，提醒呈现模块包括：弹窗呈现模块，被配置为在第一页面上呈现消息提醒弹窗。
在一些实施例中，预定图标包括与消息页面对应的消息图标。在一些实施例中，装置1000还包括：第一会话页面切换模块，被配置为在检测到消息提醒弹窗的选择的情况下，从第一页面切换到与消息对应的消息会话页面；以及第一会话退出模块，被配置为在检测到指示从消息会话页面的退出的交互姿态的情况下，从消息会话页面切换到消息页面。
在一些实施例中，装置1000还包括：第二会话页面切换模块，被配置为在检测到在应用之外的页面中检测到对消息提醒弹窗的选择的情况下，从页面切换到与消息对应的消息会话页面；以及第二会话退出模块，被配置为在检测到指示从消息会话页面的退出的交互姿态的情况下，从消息会话页面切换到消息页面。
图11示出了示出了其中可以实施本公开的一个或多个实施例的计算设备1100的框图。应当理解，图11所示出的计算设备1100仅仅是示例性的，而不应当构成对本文所描述的实施例的功能和范围的任何限制。图11所示出的计算设备1100可以用于实现图1的终端设备110。
如图11所示，计算设备1100是通用计算设备的形式。计算设备1100的组件可以包括但不限于一个或多个处理器或处理单元1110、存储器1120、存储设备1130、一个或多个通信单元1140、一个或多个输入设备1150以及一个或多个输出设备1160。处理单元1110可以是实际或虚拟处理器并且能够根据存储器1120中存储的程序来执行各种处理。在多处理器系统中，多个处理单元并行执行计算机可执行指令，以提高计算设备1100的并行处理能力。
计算设备1100通常包括多个计算机存储介质。这样的介质可以是计算设备1100可访问的任何可以获得的介质，包括但不限于易失 性和非易失性介质、可拆卸和不可拆卸介质。存储器1120可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如，只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备1130可以是可拆卸或不可拆卸的介质，并且可以包括机器可读介质，诸如闪存驱动、磁盘或者任何其他介质，其可以能够用于存储信息和/或数据(例如用于训练的训练数据)并且可以在计算设备1100内被访问。
计算设备1100可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图11中示出，可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中，每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器1120可以包括计算机程序产品1125，其具有一个或多个程序模块，这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。
通信单元1140实现通过通信介质与其他计算设备进行通信。附加地，计算设备1100的组件的功能可以以单个计算集群或多个计算机器来实现，这些计算机器能够通过通信连接进行通信。因此，计算设备1100可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。
输入设备1150可以是一个或多个输入设备，例如鼠标、键盘、追踪球等。输出设备1160可以是一个或多个输出设备，例如显示器、扬声器、打印机等。计算设备1100还可以根据需要通过通信单元1140与一个或多个外部设备(未示出)进行通信，外部设备诸如存储设备、显示设备等，与一个或多个使得用户与计算设备1100交互的设备进行通信，或者与使得计算设备1100与一个或多个其他计算设备通信的任何设备(例如，网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(I/O)接口(未示出)来执行。
根据本公开的示例性实现方式，提供了一种计算机可读存储介 质，其上存储有计算机可执行指令，其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式，还提供了一种计算机程序产品，计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令，而计算机可执行指令被处理器执行以实现上文描述的方法。
这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元，从而生产出一种机器，使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上，使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框 实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本公开的各实现，上述说明是示例性的，并非穷尽性的，并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。

Claims (21)

  1. 一种页面交互的方法，包括：
    在第一页面中的预定位置呈现预定图标，所述预定图标被配置用于访问第二页面；
    检测所述第一页面上的非点击姿态；
    如果检测到所述非点击姿态，基于所述非点击姿态的类型和所述第一页面在页面导航结构中对应的位置，确定所述非点击姿态是否对应于所述预定图标的选择；以及
    如果确定所述非点击姿态对应于所述预定图标的选择，从所述第一页面切换到所述第二页面。
  2. 根据权利要求1所述的方法，其中确定所述非点击姿态是否对应于所述预定图标的选择包括：
    如果确定所述第一页面由所述页面导航结构的第一层级中的第一目标导航标签和第二层级中的第二目标导航标签定位，
    确定所述非点击姿态是否是预定类型的非点击姿态，以及
    如果确定所述非点击姿态是所述预定类型的非点击姿态，确定所述非点击姿态对应于所述预定图标的选择。
  3. 根据权利要求2所述的方法，其中所述第二层级包括在一行中并行排列的多个导航标签，所述第二目标导航标签被排列在所述多个导航标签的最右侧或最左侧。
  4. 根据权利要求2所述的方法，其中所述预定类型的非点击姿态包括向右滑动手势或向左滑动手势。
  5. 根据权利要求2所述的方法，其中所述第一目标导航标签用于定位与首页对应的一组页面，所述一组页面至少包括所述第一页面，并且
    其中所述一组页面中的各个页面由所述第二层级中的各个导航标签进一步定位。
  6. 根据权利要求1所述的方法，其中从所述第一页面切换到所 述第二页面包括：
    将所述第一层级对应的内容容器从所述第一页面滑动到所述第二页面，以容纳所述第二页面的内容；以及
    呈现在所述内容容器中容纳的所述内容。
  7. 根据权利要求3所述的方法，其中所述第一层级包括以下至少一个导航标签：对应于首页的导航标签，对应于购物页面的导航标签，对应于好友内容页面的导航标签；并且
    其中所述第二层级包括以下至少一个导航标签：对应于推荐内容页面的导航标签，对应于好友内容页面的导航标签，对应于关注内容页面的导航标签，对应于预定区域内容页面的导航标签。
  8. 根据权利要求1所述的方法，其中所述预定位置包括所述第一页面的左上位置、右上位置、左下位置或右下位置。
  9. 根据权利要求1所述的方法，其中所述预定图标包括与消息页面对应的消息图标，所述方法还包括：
    检测消息；以及
    如果检测到所述消息，在所述第一页面上呈现消息提醒。
  10. 根据权利要求9所述的方法，其中呈现所述消息提醒包括：
    如果确定所述消息是来自已登录用户的好友消息，将所述消息图标变形为第一消息提醒标记；以及
    如果确定所述消息是非好友消息，与所述消息图标相关联地呈现第二消息提醒标记。
  11. 根据权利要求10所述的方法，其中所述第一消息提醒标记与发送所述好友消息的用户相关联。
  12. 根据权利要求1所述的方法，还包括：
    检测所述第二页面上的交互姿态；以及
    如果检测到所述交互姿态对应于所述第二页面的退出，从所述第二页面切换到所述第一页面。
  13. 根据权利要求12所述的方法，其中从所述第二页面切换到所述第一页面包括：
    如果检测到所述交互姿态包括另一预定类型的非点击姿态或对所述第二页面上的退出图标的点击姿态，从所述第二页面切换到所述第一页面。
  14. 根据权利要求13所述的方法，其中所述另一预定类型不同于用于从所述第一页面切换到所述第二页面的所述非点击姿态的类型。
  15. 根据权利要求13所述的方法，其中所述另一预定类型的非点击姿态包括在所述第二页面的预定区域中检测到的非点击姿态。
  16. 根据权利要求12所述的方法，还包括：
    如果确定所述第二页面首次被呈现，在所述第二页面上叠加引导蒙层；以及
    在所述引导蒙层上呈现退出引导信息，所述退出引导信息指示从所述第二页面的退出的交互姿态。
  17. 根据权利要求1所述的方法，其中所述预定图标包括非登录图标，并且其中在所述第一页面中的所述预定位置呈现所述预定图标包括：
    确定是否存在已登录用户；以及
    如果确定存在已登录用户，在所述第一页面中的所述预定位置呈现所述非登录图标。
  18. 根据权利要求17所述的方法，还包括：
    如果确定不存在已登录用户，在所述第一页面中的所述预定位置呈现登录图标；
    如果在所述第一页面上检测到所述非点击姿态，基于所述非点击姿态的类型和所述第一页面在所述页面导航结构中对应的所述位置，确定所述非点击姿态是否对应于所述登录图标的选择；以及
    如果确定所述非点击姿态对应于所述登录图标的选择，从所述第一页面切换到登录页面。
  19. 一种用于页面交互的装置，包括：
    图标呈现模块，被配置为在第一页面中的预定位置呈现预定图 标；
    姿态检测模块，被配置为检测所述第一页面上的非点击姿态；
    图标选择确定模块，被配置为在检测到所述非点击姿态的情况下，基于所述非点击姿态的类型和所述第一页面在页面导航结构中对应的位置，确定所述非点击姿态是否对应于所述预定图标的选择；以及
    页面呈现模块，被配置为在确定所述非点击姿态对应于所述预定图标的选择的情况下，从所述第一页面切换到第二页面。
  20. 一种电子设备，包括：
    至少一个处理单元；以及
    至少一个存储器，所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令，所述指令在由所述至少一个处理单元执行时使所述设备执行根据权利要求1至18中任一项所述的方法。
  21. 一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现根据权利要求1至18中任一项所述的方法。
PCT/CN2023/082331 2022-04-06 2023-03-17 用于页面交互的方法、装置、设备和存储介质 Ceased WO2023193590A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
JP2024547740A JP7721011B2 (ja) 2022-04-06 2023-03-17 ページ対話のための方法、装置、デバイス、及び記憶媒体
EP23784154.9A EP4465191A4 (en) 2022-04-06 2023-03-17 Method and apparatus for page interaction, and device and storage medium
US18/807,396 US12333125B2 (en) 2022-04-06 2024-08-16 Method, apparatus, device and storage medium for page interaction

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210373675.5A CN114756778A (zh) 2022-04-06 2022-04-06 用于页面交互的方法、装置、设备和存储介质
CN202210373675.5 2022-04-06

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/807,396 Continuation US12333125B2 (en) 2022-04-06 2024-08-16 Method, apparatus, device and storage medium for page interaction

Publications (1)

Publication Number Publication Date
WO2023193590A1 true WO2023193590A1 (zh) 2023-10-12

Family

ID=82328726

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/082331 Ceased WO2023193590A1 (zh) 2022-04-06 2023-03-17 用于页面交互的方法、装置、设备和存储介质

Country Status (5)

Country Link
US (1) US12333125B2 (zh)
EP (1) EP4465191A4 (zh)
JP (1) JP7721011B2 (zh)
CN (1) CN114756778A (zh)
WO (1) WO2023193590A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113688345A (zh) * 2021-08-06 2021-11-23 咪咕数字传媒有限公司 一种页面切换方法、装置及计算设备

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114756778A (zh) * 2022-04-06 2022-07-15 北京字跳网络技术有限公司 用于页面交互的方法、装置、设备和存储介质
CN115686289B (zh) * 2022-11-07 2026-03-03 北京字跳网络技术有限公司 用于用户交互的方法、装置、设备和存储介质
CN116755586A (zh) * 2023-06-26 2023-09-15 北京字跳网络技术有限公司 用于内容呈现的方法、装置、设备和存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103324403A (zh) * 2012-03-22 2013-09-25 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
CN104679434A (zh) * 2015-03-17 2015-06-03 北京合生共济投资咨询有限责任公司 一种客户端页面的切换方法
CN105335224A (zh) * 2014-08-07 2016-02-17 Tcl集团股份有限公司 一种应用切换方法及装置
CN106371901A (zh) * 2015-07-24 2017-02-01 东莞酷派软件技术有限公司 一种应用程序的切换方法和装置
US20170123625A1 (en) * 2015-10-30 2017-05-04 Xiaomi Inc. Method, device, apparatus and computer-readable medium for application switching
WO2019051673A1 (zh) * 2017-09-13 2019-03-21 深圳传音通讯有限公司 一种基于智能终端的应用程序切换方法及切换系统
CN114756778A (zh) * 2022-04-06 2022-07-15 北京字跳网络技术有限公司 用于页面交互的方法、装置、设备和存储介质

Family Cites Families (37)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090100380A1 (en) * 2007-10-12 2009-04-16 Microsoft Corporation Navigating through content
JP5013548B2 (ja) * 2009-07-16 2012-08-29 ソニーモバイルコミュニケーションズ， エービー 情報端末、情報端末の情報提示方法及び情報提示プログラム
CN103135879B (zh) * 2011-11-28 2016-07-06 联想(北京)有限公司 显示方法、显示装置和电子设备
US9645733B2 (en) * 2011-12-06 2017-05-09 Google Inc. Mechanism for switching between document viewing windows
US20140068424A1 (en) * 2012-08-31 2014-03-06 Adil Dhanani Gesture-based navigation using visual page indicators
US9959016B2 (en) * 2012-09-07 2018-05-01 Lg Electronics Inc. Method and digital device for access control with fingerprint authentication
WO2014038765A1 (en) * 2012-09-07 2014-03-13 Lg Electronics Inc. Method for controlling content and digital device using the same
EP4213001B1 (en) * 2012-12-06 2025-07-30 Samsung Electronics Co., Ltd. Display device and method of controlling the same
US9477381B2 (en) * 2013-03-12 2016-10-25 Hexagon Technology Center Gmbh User interface for toolbar navigation
KR20140135404A (ko) * 2013-05-16 2014-11-26 엘지전자 주식회사 포터블 디바이스 및 그 제어 방법
CN103595809A (zh) * 2013-11-22 2014-02-19 乐视致新电子科技（天津）有限公司 智能电视中的账户信息管理方法及装置
JP2015172861A (ja) 2014-03-12 2015-10-01 レノボ・シンガポール・プライベート・リミテッド 携帯式電子機器の使用環境を切り換える方法、携帯式電子機器およびコンピュータ・プログラム
CN104077183B (zh) 2014-07-08 2018-07-06 广东欧珀移动通信有限公司 一种软件新消息读取的提示及操作方法和装置
KR101768690B1 (ko) * 2014-08-07 2017-08-30 네이버웹툰 주식회사 표시 제어 장치, 표시 제어 방법 및 이를 컴퓨터에서 실행하기 위한 컴퓨터 프로그램
US10346030B2 (en) 2015-06-07 2019-07-09 Apple Inc. Devices and methods for navigating between user interfaces
CN105843491B (zh) * 2016-03-18 2021-08-03 华为技术有限公司 页面快速导航切换方法、装置及终端
CN107562322B (zh) * 2017-09-07 2020-10-09 北京小米移动软件有限公司 切换页面的方法和装置
CN107562348B (zh) * 2017-09-07 2022-03-18 北京小米移动软件有限公司 内容显示方法及装置
WO2019114298A1 (zh) * 2017-12-13 2019-06-20 广州虎牙信息科技有限公司 直播间的直播画面展示方法、存储设备及计算机设备
CN108108113B (zh) * 2017-12-19 2020-02-18 维沃移动通信有限公司 网页切换方法及装置
CN108881994B (zh) * 2018-06-29 2020-01-14 北京微播视界科技有限公司 视频访问方法、客户端、装置、终端、服务器和存储介质
CN112714901B (zh) * 2018-09-30 2024-03-01 华为技术有限公司 系统导航栏的显示控制方法、图形用户界面及电子设备
CN114706503B (zh) * 2018-11-26 2024-12-24 华为技术有限公司 一种应用显示方法及电子设备
CN112383663B (zh) 2019-05-08 2022-03-04 华为技术有限公司 一种显示的方法及设备
KR102276048B1 (ko) 2019-05-13 2021-07-12 네이버 주식회사 새로운 사용자 경험의 정보 제공 인터페이스 방법 및 그 시스템
CN113496171A (zh) * 2020-04-03 2021-10-12 北京小米移动软件有限公司 手势检测方法、装置、移动终端及存储介质
CN111580718A (zh) * 2020-04-30 2020-08-25 北京字节跳动网络技术有限公司 应用程序的页面切换方法、装置、电子设备及存储介质
CN111580913A (zh) * 2020-05-09 2020-08-25 腾讯科技（深圳）有限公司 信息流的互动处理方法、装置、设备及计算机存储介质
CN111580914A (zh) * 2020-05-09 2020-08-25 腾讯科技（深圳）有限公司 信息流的互动处理方法、装置及电子设备
CN111625167B (zh) * 2020-05-28 2021-08-24 上海哔哩哔哩科技有限公司 页面切换方法、装置、计算机设备
CN111669639A (zh) * 2020-06-15 2020-09-15 北京字节跳动网络技术有限公司 一种活动入口的展示方法、装置、电子设备及存储介质
KR102444164B1 (ko) * 2020-06-25 2022-09-16 라인플러스 주식회사 사용자간 관련성 정보 제공 방법 및 시스템
CN113420243A (zh) * 2020-07-01 2021-09-21 阿里巴巴集团控股有限公司 页面处理方法、装置及电子设备
CN112181253A (zh) 2020-09-30 2021-01-05 维沃移动通信（杭州）有限公司 信息显示方法、装置和电子设备
CN112130729B (zh) * 2020-11-03 2023-03-10 深圳市九九互动科技有限公司 页面处理方法、装置、计算机设备和存储介质
CN113268299A (zh) * 2021-05-24 2021-08-17 北京达佳互联信息技术有限公司 创建引导方案的方法及装置、获取引导方案的方法及装置
CN113835585A (zh) * 2021-09-28 2021-12-24 深圳集智数字科技有限公司 基于导航的应用界面切换方法、装置、设备及存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103324403A (zh) * 2012-03-22 2013-09-25 腾讯科技（深圳）有限公司 页面切换方法、装置和移动终端
CN105335224A (zh) * 2014-08-07 2016-02-17 Tcl集团股份有限公司 一种应用切换方法及装置
CN104679434A (zh) * 2015-03-17 2015-06-03 北京合生共济投资咨询有限责任公司 一种客户端页面的切换方法
CN106371901A (zh) * 2015-07-24 2017-02-01 东莞酷派软件技术有限公司 一种应用程序的切换方法和装置
US20170123625A1 (en) * 2015-10-30 2017-05-04 Xiaomi Inc. Method, device, apparatus and computer-readable medium for application switching
WO2019051673A1 (zh) * 2017-09-13 2019-03-21 深圳传音通讯有限公司 一种基于智能终端的应用程序切换方法及切换系统
CN114756778A (zh) * 2022-04-06 2022-07-15 北京字跳网络技术有限公司 用于页面交互的方法、装置、设备和存储介质

Non-Patent Citations (1)

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

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113688345A (zh) * 2021-08-06 2021-11-23 咪咕数字传媒有限公司 一种页面切换方法、装置及计算设备

Also Published As

Publication number Publication date
CN114756778A (zh) 2022-07-15
EP4465191A1 (en) 2024-11-20
US12333125B2 (en) 2025-06-17
JP2025510489A (ja) 2025-04-15
US20240402886A1 (en) 2024-12-05
EP4465191A4 (en) 2025-05-14
JP7721011B2 (ja) 2025-08-08

Similar Documents

Publication Publication Date Title
AU2024202936B2 (en) Device, method, and graphical user interface for managing concurrently open software applications
US10656823B2 (en) Method and electronic device for managing operation of applications
WO2023193590A1 (zh) 用于页面交互的方法、装置、设备和存储介质
EP4610850A1 (en) Method and apparatus for content presentation, device, and storage medium
EP4693071A1 (en) Method and apparatus for content presentation, and device and storage medium
EP4733908A1 (en) Content presentation method and apparatus, device, and storage medium
US20150033146A1 (en) Automatic detection and magnification of focus region for content shared during an online meeting session
EP4583513A1 (en) Information processing method and apparatus
US12554379B2 (en) Method, apparatus, device and storage medium for displaying privacy indications for navigation tabs
EP4488852A1 (en) Search recommendation method and apparatus, device, and storage medium
US11775736B2 (en) Method and system for providing mini-map in chatroom
CN117608428A (zh) 用于页面交互的方法、装置、设备和存储介质
CN118349143A (zh) 用于页面交互的方法、装置、设备、介质和产品
JP7796909B2 (ja) ビデオ推奨のための方法、装置、デバイス、及び記憶媒体
WO2024240158A1 (zh) 用于页面交互的方法、装置、设备和存储介质
WO2026056389A1 (zh) 用于页面交互的方法、装置、设备、介质和产品
JP2026506244A (ja) 情報提示のための方法、装置、デバイス及び記憶媒体
WO2025112957A1 (zh) 用于切换媒体数据的推荐模式的方法、装置、设备和介质
CN118673245A (zh) 管理应用页面的方法、装置、设备、介质和和程序产品
US12099769B2 (en) Method, apparatus, device and storage medium for information display
US12613666B2 (en) Method, apparatus, device and storage medium for information display
CN120104871A (zh) 用于内容推荐的方法、装置、设备和存储介质
CN119127021A (zh) 提供内容显示页面的方法、相关装置及计算机程序产品

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: 23784154

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 202427060054

Country of ref document: IN

WWE Wipo information: entry into national phase

Ref document number: 2023784154

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 2024547740

Country of ref document: JP

ENP Entry into the national phase

Ref document number: 2023784154

Country of ref document: EP

Effective date: 20240812

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112024016695

Country of ref document: BR

WWE Wipo information: entry into national phase

Ref document number: 11202405792W

Country of ref document: SG

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 112024016695

Country of ref document: BR

Kind code of ref document: A2

Effective date: 20240815