CN114756778A - 用于页面交互的方法、装置、设备和存储介质 - Google Patents
用于页面交互的方法、装置、设备和存储介质 Download PDFInfo
- Publication number
- CN114756778A CN114756778A CN202210373675.5A CN202210373675A CN114756778A CN 114756778 A CN114756778 A CN 114756778A CN 202210373675 A CN202210373675 A CN 202210373675A CN 114756778 A CN114756778 A CN 114756778A
- Authority
- CN
- China
- Prior art keywords
- page
- message
- icon
- gesture
- navigation
- 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.)
- Pending
Links
- 230000003993 interaction Effects 0.000 title claims abstract description 54
- 238000000034 method Methods 0.000 title claims abstract description 47
- 238000012545 processing Methods 0.000 claims description 18
- 238000001514 detection method Methods 0.000 claims description 8
- 238000009877 rendering Methods 0.000 claims description 7
- 238000004590 computer program Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 28
- 230000008569 process Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 10
- 230000002452 interceptive effect Effects 0.000 description 6
- 238000013461 design Methods 0.000 description 2
- 230000000873 masking effect Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000012549 training Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 230000000052 comparative effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000004424 eye movement Effects 0.000 description 1
- 230000001815 facial effect Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR 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; CALCULATING OR 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; CALCULATING OR 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Radar, Positioning & Navigation (AREA)
- Remote Sensing (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
根据本公开的实施例,提供了用于页面交互的方法、装置、设备和存储介质。该方法包括在第一页面中的预定位置呈现预定图标,预定图标被配置用于访问第二页面;检测第一页面上的非点击姿态;如果检测到非点击姿态,基于非点击姿态的类型和第一页面在页面导航结构中对应的位置,确定非点击姿态是否对应于预定图标的选择;以及如果确定非点击姿态对应于预定图标的选择,从第一页面切换到第二页面。以此方式,可以支持对页面的方便、快捷切换和访问。
Description
技术领域
本公开的示例实施例总体涉及计算机领域,特别地涉及用于页面交互的方法、装置、设备和计算机可读存储介质。
背景技术
当前越来越多应用被设计来向用户提供各种服务。用户可以在应用上执行各种操作。例如,用户可以在内容共享类应用中创作和发布各类内容,包括诸如视频、图像、图像集、声音等多媒体内容。此外,用户还可以在应用中进行浏览、评论、转发、消息交互等各类操作。应用中的一些操作可能需要在特定页面中执行。对应用的一些页面,例如用户经常访问的页面的方便跳转是较为重要的。
发明内容
根据本公开的示例实施例,提供了一种用于页面交互的方案,以促进用户对特定页面的方便访问。
在本公开的第一方面,提供了一种页面交互的方法。该方法包括在第一页面中的预定位置呈现预定图标;检测第一页面上的非点击姿态;如果检测到非点击姿态,基于非点击姿态的类型和第一页面在页面导航结构中对应的位置,确定非点击姿态是否对应于预定图标的选择;以及如果确定非点击姿态对应于预定图标的选择,从第一页面切换到第二页面。
在本公开的第二方面,提供了一种用于页面交互的装置。该装置包括图标呈现模块,被配置为在第一页面中的预定位置呈现预定图标;姿态检测模块,被配置为检测第一页面上的非点击姿态;图标选择确定模块,被配置为在检测到非点击姿态的情况下,基于非点击姿态的类型和第一页面在页面导航结构中对应的位置,确定非点击姿态是否对应于预定图标的选择;以及页面呈现模块,被配置为在确定非点击姿态对应于预定图标的选择的情况下,从第一页面切换到第二页面。
在本公开的第三方面,提供了一种电子设备。该设备包括至少一个处理单元;以及至少一个存储器,至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。
在本公开的第四方面,提供了一种计算机可读存储介质。介质上存储有计算机程序,程序被处理器执行时实现第一方面的方法。
应当理解,本发明内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。
附图说明
结合附图并参考以下详细说明,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中,相同或相似的附图标记表示相同或相似的元素,其中:
图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中任一项所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210373675.5A CN114756778A (zh) | 2022-04-06 | 2022-04-06 | 用于页面交互的方法、装置、设备和存储介质 |
PCT/CN2023/082331 WO2023193590A1 (zh) | 2022-04-06 | 2023-03-17 | 用于页面交互的方法、装置、设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210373675.5A CN114756778A (zh) | 2022-04-06 | 2022-04-06 | 用于页面交互的方法、装置、设备和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114756778A true CN114756778A (zh) | 2022-07-15 |
Family
ID=82328726
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210373675.5A Pending CN114756778A (zh) | 2022-04-06 | 2022-04-06 | 用于页面交互的方法、装置、设备和存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN114756778A (zh) |
WO (1) | WO2023193590A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116755586A (zh) * | 2023-06-26 | 2023-09-15 | 北京字跳网络技术有限公司 | 用于内容呈现的方法、装置、设备和存储介质 |
WO2023193590A1 (zh) * | 2022-04-06 | 2023-10-12 | 北京字跳网络技术有限公司 | 用于页面交互的方法、装置、设备和存储介质 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113688345B (zh) * | 2021-08-06 | 2024-09-06 | 咪咕数字传媒有限公司 | 一种页面切换方法、装置及计算设备 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103324403A (zh) * | 2012-03-22 | 2013-09-25 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置和移动终端 |
CN104679434A (zh) * | 2015-03-17 | 2015-06-03 | 北京合生共济投资咨询有限责任公司 | 一种客户端页面的切换方法 |
CN105843491A (zh) * | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | 页面快速导航切换方法、装置及终端 |
CN107562322A (zh) * | 2017-09-07 | 2018-01-09 | 北京小米移动软件有限公司 | 切换页面的方法和装置 |
CN108108113A (zh) * | 2017-12-19 | 2018-06-01 | 维沃移动通信有限公司 | 网页切换方法及装置 |
CN111580718A (zh) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
CN111625167A (zh) * | 2020-05-28 | 2020-09-04 | 上海哔哩哔哩科技有限公司 | 页面切换方法、装置、计算机设备 |
CN112130729A (zh) * | 2020-11-03 | 2020-12-25 | 深圳市九九互动科技有限公司 | 页面处理方法、装置、计算机设备和存储介质 |
CN113268299A (zh) * | 2021-05-24 | 2021-08-17 | 北京达佳互联信息技术有限公司 | 创建引导方案的方法及装置、获取引导方案的方法及装置 |
CN113420243A (zh) * | 2020-07-01 | 2021-09-21 | 阿里巴巴集团控股有限公司 | 页面处理方法、装置及电子设备 |
CN113835585A (zh) * | 2021-09-28 | 2021-12-24 | 深圳集智数字科技有限公司 | 基于导航的应用界面切换方法、装置、设备及存储介质 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105335224B (zh) * | 2014-08-07 | 2019-06-07 | Tcl集团股份有限公司 | 一种应用切换方法及装置 |
CN106371901A (zh) * | 2015-07-24 | 2017-02-01 | 东莞酷派软件技术有限公司 | 一种应用程序的切换方法和装置 |
CN105183364A (zh) * | 2015-10-30 | 2015-12-23 | 小米科技有限责任公司 | 应用程序切换方法、装置及设备 |
CN111316236A (zh) * | 2017-09-13 | 2020-06-19 | 深圳传音通讯有限公司 | 一种基于智能终端的应用程序切换方法及切换系统 |
CN114756778A (zh) * | 2022-04-06 | 2022-07-15 | 北京字跳网络技术有限公司 | 用于页面交互的方法、装置、设备和存储介质 |
-
2022
- 2022-04-06 CN CN202210373675.5A patent/CN114756778A/zh active Pending
-
2023
- 2023-03-17 WO PCT/CN2023/082331 patent/WO2023193590A1/zh active Application Filing
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103324403A (zh) * | 2012-03-22 | 2013-09-25 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置和移动终端 |
CN104679434A (zh) * | 2015-03-17 | 2015-06-03 | 北京合生共济投资咨询有限责任公司 | 一种客户端页面的切换方法 |
CN105843491A (zh) * | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | 页面快速导航切换方法、装置及终端 |
CN107562322A (zh) * | 2017-09-07 | 2018-01-09 | 北京小米移动软件有限公司 | 切换页面的方法和装置 |
CN108108113A (zh) * | 2017-12-19 | 2018-06-01 | 维沃移动通信有限公司 | 网页切换方法及装置 |
CN111580718A (zh) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
CN111625167A (zh) * | 2020-05-28 | 2020-09-04 | 上海哔哩哔哩科技有限公司 | 页面切换方法、装置、计算机设备 |
CN113420243A (zh) * | 2020-07-01 | 2021-09-21 | 阿里巴巴集团控股有限公司 | 页面处理方法、装置及电子设备 |
CN112130729A (zh) * | 2020-11-03 | 2020-12-25 | 深圳市九九互动科技有限公司 | 页面处理方法、装置、计算机设备和存储介质 |
CN113268299A (zh) * | 2021-05-24 | 2021-08-17 | 北京达佳互联信息技术有限公司 | 创建引导方案的方法及装置、获取引导方案的方法及装置 |
CN113835585A (zh) * | 2021-09-28 | 2021-12-24 | 深圳集智数字科技有限公司 | 基于导航的应用界面切换方法、装置、设备及存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2023193590A1 (zh) * | 2022-04-06 | 2023-10-12 | 北京字跳网络技术有限公司 | 用于页面交互的方法、装置、设备和存储介质 |
CN116755586A (zh) * | 2023-06-26 | 2023-09-15 | 北京字跳网络技术有限公司 | 用于内容呈现的方法、装置、设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2023193590A1 (zh) | 2023-10-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3371693B1 (en) | Method and electronic device for managing operation of applications | |
US10871893B2 (en) | Using gestures to deliver content to predefined destinations | |
US6874126B1 (en) | Method and apparatus for controlling content display by the cursor motion | |
CN114756778A (zh) | 用于页面交互的方法、装置、设备和存储介质 | |
US20190073101A1 (en) | Method and device for switching pages of applications in a terminal device | |
US20170220307A1 (en) | Multi-screen mobile device and operation | |
US8949858B2 (en) | Augmenting user interface elements with information | |
US20150040065A1 (en) | Method and apparatus for generating customized menus for accessing application functionality | |
US20120159381A1 (en) | User interface for presenting media items of social networking service in media reel | |
CN112988006B (zh) | 显示方法、装置、电子设备和存储介质 | |
JP2014514668A (ja) | 階層的領域におけるマルチ入力ジェスチャー | |
JP2024521820A (ja) | 興味タグに基づく処理方法、装置、機器及び記憶媒体 | |
US20180143750A1 (en) | Methods and apparatuses for configuring message properties in a networked communications system | |
CN115730092A (zh) | 用于内容呈现的方法、装置、设备和存储介质 | |
WO2024082850A1 (zh) | 用于内容分享的方法、装置、设备和存储介质 | |
US20230325451A1 (en) | Method, apparatus, device and storage medium for search recommendation | |
CN111638828A (zh) | 界面显示方法及装置 | |
CN115640782A (zh) | 用于文档演示的方法、装置、设备和存储介质 | |
WO2022268078A1 (zh) | 显示控制方法、装置、电子设备及介质 | |
US11775736B2 (en) | Method and system for providing mini-map in chatroom | |
CN115640783A (zh) | 用于文档内容显示的方法、装置、设备和存储介质 | |
US20160328142A1 (en) | User interface for merger and display of multiple content timelines and method therefor | |
US12099769B2 (en) | Method, apparatus, device and storage medium for information display | |
US20230418427A1 (en) | Method, apparatuses, device and storage medium for video recommendation | |
US20240168689A1 (en) | Method, apparatus, device and storage medium for information display |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |