CN111221456A - 互动面板显示方法、装置、设备及其存储介质 - Google Patents
互动面板显示方法、装置、设备及其存储介质 Download PDFInfo
- Publication number
- CN111221456A CN111221456A CN202010011812.1A CN202010011812A CN111221456A CN 111221456 A CN111221456 A CN 111221456A CN 202010011812 A CN202010011812 A CN 202010011812A CN 111221456 A CN111221456 A CN 111221456A
- Authority
- CN
- China
- Prior art keywords
- interactive panel
- interactive
- information card
- interface
- main interface
- 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
Images
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/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; 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/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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
Abstract
本申请公开了互动面板显示方法、装置、设备及其存储介质。该方法包括:在主界面内显示至少一张信息卡片;当检测到针对信息卡片中的一张信息卡片的触发操作时,控制在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。根据本申请实施例的技术方案,通过在检测到针对信息卡片的触发操作之后,控制互动面板的显示来节省界面空间,并提高操作用户对互动面板的操作效率。
Description
技术领域
本申请一般涉及计算机技术领域,尤其涉及互动面板显示方法、装置、设备及其存储介质。
背景技术
短视频技术的发展,进一步推动了内容交互平台的技术发展。短视频是一种互联网内容的传播方式,通过短视频在短视频平台中传播,用户可以通过短视频平台对其他用户上传的短视频进行观看,也可以通过短视频平台完成用户自己的短视频内容的制作与上传。
在短视频平台上,用户可以在观看短视频过程中,对短视频内容进行互动性操作。例如,对短视频内容进行点赞、评论、转发等操作。
发明内容
鉴于现有技术中的上述缺陷或不足,期望提供一种互动面板显示方法、装置、设备及其存储介质,来提高对交互内容操作效率。
一方面,本申请实施例提供了一种互动面板显示方法,包括:
在主界面内显示至少一张信息卡片;
当检测到针对信息卡片中的一张信息卡片的触发操作时,控制在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。
另一方面,本申请实施例提供了一种互动面板显示装置,包括:
显示模块,用于在主界面内显示至少一张信息卡片;
控制模块,用于当检测到针对信息卡片中的一张信息卡片的触发操作时,控制在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。
本申请实施例还提供了一种终端设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行该程序时实现如本申请实施例描述的方法。
本申请实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序用于:该计算机程序被处理器执行时实现如本申请实施例描述的方法。
本申请实施例提供的互动面板显示方法、装置、设备及存储介质,通过在主界面内显示至少一张信息卡片;当检测到针对信息卡片中的一张信息卡片的触发操作时,控制在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。通过在检测到针对信息卡片的触发操作之后,控制互动面板的显示来节省界面空间,并提高操作用户对互动面板的操作效率。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:
图1示出了本申请实施例提供的互动面板显示方法的实施环境架构图;
图2示出了相关技术中操作选项区域与信息卡片的位置示意图;
图3示出了本申请实施例提供的互动面板显示方法的流程示意图;
图4示出了本申请实施例提供的主界面的布局示意图;
图5示出了相关技术中与主界面内展示内容进行互动操作的流程示意图;
图6示出了本申请实施例提供的又一互动面板显示方法的流程示意图;
图7示出了本申请实施例提供的触控位置和指定位置的关系示意图;
图8示出了本申请实施例提供的操作区域划分示意图;
图9示出了本申请实施例提供的控制显示互动面板位置的示意图;
图10示出了本申请实施例提供与主界面内展示内容进行互动操作的流程示意图;
图11示出了本申请实施例提供的又一互动面板显示方法的流程示意图;
图12示出了本申请实施例的提供终端与服务器的交互流程示意图;
图13示出了本申请实施例提供的互动面板显示装置500的示例性结构框图;
图14示出了本申请实施例提供的互动面板显示装置600的示例性结构框图;
图15示出了适于用来实现本申请实施例的终端设备的计算机系统900的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关公开,而非对该公开的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与公开相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
名词解释
主界面是指在应用程序启动之后,在显示装置上展示的向操作用户提供交互操作的界面,操作用户可以通过在操作界面上输入触控操作,来实现与操作界面内展示的数据内容的互动。其中,主界面可以是卡片式界面或者响应式界面。主界面可以包括应用程序启动之后,向操作用户呈现的推荐页面,或者响应于操作用户的选择指令展现的页面,例如视频播放页面,或者信息发布显示页面等。数据内容是指以视频、或文字、或文字和图片组合、或文字与视频组合、文字和音频等形式让操作用户直观了解的信息。
卡片式界面,是以卡片形式向操作用户展示视频、文字、文字和图片的组合,文字问和视频的组合,文字和音频的组合内容。卡片可以是主界面内容用于展示数据内容的矩形区域。
响应式界面,是适配任何尺寸的屏幕的数据内容展示页面。
互动面板是指向操作用户提供对主界面内展示的数据内容进行互动操作的重复操作选项的集合。
操作选项是指与主界面内展示的数据内容进行互动操作的接口。例如可以是操作用户意图对展示的数据内容进行点赞时,向操作用户提供的用于执行点赞操作的选项;或者操作用户意图对展示的数据内容进行评论时,向操作用户提供的用于执行评论操作的选项;或者,操作用户意图对展示的数据内容进行转发,向操作用户提供的用于执行转发操作的选项等。这里便于理解操作选项的定义示例性说明上述功能的操作选型,并未穷举操作选项。本申请实施例中与展示的数据内容进行交互的所有操作均可以理解为操作选项。
信息卡片是以卡片形式在主界面内展示数据内容的区域,或者在响应式界面内用于展示数据内容的区域。前者例如是手机中应用程序展示的短视频展示界面,微博展示界面。后者例如是台式电脑或笔记本电脑通过浏览器展示的显示视频展示界面,新闻展示界面等。其中,每张信息卡片在主界面中对应一块子区域。该子区域用于显示一条多媒体内容。该多媒体内容可以是文字形式、或者文字与图片组合形式、或者文字与短视频组合形式、或者文字与音乐的组合形式。该多媒体内容还可以是视频形式、短视频形式、静止图片形式、动态图片形式、音乐格式形式等。
请参考图1,图1示出了本申请实施例提供的互动面板显示方法的实施环境架构图。如图1所示,该实施环境架构包括:终端101和服务器102。其中,终端101用于安装各种应用程序,并通过终端的显示装置显示应用程序的操作界面。例如是提供短视频展示的应用程序,也可以是提供长视频展示的应用程序,或者可以执行信息交互类应用程序。短视频是指时间长度限制在一定时间范围的视频。例如,5 分钟之内。
操作用户通过在应用程序的操作界面输入操作指令,实现与操作界面内显示的展示数据的交互,并将交互产生的数据提供给服务器。
输入操作指令的输入装置可以是与触摸屏相接触的触控笔、手指,或者与电脑连接的鼠标,或者是向虚拟现实设备提供输入信息的人体的肢体等。终端101的类型包括但不限于智能手机、平板电脑、电视机、笔记本电脑、台式电脑、虚拟现实设备等,本发明实施例对此不做具体限定。
服务器102可以与终端101进行通信,接收终端101发送的数据、请求等,并根据接收的数据、请求等执行相应操作,然后将操作产生的结果返回给终端101。服务器102可以是一台服务器,也可以是由多台服务器组成的服务器集群,或者是一个云计算服务中心。终端101 与服务器102通过有线或无线网络进行通信。
请参见图2,图2示出了相关技术中操作选项区域与信息卡片的位置关系示意图。如图2所示,当在终端101中显示应用程序的主界面11时,主界面11内显示至少一张信息卡片111。相关技术中,将操作选项113固定设置在每张信息卡片111的下方的固定区域112内。在每张信息卡片111下方的固定区域112内均设置有功能相同的1个或者多个操作选项113,这样界面布局设计,因为需要为每张信息卡片设置一个固定区域112用于展示操作选项113,导致界面存在空间浪费的问题。
本申请为了解决上述问题,提出了一种互动面板显示方法,期望通过减少重复功能对界面的占用,来提升空间利用率。
请参考图3,图3示出了本申请实施例提供的互动面板显示方法的流程示意图。该方法由互动面板显示装置执行。互动面板显示装置可以集成在终端等计算机设备中,互动面板显示装置可以是硬件也可以是软件模块。
步骤201,在主界面内显示至少一张信息卡片,该信息卡片用于展示数据内容。
步骤202,当检测到针对信息卡片中的一张信息卡片的触发操作时,控制在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。
上述步骤中,在主界面内显示一张信息卡片或者多张信息卡片。信息卡片是在主界面内用于展示数据内容的子区域。例如在手机终端上安装的应用程序,该应用程序的主界面中用于展示数据内容的子区域。例如台式电脑或笔记本电脑上安装的应用程序,该应用程序的主界面内用于展示数据内容的子区域,或者通过浏览器展示主界面,该主界面内用于展示数据内容的子区域。本实施例中,所述多张信息卡片上展示的数据内容可以为多媒体数据,例如视频、短视频、电影、音乐、音乐MV、flash动画、图片等等,也或者,所述多张信息卡片上展示的数据内容也可以为文本内容,如新闻资讯、用户心情动态等。
当检测到针对某张信息卡片的触发操作时,控制在主界面内显示互动面板。其中,触发操作是用于触发在主界面中开始显示互动面板的操作。触发操作可以是操作用户输入的操作指令。也可以是操作用户停止对主界面的浏览操作时,响应于该浏览操作的停止信息,所触发的预先设置的控制指令。该控制指令用于控制主界面内显示的某张信息卡片执行播放。
其中,操作指令可以是操作用户在信息卡片上输入的点击指令,或者长按指令等。点击可以是单击或者双击。输入动作的执行主体可以是手指或者触控笔等,也可以是鼠标,还可以是用于操作虚拟界面的手势等。控制指令可以是在操作用户停止在主界面上的浏览时,应用程序向播放主件发送的控制信息,该控制信息用于指示播放与默认设置对应的某张信息卡片。默认设置可以是主界面顶部的第一张信息卡片。
请参考图4,图4示出了本申请实施例提供的主界面的布局示意图。如图4所示,在主界面11内显示多张信息卡片111。相邻的信息卡片111之间并不需要设置固定区域。假设检测到针对图4中主界面内的信息卡片111a的触发操作,信息卡片111a内加载的短视频开始播放,此时在主界面11内显示互动面板115。如图4所示,在主界面内信息卡片111a开始播放时(图中未标识三角形图案表示该信息卡片处于播放状态),在主界面11内显示互动面板115。该互动面板115 包括多个操作选项115用于实现与播放的信息卡片111进行互动的功能选项。互动面板115的形状不局限于矩形图形,还可以是其他的图形,例如圆形,原点。互动面板115也不局限于是静止的图片,也可是其他的动态图形。优选地,将互动面板浮动地显示在主界面上。
该方法还包括:响应于对互动面板输入的操作指令,控制互动面板在主界面内移动。对互动面板输入的操作指令,例如可以是拖动指令,可以拖动互动面板在主界面内任意位置上显示。
本申请实施例提供的互动面板显示方法,减少了重复功能区域占用界面的空间,有效地节省界面空间,并提高了界面的空间利用率。
在上述基础上,动态显示的互动面板的方法在解决了空间问题的同时,一定程度上提高了交互操作效率,但仍旧难以完全克服相关技术中固定区域形成的互动面板所产生的低操作效率的问题。
请参见图5,图5示出了相关技术中与主界面内展示内容进行互动操作的流程示意图。如图5所示,从左到右依次展示操作用户如何对选择的信息卡片执行评论操作的操作过程。在图(5a)示出的主界面中操作用户执行对信息卡片111的浏览操作,例如可以是通过手指在主界面上,上下滑动来实现浏览操作。图中向上的箭头表示操作用户的大拇指向主界面的顶部方向滑动,向下的箭头表示操作用户的大拇指向主界面的底部方向滑动。紧接着,在图(5b)示出的主界面中,操作用户执行对信息卡片111的选择操作,可能在图(5a)中操作用户原本是右手握持着终端,在图(5b)中操作用户可能需要换成左手握持着终端,然后通过右手的食指在信息卡片111b上执行点击操作来实现选择操作。显然,在选择操作过程中可能需要双手协助操作。在点击图中示出的自上而下的第一张信息卡片111b时,表示选择第一张信息卡片执行播放。在图(5c)中假设操作用户意图对第一张信息卡片111b展示的内容进行互动时,例如意图对第一张信息卡片111b展示的内容进行评论操作,则操作用户需要移动食指到固定区域112内显示的与评论操作对应的评论选项,食指点击该选项,来启动与该评论选项对应的交互子界面。在图(5d)中操作用户在查看完评论内容或者自己完成评论操作之后,操作用户需要移动手指到主界面内设置的关闭操作出,通过手指点击关闭选项,响应于关闭选项的操作,应用程序会控制返回图(5c)或图(5a)的示出的主界面。显然,操作用户在主界面中需要重复操作,且需要双手协助才能完成与信息卡片的交互,这种操作方式导致操作效率较低。
本申请实施例还提出了一种互动面板显示方法,来提高界面操作效率。请参考图6,示出了本申请实施例提供的又一互动面板显示方法的流程示意图。该方法由互动面板显示装置执行。
步骤301,在主界面内显示至少一张信息卡片,该信息卡片用于展示数据内容;
步骤302,当检测到针对信息卡片中的一张信息卡片的触发操作时,控制在主界面内指定位置处显示互动面板;该指定位置是所述触发操作在主界面内确定的位置。互动面板包括互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。
在上述步骤中,在检测到针对信息卡片中的一张的触发操作时,将互动面板显示在主界面的指定位置。该指定位置是触发操作所对应的触控位置。该触控位置是操作用户在主界面上输入操作指令的位置,或者停止输入浏览指令的位置。如果触发操作是操作用户输入的操作指令时,则在操作指令产生的位置处显示互动面板。如果触发操作是操作用户停止浏览时,按照应用程序默认的触发方式触发,则以操作用户停止输入浏览指令的位置,作为互动面板的显示位置。停止输入浏览指令,可以是手指停止滑动,但手指仍旧与触控显示屏接触的位置,或者触控笔最后离开触控显示屏的位置,或者是鼠标滚轮停止滚动时,鼠标指针在显示屏上停留的位置,或者是虚拟显示界面上最后一个手势停止的位置。触控位置是与用于显示主界面的显示器相关的。例如显示器为智能手机的触摸屏,当操作用户单手握持智能手机时,大拇指作为操作物在主界面内滑动、点击完成选择动作,大拇指在主界面上执行点击动作的位置为触控位置,或者大拇指在主界面上停止上下滑动时的位置为触控位置。又例如,显示器是台式显示器或笔记本电脑的显示器时,通过鼠标作为输入装置,则鼠标的指针在台式显示器上显示的主界面上的单击操作的位置,或者滚轮停止滑动时,指针停留的位置为触控位置。同理,在虚拟显示设备显示的虚拟的界面上,操作用户的手部停留的位置可以称为触控位置。
也就是说,在用户浏览信息卡片过程中,为了简化主界面的显示内容,确保主界面简洁、美观,可以先不显示互动面板,当用户触发其中一张信息卡片时,才会触发显示互动面板。本申请实施例为了提高操作用户使用互动面板的操作效率,将互动面板聚焦显示在触控位置确定的区域内,使得操作效率得到大幅提升。
可选地,控制在主界面内指定位置处显示互动面板,包括:
获取触控位置在主界面内对应的坐标值;
根据坐标值确定一区域作为指定位置;
控制互动面板在指定位置处显示。
下面结合图7进一步说明由触控位置确定指定位置的实现方式。图7示出了本申请实施例提供的触控位置和指定位置的关系示意图。如图7所示,假设触控位置701在主界面的坐标值为(x,y),x表示触控位置对应横坐标方向的取值,y表示触控位置对应纵坐标方向的取值。
指定位置可以根据互动面板包含操作选项的个数决定。如果互动面板包含一个操作选项,则指定位置可以是触控位置对应的位置。也可以是根据触控位置估计的位置。
如果互动面板包含多个操作选项,互动面板设计为圆形,则圆形中心位置设置一个操作选项,周围辐射多个操作选项,指定位置可以是触控位置为中心,预设间隔距离为半径所限定的圆形区域的位置。
如果互动面板设计为矩形,在矩形中间隔设置多个操作选项,则可以根据上述距离L和预先设置的阈值的关系确定指定位置。
主界面的上边界是指使用者正视主界面时,主界面顶部边界,该边界的位置值通常在界面设计时可知。可以在获取触控位置的坐标值时,同步地获取该上边界的位置信息。然后,根据坐标值可以计算触控位置到上边界的距离L。在距离L大于等于阈值时,则指定位置为触控位置的上方区域702;或者,在距离L小于阈值时,则指定位置为操作点的下方区域703。
通过控制互动面板在指定位置显示,操作用户可以在主界面内无需花过多时间移动用于触控的手指(或者鼠标、触控笔、手臂等),在指定位置内,可以方便快捷地操作互动面板内呈现的操作选项,其有效地减少操作用户在界面内反复操作的时间,从而提高界面的操作效率。
例如,在鼠标停止滚动时,鼠标指针停留的位置为触控位置,以触控位置为中心,预设范围为指定位置,则在鼠标稍微移动或者几乎不用移动的范围内显示互动面板,可以极大地节省用户滑动鼠标到固定区域所需的时间。
又例如,在智能手机上操作,操作用户单手握持智能手机,当大拇指停止上下滑动时,大拇指在主界面内的停留位置作为触控位置,以该触控位置为中心,预设范围为指定位置,则在大拇指可操控的范围内,极大地简化用户操作的程序。尤其是在智能手机大屏化发展的过程中,操作用户在单手握持状态下可以实现对触摸屏的操作,极大地提高了操作效率。图8示出了本申请实施例提供的操作区域划分示意图。如图8所示,在图8中801表示操作用户在触摸屏上通过大拇指可以轻松操作的区域,该区域可以称为屏幕操作舒适区。802表示操作用户在触摸屏上,需要用力抬起大拇指以便于操作的区域,该区域可以称为屏幕操作次优区域。803表示操作用户在触摸屏上需要用力伸展才能触及、甚至完全无法触及的区域,该区域称为屏幕操作非舒适区域。
在屏幕操作舒适区域内设置互动面板,可以结合图9进一步地理解本申请的发明构思。如图9所示,图9示出了本申请实施例提供的控制显示互动面板位置的示意图。如图9所示,在操作用户单手握持智能手机时,在主界面内显示多张信息卡片111,假设按照默认设置方式触发播放时,在操作用户的大拇指对应的触控位置701确定的区域内显示互动面板115,互动面板115为矩形。互动面板115上显示的操作选项113均在操作用户的大拇指极易操作的区域内。本申请实施例,对于单手握持终端的操作用户,在屏幕操作舒适区域内完成所有交互操作,有效地节省交互程序所需时间,提高了操作效率。
下面结合操作用户单手握持智能手机为例,进一步说明本申请发明构思。图10示出了与主界面内展示内容进行互动操作的流程示意图。
如图10所示,图(10a)示出了单手握持智能手机的操作用户在界面上通过大拇指上下滑动来选择信息卡片111。当操作用户停止滑动时,触控位置701为大拇指与触控屏接触的位置。在停止滑动时,假设按照默认设置,触发主界面顶部的第一张信息卡片111b作为选择对象,并控制其播放(图中未示出三角形标识,表示该信息卡片处于播放状态)。图(10b)示出了在主界面顶部的第一张信息卡片111b开始播放时,在操作用户的大拇指的上部区域显示互动面板115,操作用户伸展大拇指即可对互动面板115内显示的操作选项113对应的图标进行操作。图(10c)示出了操作用户对评论操作选项进行操作后,显示的与评论操作选项对应的子界面,在该子界面上显示互动面板115,且互动面板115始终显示在触控位置701确定的操作范围内。当操作用户期望返回界面,仅需在互动面板115内直接点击关闭对应的操作选项即可完成子界面的关闭。与相关技术复杂的互动操作流程相比,本申请实施例通过调整互动面板显示在触控位置确定的区域内,有效地提高了操作用户与主界面内显示的多张信息卡片的互动操作效率。
在上述实施例基础上,为了进一步节省用户的操作时间,提高互动操作效率。本申请实施例还提供了一种互动面板显示方法。请参考图11,图11示出了本申请实施例提供的又一互动面板显示方法的流程示意图。该方法由互动面板显示装置执行。
步骤401,在主界面内显示至少一张信息卡片,该信息卡片用于展示数据内容;
步骤402,当检测到针对信息卡片中的一张信息卡片的触发操作时,调整每个操作选项在互动面板内的显示位置。
步骤403,控制在主界面内显示互动面板。
本申请实施例,与上述实施例相同的步骤可以参见上述实施例相同内容的描述。在步骤402中,可以从服务器接收与每个操作选项一一对应的操作概率值,该操作概率值是基于界面的操作者的历史操作数据和互动偏好数据预估得到的;然后,根据操作概率值调整每个操作选项在互动面板上的显示位置。例如,将多个操作概率值进行排序;将操作概率值中最大者所对应的操作选项排布在距离触控位置最近的位置。触控位置是与触发操作相关的位置。
多个操作选项在互动面板内的显示位置可以根据操作概率值调整,在操作用户对互动面板内的操作选项执行操作之后,再次调整互动面板内操作选项的位置。例如,在检测到针对其中一个操作选项进行操作后,同时显示与操作选项相对应的子界面和互动面板,该互动面板包括调整位置后的其他操作选项,子界面用于展示与操作选项对应的交互内容。或者,在检测到针对其中一个操作选项进行操作时,显示与操作选项对应的交互内容。在同时显示子界面和互动面板时,优选地可以将互动面板显示在子界面上面。即浮动显示互动面板。
优选地,将互动面板聚焦显示在操作点确定的区域,且始终保持在屏幕操作舒适区域内,并在互动面板中根据操作用户的历史互动数据和互动偏好数据调整多个操作选项的显示位置。本申请实施例通过动态的设置互动面板内多个操作选项的显示位置,来进一步节省操作用户操作互动面板的时间,提升互动操作的效率。
为了更清楚地理解本申请的发明构思,以智能手机操作短视频的应用程序界面为例,结合图12详细描述。图12示出了本申请实施例的提供终端与服务器的交互流程示意图。
在终端侧,终端的触控屏显示主界面,操作用户在主界面内选择播放短视频。收到互动面板显示信号的同时向服务器发送请求数据,请求调取当前播放短视频对应的历史互动数据,服务器基于该历史互动数据分析得到用户的偏好数据,并预估用户的偏好数据对应的操作选项的被操作的操作概率值P,并将互动选项的操作概率值从大到小进行排序。然后服务器将排序后的操作概率值和偏好数据发送给终端。
终端根据排序结果对经过偏好数据筛选后的操作选项进行排序,即将操作概率值最大者所对应的操作选项显示在互动面板内最靠近操作用户的大拇指的位置,如图(10b)所示,根据排序结果点赞功能对应的操作选项的图标,设置在距离大拇指最近的位置。将操作概率值最小者所对应的操作选项显示在互动面板内距离操作用户的大拇指最远的位置。如图(10b)所示,根据排序结果举报功能对应的操作选项的图标,设置在距离大拇指最远的位置。
然后,终端根据大拇指在界面内的触控位置的坐标值计算触控位置与主界面的上边界的距离L。当L大于等于300像素时,将互动面板以触控位置为中心,指向主界面的顶部方向的区域内显示(即靠近大拇指,在大拇指的上部),将互动面板保持在屏幕操作舒适区域内。或者,当L小于300像素时,将互动面板以触控位置为中心,指向主界面的底部方向的区域内显示(即靠近大拇指,在大拇指的下部)。如图(10b)在大拇指的上方显示互动面板。在终端上显示设置好的互动面板后,操作用户在屏幕操作舒适区域内,方便地操作互动面板。
假设对某个操作选项进行操作后,如图(10b)中,假设操作用户点击评论功能对应的图标,即终端收到操作触发信号。终端向服务器发送请求数据,请求调取与操作选项对应的相关数据。服务器将相关数据返回终端。终端接收该相关数据(即子界面)后进行显示,如图 (10c)中,子界面包括显示信息卡片111b和评论区域,并且在子界面上显示互动面板。互动面板中被点击的评论功能对应的图标被替换成关闭评论功能的图标,终端显示变更后的互动面板,在互动面板中显示相应操作选项的变化后的状态。操作用户可以伸展大拇指点击评论关闭图标即完成对评论功能对应的子界面的关闭操作。
可选地,还可以根据操作用户对操作选项的操作,在操作选项附近对应设置交互内容的显示。例如,如图(10b)中,点赞功能对应的操作选项的图标下方设置数字显示,该数字显示可以根据操作用户的操作呈现变化后的交互内容,如操作用户点击该图标,下方的数字变成104(图中未示出该变化值)。
本申请实施例通过动态的设置互动面板内多个操作选项的显示位置,来进一步节省操作用户操作互动面板的时间,提升互动操作的效率。
应当注意,尽管在附图中以特定顺序描述了本公开方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。相反,流程图中描绘的步骤可以改变执行顺序。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。
进一步参考图13,图13示出了本申请实施例提供的互动面板显示装置500的示例性结构框图。
显示模块501,用于在主界面内显示至少一张信息卡片;
控制模块502,用于当检测到针对信息卡片中的一张信息卡片的触发操作时,在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。
控制模块502还可以用于:控制在主界面内指定位置处显示互动面板,该指定位置是由触发操作对应的触控位置确定的区域。
可选地,该控制模块502还可以包括:
获取子模块,用于获取触控位置在主界面内对应的坐标值;
确定子模块,用于根据坐标值确定一区域作为指定位置;
控制模块,用于控制互动面板在指定位置处显示;
进一步参考图14,图14示出了本申请实施例提供的互动面板显示装置600的示例性结构框图。
显示模块601,用于在主界面内显示至少一张信息卡片。
调整模块602,用于当检测到针对所述信息卡片中的一张信息卡片的触发操作时,调整每个操作选项在互动面板内的显示位置。
控制模块603,用于控制在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。
可选地,控制模块603,用于控制在主界面内指定位置处显示互动面板。指定位置是指由与触发操作对应的触控位置所确定的区域。
可选地,调整模块602包括:
接收子模块,用于接收与每个操作选项一一对应的操作概率值,该操作概率值是基于界面的操作者的历史操作数据和互动偏好数据预估得到的;
调整子模块,用于根据操作概率值调整每个操作选项在互动面板上的显示位置。
调整子模块还用于:将经过排序处理后的操作概率值中最大者所对应的操作选项排布在距离触控位置最近的位置,触控位置是与触发操作相关的位置。
其中,排序处理可以服务器侧执行,也可以由终端设备执行。也可以二者交互执行。
可选地,显示模块602还用于:
在检测到针对其中一个操作选项进行操作之后,同时显示与操作选项相对应的子界面和互动面板,子界面用于展示与操作选项对应的交互内容,互动面板包括新的操作选项,新的操作选项用于替换被操作的操作选项;
或者,在检测到针对其中一个操作选项进行操作时,显示与操作选项对应的交互内容。
应当理解,装置500中记载的诸单元或模块与参考图3描述的方法中的各个步骤相对应,装置600中记载的诸单元或模块参考图11描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作和特征同样适用于装置500或600及其中包含的单元,在此不再赘述。装置500或600可以预先实现在电子设备的浏览器或其他安全应用中,也可以通过下载等方式而加载到电子设备的浏览器或其安全应用中。装置500或600中的相应单元可以与电子设备中的单元相互配合以实现本申请实施例的方案。
在上文详细描述中提及的若干模块或者单元,这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
下面参考图15,图15示出了适于用来实现本申请实施例的终端设备的计算机系统900的结构示意图。
如图15所示,计算机系统900包括中央处理单元(CPU)901,其可以根据存储在只读存储器(ROM)902中的程序或者从存储部分 908加载到随机访问存储器(RAM)903中的程序而执行各种适当的动作和处理。在RAM 903中,还存储有系统900操作所需的各种程序和数据。CPU 901、ROM 902以及RAM 903通过总线904彼此相连。输入/输出(I/O)接口905也连接至总线904。
以下部件连接至I/O接口905:包括键盘、鼠标、触摸屏等的输入部分906;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分907;包括硬盘等的存储部分908;以及包括诸如 LAN卡、调制解调器等的网络接口卡的通信部分909。通信部分909 经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至 I/O接口905。可拆卸介质911,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器910上,以便于从其上读出的计算机程序根据需要被安装入存储部分908。
特别地,根据本公开的实施例,上文参考流程图图3,或图6,或图11描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在机器可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分909从网络上被下载和安装,和/或从可拆卸介质911被安装。在该计算机程序被中央处理单元(CPU)901执行时,执行本申请的系统中限定的上述功能。
需要说明的是,本公开所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,前述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本申请实施例中所涉及到的单元或模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中,例如,可以描述为:一种处理器包括选择模块和显示模块。其中,这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定,例如,选择模块还可以被描述为“用于从界面内显示的至少一个信息卡片中选择一个的模块”。
作为另一方面,本申请还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中的。上述计算机可读存储介质存储有一个或者多个程序,当上述前述程序被一个或者一个以上的处理器用来执行描述于本申请的互动面板显示方法。
例如,电子设备可以实现如图3所示的:
在主界面内显示至少一张信息卡片;
当检测到针对信息卡片中的一张信息卡片的触发操作时,控制在主界面内显示互动面板,互动面板包括与所触发的信息卡片相关的至少一个操作选项,操作选项用于对所触发的信息卡片进行互动操作。又如,电子设备可以实现如图6和图11中所示的各个步骤。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离前述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
Claims (12)
1.一种互动面板显示方法,其特征在于,包括:
在主界面内显示至少一张信息卡片;
当检测到针对所述信息卡片中的一张信息卡片的触发操作时,控制在所述主界面内显示互动面板,所述互动面板包括与所触发的信息卡片相关的至少一个操作选项,所述操作选项用于对所触发的信息卡片进行互动操作。
2.根据权利要求1所述的方法,其特征在于,所述触发操作包括:
对与默认设置相对应的信息卡片执行播放;或者,
响应于输入的操作指令,对与所述操作指令相对应的信息卡片执行与所述操作指令相关的操作。
3.根据权利要求1所述的方法,其特征在于,所述控制在所述主界面内显示互动面板包括:
控制在所述主界面内指定位置处显示所述互动面板,所述指定位置是指由触控位置所确定的区域,所述触控位置是在所述主界面内与所述触发操作相关的位置。
4.根据权利要求3所述的方法,其特征在于,所述控制在所述主界面内指定位置处显示所述互动面板,包括:
获取所述触控位置在所述主界面内对应的坐标值;
根据所述坐标值确定一区域作为所述指定位置;
控制所述互动面板在所述指定位置处显示。
5.根据权利要求1-4中任意一项所述的方法,其特征在于,所述控制在所述主界面内显示互动面板之前,所述方法还包括:
调整每个所述操作选项在所述互动面板内的显示位置。
6.根据权利要求5所述的方法,其特征在于,所述调整每个所述操作选项在所述互动面板内的显示位置,包括:
接收与每个所述操作选项一一对应的操作概率值,所述操作概率值是基于所述界面的操作者的历史操作数据和互动偏好数据预估得到的;
根据所述操作概率值调整每个所述操作选项在所述互动面板上的显示位置。
7.根据权利要求6所述的方法,其特征在于,根据所述操作概率值调整每个所述操作选项在所述互动面板上的显示位置包括:
将经过排序处理后的所述操作概率值中最大者所对应的操作选项排布在距离触控位置最近的位置,所述触控位置是与所述触发操作相关的位置。
8.根据权利要求5所述的方法,其特征在于,所述方法还包括:
在检测到针对其中一个所述操作选项进行操作之后,显示与所述操作选项相对应的子界面和所述互动面板,所述子界面用于展示与所述操作选项对应的交互内容,所述互动面板包括新的操作选项,所述新的操作选项用于替换被操作的所述操作选项;
或者,在检测到针对其中一个所述操作选项进行操作时,显示与所述操作选项对应的交互内容。
9.根据权利要求1-3任一项所述的方法,其特征在于,所述方法还包括:
响应于对所述互动面板输入的操作指令,控制所述互动面板在所述主界面内移动。
10.一种互动面板显示装置,其特征在于,包括:
显示模块,用于在主界面内显示至少一张信息卡片;
控制模块,用于当检测到针对所述信息卡片中的一张信息卡片的触发操作时,控制在所述主界面内显示互动面板,所述互动面板包括与所触发的信息卡片相关的至少一个操作选项,所述操作选项用于对所触发的信息卡片进行互动操作。
11.一种终端设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-9中任一项所述的方法。
12.一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-9中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010011812.1A CN111221456A (zh) | 2020-01-03 | 2020-01-03 | 互动面板显示方法、装置、设备及其存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010011812.1A CN111221456A (zh) | 2020-01-03 | 2020-01-03 | 互动面板显示方法、装置、设备及其存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111221456A true CN111221456A (zh) | 2020-06-02 |
Family
ID=70831288
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010011812.1A Pending CN111221456A (zh) | 2020-01-03 | 2020-01-03 | 互动面板显示方法、装置、设备及其存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111221456A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113115096A (zh) * | 2021-03-18 | 2021-07-13 | 北京达佳互联信息技术有限公司 | 界面信息切换方法、装置、电子设备和存储介质 |
CN113398585A (zh) * | 2021-07-14 | 2021-09-17 | 网易(杭州)网络有限公司 | 一种游戏互动方法和装置 |
CN113515210A (zh) * | 2021-06-30 | 2021-10-19 | 北京百度网讯科技有限公司 | 一种显示方法、装置、电子设备以及存储介质 |
CN113703643A (zh) * | 2021-09-10 | 2021-11-26 | 北京字跳网络技术有限公司 | 内容显示方法、装置、设备及介质 |
CN114025218A (zh) * | 2021-09-14 | 2022-02-08 | 百果园技术(新加坡)有限公司 | 一种卡片式视频交互方法、装置、设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104536684A (zh) * | 2014-12-16 | 2015-04-22 | 小米科技有限责任公司 | 界面显示方法及装置 |
CN106155462A (zh) * | 2015-04-03 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 一种界面交互方法及装置 |
CN107704189A (zh) * | 2017-10-27 | 2018-02-16 | 努比亚技术有限公司 | 一种控制终端的方法、终端及计算机可读存储介质 |
CN108268195A (zh) * | 2018-02-28 | 2018-07-10 | 努比亚技术有限公司 | 单手操作显示方法、移动终端及计算机可读存储介质 |
CN108536344A (zh) * | 2018-01-09 | 2018-09-14 | 网易(杭州)网络有限公司 | 信息处理方法、装置、电子设备及存储介质 |
CN109753327A (zh) * | 2018-11-19 | 2019-05-14 | 努比亚技术有限公司 | 一种控件布局方法、终端及计算机可读存储介质 |
-
2020
- 2020-01-03 CN CN202010011812.1A patent/CN111221456A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104536684A (zh) * | 2014-12-16 | 2015-04-22 | 小米科技有限责任公司 | 界面显示方法及装置 |
CN106155462A (zh) * | 2015-04-03 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 一种界面交互方法及装置 |
CN107704189A (zh) * | 2017-10-27 | 2018-02-16 | 努比亚技术有限公司 | 一种控制终端的方法、终端及计算机可读存储介质 |
CN108536344A (zh) * | 2018-01-09 | 2018-09-14 | 网易(杭州)网络有限公司 | 信息处理方法、装置、电子设备及存储介质 |
CN108268195A (zh) * | 2018-02-28 | 2018-07-10 | 努比亚技术有限公司 | 单手操作显示方法、移动终端及计算机可读存储介质 |
CN109753327A (zh) * | 2018-11-19 | 2019-05-14 | 努比亚技术有限公司 | 一种控件布局方法、终端及计算机可读存储介质 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113115096A (zh) * | 2021-03-18 | 2021-07-13 | 北京达佳互联信息技术有限公司 | 界面信息切换方法、装置、电子设备和存储介质 |
WO2022193597A1 (zh) * | 2021-03-18 | 2022-09-22 | 北京达佳互联信息技术有限公司 | 界面信息切换方法及装置 |
CN113515210A (zh) * | 2021-06-30 | 2021-10-19 | 北京百度网讯科技有限公司 | 一种显示方法、装置、电子设备以及存储介质 |
CN113398585A (zh) * | 2021-07-14 | 2021-09-17 | 网易(杭州)网络有限公司 | 一种游戏互动方法和装置 |
CN113703643A (zh) * | 2021-09-10 | 2021-11-26 | 北京字跳网络技术有限公司 | 内容显示方法、装置、设备及介质 |
CN113703643B (zh) * | 2021-09-10 | 2023-03-10 | 北京字跳网络技术有限公司 | 内容显示方法、装置、设备及介质 |
CN114025218A (zh) * | 2021-09-14 | 2022-02-08 | 百果园技术(新加坡)有限公司 | 一种卡片式视频交互方法、装置、设备及存储介质 |
CN114025218B (zh) * | 2021-09-14 | 2024-04-02 | 百果园技术(新加坡)有限公司 | 一种卡片式视频交互方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111221456A (zh) | 互动面板显示方法、装置、设备及其存储介质 | |
WO2022156368A1 (zh) | 推荐信息展示方法及装置 | |
JP4788122B2 (ja) | デジタルコンテンツの表示方法、及びプログラム | |
EP1282033A2 (en) | Computer display having selective area magnification | |
US20140006988A1 (en) | Content display device, content display method, program, and recording medium | |
AU2014308633B2 (en) | Swipe toolbar to switch tabs | |
US11099731B1 (en) | Techniques for content management using a gesture sensitive element | |
US20100333016A1 (en) | Scrollbar | |
CN110865748A (zh) | 菜单呈现方法、装置、电子设备及计算机可读存储介质 | |
CN113648649A (zh) | 游戏界面的控制方法、装置、计算机可读介质及终端设备 | |
US8856827B1 (en) | System for conveying and reproducing images for interactive applications | |
CN107291235B (zh) | 控制方法和装置 | |
CN109788333A (zh) | 用于全屏显示视频的方法及装置 | |
CN110333810B (zh) | 应用于电子设备的信息展示方法、装置、介质和计算设备 | |
CN112995401A (zh) | 控件显示方法、装置、设备及介质 | |
WO2023185632A1 (zh) | 信息显示方法、装置、电子设备和存储介质 | |
EP4328725A1 (en) | Display method and apparatus, electronic device, and storage medium | |
CN113126867B (zh) | 浏览器控制方法、装置、浏览器、终端及存储介质 | |
CN115314747A (zh) | 媒体内容的控制方法、装置、电子设备和存储介质 | |
CN114564275A (zh) | 元素列表的刷新控制方法、装置、存储介质及电子设备 | |
CN110658974B (zh) | 页面滑动方法、装置、电子设备和存储介质 | |
CN109190097B (zh) | 用于输出信息的方法和装置 | |
CN113360064A (zh) | 对图片的局部区域的搜索方法及装置、介质及电子设备 | |
CN107423039B (zh) | 一种界面刷新的方法及终端 | |
KR102140935B1 (ko) | 미디어 기기의 메뉴 제어 방법 및 장치와 그 방법에 대한 프로그램 소스를 저장한 기록 매체 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40024236 Country of ref document: HK |
|
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |