CN116820304A - 用于交互的方法、装置、设备和介质 - Google Patents
用于交互的方法、装置、设备和介质 Download PDFInfo
- Publication number
- CN116820304A CN116820304A CN202310884277.4A CN202310884277A CN116820304A CN 116820304 A CN116820304 A CN 116820304A CN 202310884277 A CN202310884277 A CN 202310884277A CN 116820304 A CN116820304 A CN 116820304A
- Authority
- CN
- China
- Prior art keywords
- content
- column
- layout
- area
- target
- 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
- 238000000034 method Methods 0.000 title claims abstract description 42
- 230000003993 interaction Effects 0.000 title claims abstract description 21
- 230000004044 response Effects 0.000 claims abstract description 19
- 238000003860 storage Methods 0.000 claims abstract description 16
- 238000012545 processing Methods 0.000 claims description 18
- 230000033001 locomotion Effects 0.000 claims description 11
- 238000004590 computer program Methods 0.000 claims description 8
- 230000000007 visual effect Effects 0.000 claims description 6
- 230000000875 corresponding effect Effects 0.000 description 40
- 238000010586 diagram Methods 0.000 description 18
- 230000006870 function Effects 0.000 description 18
- 230000002452 interceptive effect Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 8
- 230000008859 change Effects 0.000 description 5
- 230000000670 limiting effect Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 238000009877 rendering Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000001514 detection method Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000002708 enhancing effect Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 230000002829 reductive effect Effects 0.000 description 2
- 238000012549 training Methods 0.000 description 2
- 101000822695 Clostridium perfringens (strain 13 / Type A) Small, acid-soluble spore protein C1 Proteins 0.000 description 1
- 101000655262 Clostridium perfringens (strain 13 / Type A) Small, acid-soluble spore protein C2 Proteins 0.000 description 1
- 101000655256 Paraclostridium bifermentans Small, acid-soluble spore protein alpha Proteins 0.000 description 1
- 101000655264 Paraclostridium bifermentans Small, acid-soluble spore protein beta Proteins 0.000 description 1
- 230000001133 acceleration Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013475 authorization Methods 0.000 description 1
- 230000002596 correlated effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006872 improvement 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
- 230000036961 partial effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 238000010079 rubber tapping Methods 0.000 description 1
Classifications
-
- 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/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
根据本公开的各实施例提供了用于交互的方法、装置、设备和存储介质。在该方法中,呈现目标页面。该目标页面包括导航区域和内容区域。与导航区域中的目标栏目对应的内容在内容区域中以第一内容布局被呈现。进一步地,响应于检测到与目标页面相关联的预设操作,在内容区域中以第二内容布局呈现与目标栏目对应的内容。该第二内容布局不同于第一内容布局。此外,调整导航区域中与目标栏目对应的栏目标签,以指示第二内容布局的可切换状态。以此方式,可以扩展借助于导航区域所能够实现的功能,并且降低用户适应扩展功能的难度,从而提高用户操作效率。
Description
技术领域
本公开的各实施例总体上涉及计算机领域,特别地涉及用于交互的方法、装置、设备和计算机可读存储介质。
背景技术
随着互联网技术的飞速发展,各式各样的应用已经成为人们日常生活中的重要工具。不同的应用往往具有不同的功能,用户可以通过具有特定功能的应用来实现特定服务。
为了满足人们日益增长的娱乐需求和办公需求,在应用中集成的功能、以及可以由应用提供的内容越来越多。因此,在应用中通常会设置有多个页面,以提供不同的内容和功能。在存在多个页面的情况下,可以在应用中提供包括多个栏目的导航区域,以基于导航区域中的栏目来实现页面之间的跳转。因此,如何充分利用导航区域来提供更加丰富的交互功能成为亟待解决的问题。
发明内容
在本公开的第一方面,提供了一种交互方法。在该方法中,呈现目标页面。该目标页面包括导航区域和内容区域。与导航区域中的目标栏目对应的内容在内容区域中以第一内容布局被呈现。进一步地,响应于检测到与目标页面相关联的预设操作,在内容区域中以第二内容布局呈现与目标栏目对应的内容。该第二内容布局不同于第一内容布局。此外,调整导航区域中与目标栏目对应的栏目标签,以指示第二内容布局的可切换状态。
在本公开的第二方面,提供了一种用于交互的装置。该装置包括第一呈现模块、第二呈现模块、以及调整模块。第一呈现模块被配置为:呈现目标页面,目标页面包括导航区域和内容区域,与导航区域中的目标栏目对应的内容在内容区域中以第一内容布局被呈现。第二呈现模块被配置为:响应于检测到与目标页面相关联的预设操作,在内容区域中以第二内容布局呈现与目标栏目对应的内容,第二内容布局不同于第一内容布局。调整模块被配置为:调整导航区域中与目标栏目对应的栏目标签,以指示第二内容布局的可切换状态。
在本公开的第三方面,提供了一种电子设备。该电子设备包括:至少一个处理单元;以及至少一个存储器,至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令,指令在由至少一个处理单元执行时使电子设备执行根据本公开第一方面的方法。
在本公开的第四方面,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序在被处理器执行时使处理器实现根据本公开第一方面的方法。
应当理解,本内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征,也不用于限制本公开的范围。本公开的其他特征将通过以下的描述而变得容易理解。
附图说明
结合附图并参考以下详细说明,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中,相同或相似的附图标记表示相同或相似的元素,其中:
图1示出了本公开的实施例能够在其中实现的示例环境的示意图;
图2A至图2E示出了根据本公开的一些实施例的交互示例的示意图;
图3示出了根据本公开的一些实施例的交互方法的流程图;
图4示出了根据本公开的一些实施例的用于交互的示例装置的框图;以及
图5示出了其中可以实施本公开的一个或多个实施例的设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
在本公开的实施例的描述中,术语“包括”及其类似用语应当理解为开放性包含,即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。如本文中所使用的,术语“模型”可以表示各个数据之间的关联关系。例如,可以基于目前已知的和/或将在未来开发的多种技术方案来获取上述关联关系。
在本文中使用的术语“响应于”表示相应的事件发生或者条件得以满足的状态。将会理解,响应于该事件或者条件而被执行的后续动作的执行时机,与该事件发生或者条件成立的时间,二者之间未必是强关联的。例如,在某些情况下,后续动作可在事件发生或者条件成立时立即被执行;而在另一些情况下,后续动作可在事件发生或者条件成立后经过一段时间才被执行。
可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当根据相关法律法规通过适当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
作为一种可选的但非限制性的实施例,响应于接收到用户的主动请求,向用户发送提示信息的方式,例如可以是弹出窗口的方式,弹出窗口中可以以文字的方式呈现提示信息。此外,弹出窗口中还可以承载供用户选择“同意”或“不同意”向电子设备提供个人信息的选择控件。
可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实施例构成限定,其他满足相关法律法规的方式也可应用于本公开的实施例中。
如上文中所简要提及的,导航区域中往往存在多个栏目,以便用户实现在应用中不同页面之间的跳转。在目前已有的技术方案中,导航区域中各个栏目的功能和栏目标签往往是固定不变的。例如,一个应用的导航区域中首页栏目往往仅用于呈现与该应用相对应的首页页面,并且该栏目的标签固定为“首页”。因此,已有方案中导航区域的交互功能仅仅局限于实现应用中的页面跳转。然而,导航区域往往占据了用户界面中一定比例的显示区域,因此期望能够更加充分地利用导航区域来为用户提供更加丰富的交互功能。
为此,本公开的实施例提出了一种扩展导航区域中栏目的交互功能的方案。具体而言,根据本公开的实施例的交互方案,呈现包括导航区域和内容区域的目标页面。进一步地,响应于检测到预设操作,改变在内容区域中所呈现的与目标栏目对应的内容的布局,并且调整该目标栏目的栏目标签,以指示当前内容布局的可切换状态。
通过下文描述将会更清楚地理解,根据本公开的各实施例,响应于预设操作来改变内容布局,并且调整与当前栏目对应的栏目标签来指示当前内容布局的可切换状态。通过这种方式,一方面,可以将导航区域中栏目的功能在实现页面跳转的基础上扩展为还用于切换呈现当前栏目内容所采用的布局。以此方式,可以在不扩大导航区域在用户界面中所占据的显示区域的情况下,扩展借助于导航区域所能够实现的交互功能,从而提高用户体验。另一方面,通过在当前栏目调整后的栏目标签中指示内容布局的可切换状态,可以有效地向用户提示通过借助于与当前栏目相对应的控件便可以改变内容布局。以此方式,可以降低用户适应上述扩展功能的难度,提高用户切换内容布局的便捷程度,从而提高用户操作效率。
示例环境
以下将参考附图来详细描述该方案的各种示例实现方式。首先参见图1,其示出了本公开的实施例能够在其中实现的示例环境100的示意图。在该示例环境100中,终端设备110中安装有应用120。用户140可以经由终端设备110和/或终端设备110的附接设备来与应用120进行交互。应用120的示例包括但不限于内容获取类应用120(例如,视频在线获取应用120、图文在线获取应用120)、在线购物应用120,等等。
在图1的示例环境100中,如果应用120处于活动状态,终端设备110可以呈现应用120的页面150。页面150可以包括应用120所能提供的各类页面,诸如内容呈现页面、内容创作页面、内容发布页面、消息页面、个人主页,等等。应用120可以提供内容查看功能,以查看在应用120中发布的各类内容。经由对应页面150,应用120可以向用户140提供诸如媒体内容等的在线内容。在本公开的上下文中,“媒体内容”包括一种或多种类型的内容,例如图像、图像集、视频、动图、音频、文本,等等。
在一些实施例中,终端设备110可以与服务器130通信,以实现对应用120的服务的供应。终端设备110可以是任意类型的移动终端、固定终端或便携式终端,包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、个人通信系统(PCS)设备、个人导航设备、个人数字助理(PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合,包括这些设备的配件和外设或者其任意组合。在一些实施例中,终端设备110也能够支持任意类型的针对用户140的接口(诸如“可佩戴”电路等)。服务器130可以是能够提供计算能力的各种类型的计算系统/服务器,包括但不限于大型机、边缘计算节点、云环境中的计算设备,等等。
根据本公开的一些实施例,终端设备110可以呈现包括导航区域和内容区域的页面150。进一步地,响应于检测到预设操作,终端设备110可以改变在内容区域中所呈现的与目标栏目对应的内容的布局,并且调整该目标栏目的栏目标签来指示当前内容布局的可切换状态。这将在下文中结合图2A至图2E进一步详细描述。应当理解,仅出于示例性的目的描述环境100中各个元素的结构和功能,而不暗示对于本公开的范围的任何限制。
示例交互
在下文中参考图2A至图2E来描述根据本公开的示例性实施例的概要。图2A至图2E示出了根据本公开的一些实施例的交互示例的示意图。应当理解的是,图2A至图2E中所示的页面150仅仅是示例,实际可以存在各种设计。例如,页面150中的各个图形元素和/或控件可以具有不同的布置和不同的视觉表示,其中的一个或多个元素和/或控件可以省略或被替换,并且还可以存在一个或多个其他元素和/或控件。此外,页面150中可以包含任意适当的内容。本公开的范围在此方面不受限制。
在一些实施例中,终端设备110呈现包括导航区域和内容区域的目标页面150。与导航区域中的目标栏目对应的内容在内容区域中以第一内容布局被呈现。如图2A中所示,终端设备110所呈现的应用120的页面150可以包括两个导航区域210-1和210-2(在下文中单独或统一地被称为导航区域210)和一个内容区域220。在图2A的交互示例201中,导航区域210-1位于页面150的底部,内容区域220位于页面150的中部,并且导航区域210-2位于页面150的顶部。
应当理解的是,图2A中导航区域210和内容区域220的数目和位置仅是示例性的。页面150还可以包括更多的内容区域220、或者更多或更少的导航区域210,并且内容区域220与导航区域210还可以位于页面150中任何其他合适的位置,本公开的范围在此方面不受限制。例如,页面150还可以仅包括一个导航区域210,并且该导航区域210以悬浮方式被呈现在内容区域220的右侧边缘或左侧边缘处。
为了便于说明的目的,在下文中参考图2A中的导航区域210-1进行描述。应当理解的是,根据本公开的各实施例的方案同样可以适用于导航区域210-2以及其他任何合适的导航区域。如图2A中所示,导航区域210-1示例性地包括5个栏目230-1、230-2、230-3、230-4和230-5(在下文中单独或统一地被称为栏目230)。应当理解的是,导航区域210-1所包括的栏目320的数目还可以是任何其他合适的数值,例如三个、四个,等等。
如图2A中所示,栏目230-1对应于应用120的首页页面,并且其栏目标签为字符“首页”,这将在下文中进一步详细描述。栏目230-2对应于应用120的好友页面,其例如可以用于呈现与用户140在该应用120中的好友相关联的内容。该栏目230-2的栏目标签为文字“朋友”。栏目230-3对应于应用120的内容创作页面,其例如可以用于触发终端设备110的摄像头或调用终端设备110中的素材库,以供用户140进行内容创作。该栏目230-3的栏目标签为符号“+”。栏目230-4对应于应用120的消息页面,其例如可以用于呈现应用120中的通知、私信、好友动态,等等。该栏目230-4的栏目标签为文字“消息”。此外,栏目230-5对应于应用120的个人主页页面,其例如可以用于呈现用户140的个人作品、用户140与其他用户的社交关系,等等。该栏目230-5的栏目标签为文字“我”。应当理解的是,以上描述的栏目和栏目标签仅是示例性的,本公开的范围在此方面不受限制。
在图2A的示例中,终端设备110当前呈现的是应用120首页中的“推荐”子栏目的内容。可以看到,在内容区域220中仅呈现单个示例性的媒体内容,即盆栽花。在本公开的上下文中,在内容区域220中呈现单个媒体内容的布局样式也可以称为逐个浏览模式。为了便于说明的目的,在下文中以图2A中的栏目230-1对应于目标栏目为例进行描述,因此目标栏目可以记作目标栏目230或目标栏目230-1。应当理解的是,根据本公开的各实施例的方案同样可以适用于其他任何合适的栏目230,本公开的范围在此方面不受限制。
在一些实施例,终端设备110可以检测与目标页面150相关联的预设操作。该预设操作例如可以用于改变(或者说,切换)与目标栏目230对应的内容的内容布局。在一个示例中,预设操作可以是针对目标栏目230的触发操作,例如按压操作。目标栏目230例如可以包括用于切换内容区域220的布局样式的切换控件。参考图2A,预设操作例如可以是用户140用手按压首页栏目230-1。应当理解的是,取决于终端设备110的实现形式,对目标栏目230的触发操作还可以包括其他任何合适的操作,诸如鼠标单击、鼠标双击、鼠标框选、鼠标悬浮、手指触摸、触控笔触摸、触控笔按压,等等。在另一个示例中,预设操作可以是目标页面150中与目标方向对应的手势操作。手势操作的示例包括但不限于:从页面150的右边缘向左滑动、在页面150内向右滑动、保持按压超过预定时间阈值(例如,3秒、5秒,等等)、用指关节叩击,等等。通过这种方式,可以使用户140能够以便捷的操作方式来改变内容布局,从而提高操作效率,改善用户体验。
备选地,预设操作还可以是终端设备110自身的特定运动,例如终端设备110定向的改变、用户140对终端设备110摇一摇的操作,等等。在一些实施例中,终端设备110可以获取设备自身的运动信息,并且基于该运动信息来检测与目标页面150相关联的预设操作。在一个示例中,终端设备110可以借助于方向传感器来获取设备的定向。在图2A的示例中,终端设备110的定向为竖直定向。终端设备110的竖直定向也可以被称为竖屏模式或竖屏显示模式。应当理解的是,终端设备110的定向还包括其他任何合适的定向,例如水平定向。终端设备110的水平定向也可以被称为横屏模式或横屏显示模式。在另一个示例中,终端设备110可以借助于加速度传感器和/或陀螺仪来获取设备的运动信息,进而确定用户140是否摇动终端设备110。通过这种方式,可以支持用户140通过使终端设备110运动来执行切换内容布局,从而丰富交互的手段,进一步改善操作效率,提高应用120的用户友好程度。应当理解的是,预设操作还可以包括其他任何合适的用户操作,本公开的范围在此方面不受限制。
进一步地,如果检测到与目标页面150相关联的预设操作,终端设备110在内容区域220中以第二内容布局呈现与目标栏目230对应的内容。该第二内容布局不同于第一内容布局。换言之,终端设备110将改变(即,切换)与目标栏目230对应的内容在内容区域220中的布局。参考图2B,响应于检测到上文所提及的预设操作,终端设备110可以在内容区域220中按列呈现多项媒体内容。在图2B的示例中,终端设备110在两列中以交错的方式来呈现六项媒体内容的全部或部分预览。在本公开的上下文中,在内容区域220中以两列来呈现多项媒体内容的布局样式也可以称为双列浏览模式。应当理解的是,终端设备110还可以在一列或者更多列(例如,三列、四列,等等)中呈现多项媒体内容,并且不同列中的媒体内容也可以互相对齐而非交错开来。本公开的范围在此方面不受限制。
此外,终端设备110还可以以其他任何合适的内容布局来在内容区域220中呈现多项媒体内容。示例性地,终端设备110还可以在内容区域220中按行呈现多项媒体内容。例如,终端设备110可以在一行、两行或者更多行中以任何合适的对齐方式来呈现多项媒体内容。在本公开的上下文中,在内容区域220中以两行来呈现多项媒体内容的布局样式也可以称为双行浏览模式。以此方式,可以使得可供用户140选择的内容布局样式更加丰富,从而满足不同用户140的不同偏好或需求,进而可以进一步提升用户体验。
在一些实施例中,列数目(或行数目)和对齐方式可以取决于终端设备110的定向。例如,在图2B所示的竖屏模式中,终端设备110可以在两列中以交错的方式来呈现多项媒体内容。在横屏模式(未示出)中,终端设备110可以在三列或四列中以互相对齐的方式来呈现多项媒体内容。以此方式,可以使得内容布局能够更好地适配终端设备110的当前定向,从而为用户140提供更好的浏览体验。
进一步地,终端设备110调整导航区域210中与目标栏目230对应的栏目标签,以指示第二内容布局的可切换状态。在一些实施例中,栏目标签可以呈现描述信息和/或切换符。该描述信息用于描述目标栏目或内容区域中的内容布局的可切换状态。该切换符指示内容区域中的内容布局的可切换状态。接下来将进一步详细描述栏目标签。
在一些实施例中,栏目标签在调整后可以呈现:用于描述第二内容布局的可切换状态的描述信息、和/或指示第二内容布局的可切换状态的切换符。在本公开的上下文中,可切换状态可以是指内容区域220中的内容可以从当前布局切换至另一不同布局的状态。
在一些实施例中,第二内容布局的可切换状态例如可以包括从第二内容布局切换回第一内容布局。在图2B的交互示例201中,栏目230-1的栏目标签被调整为呈现文字“返回”,这样的描述信息向用户140提示内容布局可以从当前的双列浏览模式切换回初始的逐个浏览模式(如图2A中所示)。以此方式,可以明确地提示用户140当前布局的可切换状态。栏目230-1的调整后的栏目标签还呈现切换符“<”,这以符号化的形式进一步向用户140强化了可以通过触发栏目230-1来返回至上一内容布局。此外,栏目230-1在外观上也呈现更加明显的按钮形状,从而进一步向用户140强化了可以通过触发栏目230-1来返回至上一内容布局。
在另一些实施例中,第二内容布局的可切换状态例如可以包括从第二内容布局切换至第三内容布局。该第三内容布局不同于第一内容布局和第二内容布局。在图2C的交互示例202中,栏目230-1的栏目标签被调整为呈现文字“切换”,这样的描述信息向用户140提示内容布局可以从当前的双列浏览模式切换至下一个布局样式(例如,双行浏览模式)。以此方式,可以明确地提示用户140当前布局的可切换状态。栏目230-1的调整后的栏目标签还呈现切换符“”,这以符号化的形式进一步向用户140强化了可以通过触发栏目230-1来切换至更多不同的布局样式。此外,栏目230-1在外观上也呈现更加明显的按钮形状,从而进一步向用户140强化了可以通过触发栏目230-1来切换内容布局。
通过上述方式,一方面,可以将导航区域210-1中栏目230-1的功能在实现页面跳转的基础上扩展为还用于改变内容区域220中的布局样式。以此方式,可以在不扩大导航区域210-1在用户界面中所占据的显示区域的情况下,扩展借助于导航区域210-1所能够实现的交互功能,从而提高用户体验。另一方面,可以教导用户140借助于栏目230-1来切换内容布局,进而可以有效地避免用户140由于不知道如何切换布局而退出应用120,从而降低用户140使用应用120的难度,提高用户体验。
在一些实施例中,终端设备110可以利用动态视觉效果来呈现栏目标签的调整。在图2C的示例中,栏目230-1的调整后栏目标签的内容“切换”例如可以从右向左飞入按钮区域中。动态视觉效果的其他示例包括但不限于:以百叶窗形式出现、以随机线条形式出现、以翻转方式出现,等等。附加地或备选地,终端设备110还可以醒目呈现调整后的栏目标签,例如通过高亮显示、在目标栏目230的区域中填充特定颜色或形状的底纹,等等。通过这种方式,可以使得用户140能够注意到栏目标签的调整,以便更加有效地向用户140传达当前内容布局的可切换状态,并且引导用户140通过操作目标栏目230来切换内容布局,从而可以进一步提高用户140的使用体验。
在一些实施例中,响应于针对目标栏目230的另一触发操作,终端设备110还可以呈现所有可选的内容布局样式,以供用户140进行选择。在图2D的交互示例203中,栏目230-1的调整后栏目标签呈现文字“切换”,这样的描述信息向用户140提示内容布局可以从当前的双列浏览模式切换至下一个布局样式(例如,双行浏览模式)。此外,栏目230-1的调整后的栏目标签还呈现切换符“^”,这以符号化的形式向用户140提示可以通过操作栏目230-1来呈现所有可选的内容布局样式。响应于用户140例如通过手指长按栏目230-1所对应的控件,终端设备110例如可以在页面150中呈现子菜单240。该子菜单240以列表的形式向用户140呈现了所有可选的内容布局样式,即,逐个浏览模式、双列浏览模式、以及双行浏览模式。应当理解的是,可选的内容布局样式还可以包括其他任何合适的布局样式(例如,单列浏览模式、三行浏览模式,等等)。此外,子菜单还可以以其他任何合适的形式被呈现,本公开的范围在此方面不受限制。
通过上述方式,可以使得用户140能够直接从所有可选的内容布局样式中选择所希望采用的样式,而无需通过逐个切换的方式来选择,从而可以便于用户140选择内容布局样式,进一步提高用户140的操作效率。
在一些实施例中,调整前的栏目标签所包含的信息可以不同于调整后的栏目标签所包含的信息。示例性地,终端设备110可以在调整前的栏目标签中呈现用于描述目标栏目230的描述信息。备选地或附加地,终端设备110可以在调整前的栏目标签中呈现指示第一内容布局的可切换状态的切换符。参考图2A,栏目230-1的栏目标签包括文字“首页”,这样的描述信息向用户140指示当前栏目230-1对应于应用120的首页。此外,栏目230-1的栏目标签还呈现切换符“”,这以符号化的形式向用户140指示了可以通过操作栏目230-1来切换内容布局。以此方式,在提供栏目信息的同时,可以更加直观地提示用户140内容布局的可切换状态,从而引导用户140尝试不同的内容布局样式,以获得最佳的浏览体验。
应当理解的是,上文中所提及的栏目标签的内容仅是示例性的而非限制性的。栏目标签还可以包括其他任何合适的内容,例如图标、图片,等等。本公开的范围在此方面不受限制。
在一些实施例中,在以多列的形式呈现多项媒体内容的情况下,响应于与多列中的一列相关联的控制操作,终端设备110可以以不同于多列中的其余列的方式来控制该列实现与该控制操作相对应的效果。参考图2E中所示的交互示例204,终端设备110在两列(即,列250和列251)中呈现多项媒体内容。在检测到用户140在与列251相对应的区域中通过手指向上滑动的情况下,终端设备110例如可以对应地以向上滚动的方式来更新在列251中呈现的媒体内容,而保持在列250中所呈现的媒体内容保持不变,即不发生相应的滚动。在该示例中,针对列251的控制独立于内容区域220中的其余列(即,列250)。又例如,终端设备110可以以按照第一速度向上滚动的方式来更新在列251中呈现的媒体内容,同时以第二速度向上滚动的方式来更新在列250中呈现的媒体内容。第二速度可以大于或小于第一速度。还例如,终端设备110可以以向上滚动的方式来更新在列251中呈现的媒体内容,而以向下滚动的方式来更新在列250中呈现的媒体内容。
示例性地,在检测到用户140在与列251相对应的区域中执行放大手势(例如,开合双指)的情况下(未示出),终端设备110例如可以对应地放大在列251中呈现的媒体内容,而保持列250中所呈现的媒体内容保持不变,即不进行缩放。在该示例中,针对列251的控制独立于内容区域220中的其余列(即,列250)。又例如,终端设备110可以以第一比例放大在列251中呈现的媒体内容,并且以第二比例放大在列250中呈现的媒体内容。第二比例可以大于或小于第一比例。还例如,终端设备110可以放大在列251中呈现的媒体内容,同时缩小在列250中呈现的媒体内容。应当理解的是,以上描述的控制操作和效果仅是示例性的而非限制性的。本公开的范围在此方面不受限制。
备选地或附加地,在以多行的形式呈现多项媒体内容的情况下,响应于与多行中的一行相关联的控制操作,终端设备110可以以不同于多行中的其余行的方式来控制该行实现与该控制操作相对应的效果。这可以通过与上文中针对多列描述的方式类似的方式来实现,因此本公开在此不再赘述。
通过上述方式,一方面,可以为用户140提供更加多元化的交互方式,进而提升用户140的交互体验和浏览效率。另一方面,在针对多列(或行)中的一列(或行)的控制独立于多列(或行)中的其余列(或行)的情况下,可以使得用户140能够更加精细化地控制在内容区域220中呈现的内容,从而可以进一步提升用户140的操作效率,提升用户体验。
通过以上结合图1和图2A至图2E的描述可以看到,在根据本公开的各实施例的交互方案中,呈现包括导航区域和内容区域的目标页面。进一步地,响应于检测到预设操作,改变在内容区域中所呈现的与目标栏目对应的内容的布局,并且调整该目标栏目的栏目标签,以指示当前内容布局的可切换状态。
通过这种方式,一方面,可以将导航区域中栏目的功能在实现页面跳转的基础上扩展为还用于切换呈现当前栏目内容所采用的布局。以此方式,可以在不扩大导航区域在用户界面中所占据的显示区域的情况下,扩展借助于导航区域所能够实现的交互功能,从而提高用户体验。另一方面,通过在当前栏目调整后的栏目标签中指示内容布局的可切换状态,可以有效地向用户提示借助于与当前栏目相对应的控件便可以切换内容布局。以此方式,可以降低用户适应上述扩展功能的难度,提高用户切换内容布局的便捷程度,从而提高用户操作效率。
示例方法
图3示出了根据本公开的一些实施例的交互方法300的流程图。在一些实施例中,方法300可以在如图1所示的终端设备110处执行。应当理解的是,方法300还可以包括未示出的附加框和/或可以省略所示出的某个(或者某些)框,本公开的范围在此方面不受限制。
在框302处,呈现目标页面。该目标页面包括导航区域和内容区域。与导航区域中的目标栏目对应的内容在内容区域中以第一内容布局被呈现。在框304处,响应于检测到与目标页面相关联的预设操作,在内容区域中以第二内容布局呈现与目标栏目对应的内容。该第二内容布局不同于第一内容布局。在框306处,调整导航区域中与目标栏目对应的栏目标签,以指示第二内容布局的可切换状态。
在一些实施例中,第二内容布局的可切换状态包括:从第二内容布局切换回第一内容布局,或从第二内容布局切换至第三内容布局,第三内容布局不同于第一内容布局和第二内容布局。
在一些实施例中,栏目标签呈现以下至少一项:描述信息,该描述信息用于描述目标栏目或内容区域中的内容布局的可切换状态;切换符,该切换符指示内容区域中的内容布局的可切换状态。
在一些实施例中,栏目标签的调整利用动态视觉效果而被呈现。
在一些实施例中,预设操作包括:针对目标栏目的触发操作、或者目标页面中与目标方向对应的手势操作。
在一些实施例中,方法300还包括:获取用于呈现目标页面的电子设备的运动信息;以及基于运动信息,检测与目标页面相关联的预设操作。
在一些实施例中,目标栏目包括用于切换与目标栏目对应的内容的内容布局的切换控件。
在一些实施例中,第二内容布局指示在内容区域中按排或按列呈现多项媒体内容。
在一些实施例中,第二内容布局还指示多项媒体内容被呈现为内容区域中的多排或多列。
在一些实施例中,第一内容布局指示在内容区域中呈现单个媒体内容。
示例装置和设备
本公开的实施例还提供了用于实现上述方法或过程的相应装置和设备。图4示出了根据本公开的一些实施例的用于交互的示例装置400的框图。该装置400例如可以用于实施根据本公开的各实施例的方法。装置400可以包括第一呈现模块402、第二呈现模块404、以及调整模块406。第一呈现模块402被配置为:呈现目标页面,目标页面包括导航区域和内容区域,与导航区域中的目标栏目对应的内容在内容区域中以第一内容布局被呈现。第二呈现模块404被配置为:响应于检测到与目标页面相关联的预设操作,在内容区域中以第二内容布局呈现与目标栏目对应的内容,第二内容布局不同于第一内容布局。调整模块406被配置为:调整导航区域中与目标栏目对应的栏目标签,以指示第二内容布局的可切换状态。
在一些实施例中,第二内容布局的可切换状态包括:从第二内容布局切换回第一内容布局,或从第二内容布局切换至第三内容布局,第三内容布局不同于第一内容布局和第二内容布局。
在一些实施例中,栏目标签呈现以下至少一项:描述信息,该描述信息用于描述目标栏目或内容区域中的内容布局的可切换状态;切换符,该切换符指示内容区域中的内容布局的可切换状态。
在一些实施例中,栏目标签的调整利用动态视觉效果而被呈现。
在一些实施例中,预设操作包括:针对目标栏目的触发操作、或者目标页面中与目标方向对应的手势操作。
在一些实施例中,装置400还包括获取模块和检测模块。获取模块被配置为:获取用于呈现目标页面的电子设备的运动信息。检测模块被配置为:基于运动信息,检测与目标页面相关联的预设操作。
在一些实施例中,目标栏目包括用于切换与目标栏目对应的内容的内容布局的切换控件。
在一些实施例中,第二内容布局指示在内容区域中按排或按列呈现多项媒体内容。
在一些实施例中,第二内容布局还指示多项媒体内容被呈现为内容区域中的多排或多列。
在一些实施例中,第一内容布局指示在内容区域中呈现单个媒体内容。
装置400中所包括的模块和/或单元可以利用各种方式来实现,包括软件、硬件、固件或其任意组合。在一些实施例中,一个或多个单元可以使用软件和/或固件来实现,例如存储在存储介质上的机器可执行指令。除了机器可执行指令之外或者作为替代,装置400中的部分或者全部单元可以至少部分地由一个或多个硬件逻辑组件来实现。作为示例而非限制,可以使用的示范类型的硬件逻辑组件包括现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准品(ASSP)、片上系统(SOC)、复杂可编程逻辑器件(CPLD),等等。
图4中所示的这些模块和/或单元可以部分或者全部地实现为硬件模块、软件模块、固件模块或者其任意组合。特别地,在某些实施例中,上文描述的流程、方法或过程可以由存储系统或与存储系统对应的主机或独立于存储系统的其他计算设备中的硬件来实现。
图5示出了其中可以实施本公开的一个或多个实施例的设备500的框图。应当理解,图5所示出的电子设备500仅仅是示例性的,而不应当构成对本文所描述的实施例的功能和范围的任何限制。图5所示出的电子设备500可以用于实现图1中所示的终端设备110和/或上文描述的方法。
如图5所示,电子设备500是通用电子设备的形式。电子设备500的组件可以包括但不限于一个或多个处理器或处理单元510、存储器520、存储设备530、一个或多个通信单元540、一个或多个输入设备550以及一个或多个输出设备560。处理单元510可以是实际或虚拟处理器并且能够根据存储器520中存储的程序来执行各种处理。在多处理器系统中,多个处理单元并行执行计算机可执行指令,以提高电子设备500的并行处理能力。
电子设备500通常包括多个计算机存储介质。这样的介质可以是电子设备500可访问的任何可以获得的介质,包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器520可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如,只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备530可以是可拆卸或不可拆卸的介质,并且可以包括机器可读介质,诸如闪存驱动、磁盘或者任何其他介质,其可以能够用于存储信息和/或数据(例如用于训练的训练数据)并且可以在电子设备500内被访问。
电子设备500可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图5中示出,可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中,每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器520可以包括计算机程序产品525,其具有一个或多个程序模块,这些程序模块被配置为执行本公开的各种实现方式的各种方法或动作。
通信单元540实现通过通信介质与其他电子设备进行通信。附加地,电子设备500的组件的功能可以以单个计算集群或多个计算机器来实现,这些计算机器能够通过通信连接进行通信。因此,电子设备500可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。
输入设备550可以是一个或多个输入设备,例如鼠标、键盘、追踪球等。输出设备560可以是一个或多个输出设备,例如显示器、扬声器、打印机等。电子设备500还可以根据需要通过通信单元540与一个或多个外部设备(未示出)进行通信,外部设备诸如存储设备、显示设备等,与一个或多个使得用户与电子设备500交互的设备进行通信,或者与使得电子设备500与一个或多个其他电子设备通信的任何设备(例如,网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(I/O)接口(未示出)来执行。
根据本公开的示例性实现方式,提供了一种计算机可读存储介质,其上存储有计算机可执行指令,其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式,还提供了一种计算机程序产品,计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令,而计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式,提供了一种计算机程序产品,其上存储有计算机程序,程序被处理器执行时实现上文描述的方法。
这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元,从而生产出一种机器,使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上,使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本公开的各实现,上述说明是示例性的,并非穷尽性的,并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。
Claims (13)
1.一种交互方法,包括:
呈现目标页面,所述目标页面包括导航区域和内容区域,与所述导航区域中的目标栏目对应的内容在所述内容区域中以第一内容布局被呈现;
响应于检测到与所述目标页面相关联的预设操作,在所述内容区域中以第二内容布局呈现与所述目标栏目对应的所述内容,所述第二内容布局不同于所述第一内容布局;以及
调整所述导航区域中与所述目标栏目对应的栏目标签,以指示所述第二内容布局的可切换状态。
2.根据权利要求1所述的方法,其中所述第二内容布局的所述可切换状态包括:
从所述第二内容布局切换回所述第一内容布局,或
从所述第二内容布局切换至第三内容布局,所述第三内容布局不同于所述第一内容布局和所述第二内容布局。
3.根据权利要求1所述的方法,其中所述栏目标签呈现以下至少一项:
描述信息,所述描述信息用于描述所述目标栏目或所述内容区域中的内容布局的可切换状态,
切换符,所述切换符指示所述内容区域中的内容布局的可切换状态。
4.根据权利要求1所述的方法,其中所述栏目标签的所述调整利用动态视觉效果而被呈现。
5.根据权利要求1所述的方法,其中所述预设操作包括:针对所述目标栏目的触发操作、或者所述目标页面中与目标方向对应的手势操作。
6.根据权利要求1所述的方法,还包括:
获取用于呈现所述目标页面的电子设备的运动信息;以及
基于所述运动信息,检测与所述目标页面相关联的所述预设操作。
7.根据权利要求1所述的方法,其中所述目标栏目包括用于切换与所述目标栏目对应的所述内容的内容布局的切换控件。
8.根据权利要求1所述的方法,其中所述第二内容布局指示在所述内容区域中按排或按列呈现多项媒体内容。
9.根据权利要求8所述的方法,其中所述第二内容布局还指示所述多项媒体内容被呈现为所述内容区域中的多排或多列。
10.根据权利要求1至9中任一项所述的方法,其中所述第一内容布局指示在所述内容区域中呈现单个媒体内容。
11.一种用于交互的装置,包括:
第一呈现模块,被配置为:呈现目标页面,所述目标页面包括导航区域和内容区域,与所述导航区域中的目标栏目对应的内容在所述内容区域中以第一内容布局被呈现;
第二呈现模块,被配置为:响应于检测到与所述目标页面相关联的预设操作,在所述内容区域中以第二内容布局呈现与所述目标栏目对应的所述内容,所述第二内容布局不同于所述第一内容布局;以及
调整模块,被配置为:调整所述导航区域中与所述目标栏目对应的栏目标签,以指示所述第二内容布局的可切换状态。
12.一种电子设备,包括:
至少一个处理单元;以及
至少一个存储器,所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令,所述指令在由所述至少一个处理单元执行时使所述电子设备执行根据权利要求1至10中任一项所述的方法。
13.一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序在被处理器执行时使所述处理器实现根据权利要求1至10中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310884277.4A CN116820304A (zh) | 2023-07-18 | 2023-07-18 | 用于交互的方法、装置、设备和介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310884277.4A CN116820304A (zh) | 2023-07-18 | 2023-07-18 | 用于交互的方法、装置、设备和介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116820304A true CN116820304A (zh) | 2023-09-29 |
Family
ID=88125816
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310884277.4A Pending CN116820304A (zh) | 2023-07-18 | 2023-07-18 | 用于交互的方法、装置、设备和介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116820304A (zh) |
-
2023
- 2023-07-18 CN CN202310884277.4A patent/CN116820304A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20190073101A1 (en) | Method and device for switching pages of applications in a terminal device | |
US9547525B1 (en) | Drag toolbar to enter tab switching interface | |
US8176435B1 (en) | Pinch to adjust | |
US20170177185A1 (en) | Graphical user interface with virtual extension areas | |
CN105843463B (zh) | 一种通信信息交互方法及装置 | |
CN112114734B (zh) | 在线文档的显示方法、装置、终端及存储介质 | |
US20210149558A1 (en) | Method and apparatus for controlling terminal device, and non-transitory computer-readle storage medium | |
WO2023193590A1 (zh) | 用于页面交互的方法、装置、设备和存储介质 | |
WO2017215542A1 (zh) | 展示图片的方法及装置 | |
US20140325400A1 (en) | Multi-panel view interface for a browser operating on a computing device | |
WO2024087892A1 (zh) | 用于内容呈现的方法、装置、设备和存储介质 | |
WO2023016463A1 (zh) | 显示控制方法、装置、电子设备和介质 | |
CN112558831A (zh) | 桌面整理方法、装置及电子设备 | |
CN112148167A (zh) | 控件设置方法、装置和电子设备 | |
US9959010B1 (en) | Method for displaying information, and terminal equipment | |
US20200028961A1 (en) | Switching presentations of representations of objects at a user interface | |
CN112954484A (zh) | 弹幕信息显示方法和装置 | |
WO2012134479A1 (en) | Augmenting user interface elements | |
CN111638828A (zh) | 界面显示方法及装置 | |
CN115640782A (zh) | 用于文档演示的方法、装置、设备和存储介质 | |
CN116820304A (zh) | 用于交互的方法、装置、设备和介质 | |
CN113126867B (zh) | 浏览器控制方法、装置、浏览器、终端及存储介质 | |
CN115550741A (zh) | 视频管理方法、装置、电子设备及可读存储介质 | |
CN114564134A (zh) | 应用图标显示方法、装置 | |
KR101387684B1 (ko) | 썸네일 이미지 출력방법 및 그 이미지 출력장치 |
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 |