CN117251082A - 基于用户界面的人机交互方法、装置、设备及存储介质 - Google Patents

基于用户界面的人机交互方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN117251082A
CN117251082A CN202311201016.4A CN202311201016A CN117251082A CN 117251082 A CN117251082 A CN 117251082A CN 202311201016 A CN202311201016 A CN 202311201016A CN 117251082 A CN117251082 A CN 117251082A
Authority
CN
China
Prior art keywords
advertisement
interface
advertising
advertisement element
response
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
Application number
CN202311201016.4A
Other languages
English (en)
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202311201016.4A priority Critical patent/CN117251082A/zh
Publication of CN117251082A publication Critical patent/CN117251082A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

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

Abstract

本申请公开了一种基于用户界面的人机交互方法、装置、设备及存储介质,属于互联网广告领域。该方法包括:显示互动广告的广告界面,所述广告界面包括第一广告元素和第二广告元素,所述用户界面中的第一区域的视觉显著程度高于第二区域的视觉显著程度,所述第一区域是被所述第一广告元素覆盖的区域,所述第二区域是未被所述第一广告元素覆盖的区域;响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置;响应于改变位置后的所述第一广告元素和所述第二广告元素存在交集,改变所述广告界面的显示。本申请中,通过用户操作改变广告元素在广告界面上的位置,增加了用户和广告的互动机会。

Description

基于用户界面的人机交互方法、装置、设备及存储介质
技术领域
本申请涉及互联网广告领域,特别涉及一种基于用户界面的人机交互方法、装置、设备及存储介质。
背景技术
随着广告的发展,提升用户的互动感和体验感已经成为广告转化的关键维度之一。
相关技术中,广告的表现形态通常比较单一,在素材展示上面主要以静态图片为主,不能很好的做到与用户互动,因此对用户的吸引力比较低。
因此,如何有效设计广告的表现形态,提升用户与广告的互动,是目前需要解决的问题。
发明内容:
本申请实施例提供了一种基于用户界面的人机交互方法、装置、设备及存储介质。所述技术方案如下:
一方面,本申请实施例提供一种基于用户界面的人机交互方法,所述方法包括:
显示互动广告的广告界面,所述广告界面包括第一广告元素和第二广告元素,所述用户界面中的第一区域的视觉显著程度高于第二区域的视觉显著程度,所述第一区域是被所述第一广告元素覆盖的区域,所述第二区域是未被所述第一广告元素覆盖的区域;
响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置;
响应于改变位置后的所述第一广告元素和所述第二广告元素存在交集,改变所述广告界面的显示。
在一些实施例中,所述第一广告元素的元素形状是由广告主定制的形状。
再一方面,本申请实施例提供了一种基于用户界面的人机交互装置,所述装置包括:显示模块和响应模块;
所述显示模块,被配置为显示互动广告的广告界面,所述广告界面包括第一广告元素和第二广告元素,所述用户界面中的第一区域的视觉显著程度高于第二区域的视觉显著程度,所述第一区域是被所述第一广告元素覆盖的区域,所述第二区域是未被所述第一广告元素覆盖的区域;
所述响应模块,被配置为响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置;
所述响应模块,被配置为响应于改变位置后的所述第一广告元素和所述第二广告元素存在交集,改变所述广告界面的显示。
再一方面,本申请实施例提供一种终端设备,所述终端设备包括处理器和存储器,所述存储器中存储有计算机程序,所述计算机程序由所述处理器加载并执行以实现上述基于用户界面的人机交互方法。
再一方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,所述计算机程序被处理器执行以实现上述基于用户界面的人机交互方法。
又一方面,一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行以实现上述基于用户界面的人机交互方法。
本申请实施例提供的技术方案至少可以带来如下有益效果:
将广告界面分为可动的交互元素和固定的交互元素,可动的交互元素为第一广告元素,固定的交互元素为第二广告元素。当用户对第一广告元素进行操作时,第一广告元素可改变在广告界面上的位置;当第一广告元素和第二广告元素存在交集时,第二广告元素会切换显示状态。通过这种方式,可以增加用户和广告的互动机会,从而提升用户的体验感。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图;
图2示出了本申请一个示例性实施例提供的互动广告***的示意图;
图3示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图;
图4示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图;
图5示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图;
图6示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图;
图7示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图;
图8示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图;
图9示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图;
图10示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图;
图11示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图;
图12示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图;
图13示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图;
图14示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图;
图15示出了本申请一个示例性实施例提供的本申请技术方案的整体流程图;
图16示出了本申请一个示例性实施例提供的基于用户界面的人机交互装置的结构框图;
图17示出了本申请一个示例性实施例提供的终端设备的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。
在本申请使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本申请。在本申请和所附权利要求书中使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
需要进行说明的是,本申请在收集用户的相关数据之前以及在收集用户的相关数据的过程中,都可以显示提示界面、弹窗或输出语音提示信息,该提示界面、弹窗或语音提示信息用于提示用户当前正在搜集其相关数据,使得本申请仅仅在获取到用户对该提示界面或弹窗发出的确认操作后,才开始执行获取用户相关数据的相关步骤,否则(即未获取到用户对该提示界面或弹窗发出的确认操作时),结束获取用户相关数据的相关步骤,即不获取用户的相关数据。换句话说,本申请所采集的所有用户数据都是在用户同意并授权的情况下进行采集的,且相关用户数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。
首先,对本申请涉及的相关名词做出介绍:
第一广告元素:指的是广告界面上可动的交互元素,可以跟随用户的操作改变在广告界面上的位置。第一广告元素可以是某个标志或者产品图像,比如,第一广告元素为一个支持形状定制的追光形状。
第二广告元素:指的是广告界面上固定的交互元素,第二广告元素与第一广告元素存在交集后可切换显示状态。比如,第二广告元素可以是可切换状态的按钮。在一些实施例中,第二广告元素也可以是可动的交互元素。
相关技术中,广告的表现形态通常比较单一,在素材展示上面主要以静态图片为主,不能很好的做到与用户互动,因此对用户的吸引力比较低。
本申请实施例提供了一种基于用户界面的人机交互方法的方案。在广告素材上叠加一层追光形状,追光形状是用于模拟聚光灯照射在屏幕局部区域上的形状。被追光形状覆盖的区域显示为镂空形状;未被追光形状覆盖的区域显示为蒙版遮盖层。根据用户的操作,终端设备控制追光形状在广告界面上移动位置,追光形状在移动的过程中可以逐渐变大并照亮广告素材。如果追光形状和广告界面上的按钮重叠,按钮会将追光形状吸附到居中位置。按钮高亮后,追光形状会自动放大到全屏,之后广告界面会跳转到广告详情界面。通过这种方式,可以增加用户和广告的互动,提升用户的体验感。
以该方法应用于终端设备进行举例说明。以下实施例对该方法的步骤进行简述。
步骤1,终端设备显示互动广告的广告界面,广告界面包括追光形状和按钮,用户界面中的第一区域的视觉显著程度高于第二区域的视觉显著程度,第一区域是被追光形状覆盖的区域,第二区域是未被追光形状覆盖的区域。
如图1中的示意图(1)所示,广告界面包括广告素材101、光效图层102和按钮103。其中,光效图层102上有一个追光形状104,该追光形状104即为第一广告元素,按钮103即为第二广告元素。追光形状104为可动的交互元素,按钮103为固定的交互元素。如图1中的示意图(2)所示,初始状态下,追光形状104位于屏幕的中间位置。追光形状104覆盖的第一区域比未被追光形状104覆盖的第二区域视觉效果更加明显,追光形状104覆盖的第一区域表现为半透明亮色区域,未被追光形状104覆盖的第二区域表现为暗色区域。
步骤2,响应于针对追光形状的控制操作,改变追光形状在广告界面上的位置。
以控制操作是用户扭动终端设备的机身为例,用户可以通过扭动终端设备的机身改变追光形状104在广告界面上的位置。在用户扭动终端设备机身的过程中,终端设备内置的陀螺仪传感器会采集终端设备的机身姿态。可选地,如图1中的示意图(3)所示,当用户将终端设备向上倾斜,追光形状104在广告界面上向上移动,在终端设备控制追光形状104在广告界面上改变位置的过程中,追光形状104的覆盖的第一区域会逐渐变大。当用户将终端设备向下倾斜,追光形状104在广告界面上向下移动,终端设备会控制追光形状根据机身姿态的改变做出相应的移动。
步骤3,响应于改变位置后的追光形状和按钮存在交集,将按钮从第一状态切换为第二状态。
如图1中的示意图(4)所示,若追光形状104在广告界面上移动的过程中和按钮103存在交集(追光形状和按钮103可能存在完全重叠或部分重叠)的情况下,如图1中的示意图(5)所示,按钮103会自动将追光形状104吸附到居中位置,按钮103会切换状态。可选地,按钮103从灰色显示状态切换到高亮色显示状态,如图1中的示意图(6)所示。追光形状104覆盖的第一区域会逐渐变大,最大可为屏幕大小,如图1中的示意图(7)所示。
综上所述,本申请实施例提供的基于用户界面的人机交互方法,将广告界面分为可动的交互元素和固定的交互元素,可动的交互元素为追光形状,固定的交互元素为按钮元素。当用户对追光形状进行操作时,追光形状可改变在广告界面上的位置;当追光形状和按钮存在交集时,按钮会切换显示状态。通过这种方式,可以增加用户和广告的互动机会,从而提升用户的体验感。
图2示出了本申请一个示例性实施例提供的互动广告***的示意图。该互动广告***可以包括:终端设备110和服务器120。
终端设备110可以是诸如手机、平板电脑、电子书阅读器、多媒体播放设备、可穿戴设备等可移动电子设备。可选地,终端设备110可以是便携式终端,终端设备110由某一用户使用,比如第一用户、第二用户、第三用户等。终端设备110中可以安装有客户端(或称应用程序),终端设备110可以将互动广告的显示控制结果呈现给用户。在本申请实施例中,对客户端的类型不作限定,例如该客户端可以是视频应用程序、社交应用程序、通信应用程序、网络购物应用程序、支付应用程序、新闻资讯应用程序等。
服务器120用于为终端设备110中的客户端提供后台服务,返回互动广告的显示控制结果给终端设备110。服务器120可以是一台服务器,也可以是由多台服务器组成的服务器集群,或者是一个云计算服务中心。终端设备110与服务器120之间,可通过网络进行互相通信。该网络可以是有线网络,也可以是无线网络。
下面,对本申请实施例中提供的基于用户界面的人机交互方法进行说明。
图3示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的流程图,以该方法用于终端设备进行举例说明,该终端设备可以是图2中的终端设备110。该方法包括如下步骤中的至少部分步骤:
步骤210:显示互动广告的广告界面;
其中,广告界面至少包括第一广告元素和第二广告元素中的一种。
互动广告是一种广告形式,可以与用户进行互动。
可选地,互动广告可以采用多种形式,互动广告的形式可以表现为点击互动,用户可以点击广告中的按钮、链接或图像,以获取更多信息或访问相关网页;互动广告的形式可以表现为视频互动,广告可以包括交互式视频,用户可以在视频中进行选择、播放、暂停或跳过部分内容;互动广告的形式可以表现为游戏互动,广告可以为一个小型游戏,用户可以和游戏进行互动;互动广告的形式可以表现为社交媒体互动,广告可以包含社交媒体的分享按钮,用户可以通过点击按钮将内容分享给其他人。
广告界面指的是终端设备的应用程序中展示广告的区域或者界面。
第一广告元素是指广告界面上可动的交互元素,第二广告元素是指广告界面上固定的交互元素。
可选地,广告元素可以是一个标志、产品图像、文字、标题、横幅广告中的至少一种。在一些实施例中,第一广告元素是一个产品图像、第二广告元素是文字;或,第一广告元素是一个标志、第二广告元素是标题,本实施例对此不做限制。
在一个可选的示例中,第一广告元素的元素形状是由广告主定制的形状。第一广告元素的元素形状是由广告主定制的形状,其中广告主定制的形状可以是任何形状,包括但不限于矩形、圆形、三角形、多边形等。
在一些实施例中,终端设备通过应用程序的用户界面和用户进行交互,第一广告元素在用户界面覆盖的区域为第一区域,未被第一广告元素在用户界面覆盖的区域为第二区域。第一区域的视觉显著程度高于第二区域的视觉显著程度。
第一区域在广告界面上的可见性和吸引性高于第二区域,即第一区域更容易吸引用户的视线。可选地,第一区域的视觉显著程度高于第二区域的视觉显著程度可以表现为:第一区域使用醒目的颜色,第二区域使用较为柔和的颜色;第一区域使用明显的动画效果,第二区域未使用动画效果;第一区域采用聚光灯照亮效果,第二区域未使用聚光灯照亮效果;第一区域使用复杂的图像显示,第二区域使用简单的图像显示中的至少一种。本申请对第一区域和第二区域的表现形式不作限定。
步骤220:响应于针对广告界面的控制操作,改变第一广告元素在广告界面上的位置;
控制操作指用户对广告界面上的第一广告元素进行的操作。用户在广告界面上进行控制操作时,终端设备会控制第一广告元素根据用户的操作改变位置。
示例性的,一个广告界面上有第一广告元素。默认情况下,第一广告元素位于广告界面的顶部,当用户在广告界面上点击第一广告元素,或者使用键盘上的方向键控制第一广告元素时,终端设备会根据用户的操作改变第一广告元素在广告界面上的位置。例如,用户点击第一广告元素,终端设备控制第一广告元素移动到广告界面的底部。
步骤230:响应于改变位置后的第一广告元素和第二广告元素存在交集,改变广告界面的显示。
在一些实施例中,改变广告界面的显示,包括:改变广告界面的显示内容,或,将广告界面跳转为另一界面。
第一广告元素和第二广告元素存在交集包括:第一广告元素与第二广告元素完全重叠,或,第一广告元素与第二广告元素部分重叠。
第一状态指的是第二广告元素的初始状态,第二状态指的是第二广告元素发生响应后的状态。
可选地,第一状态可以是静态,也可以是动态,或,第一状态是静态,响应后的第二状态为动态。第一状态不同于第二状态。
在一些实施例中,当第一广告元素和第二广告元素部分重叠的情况下,终端设备会控制第二广告元素将第一广告元素吸附到居中位置,第一广告元素覆盖的第一区域会逐渐变大,最大可以为屏幕大小。此时终端设备会控制第二广告元素从第一状态切换到第二状态。
可选地,终端设备将第二广告元素从第一状态切换为第二状态,状态切换的方式可以是:第二广告元素的颜色发生改变;第二广告元素的形态发生改变;第二广告元素的大小发生改变;第二广告元素的显示内容发生变化;第二广告元素的动画效果发生变化;第二广告元素的图像发生变化;第二广告元素的透明度发生变化中的至少一种。需要说明的是,上面仅对状态切换进行了示例性的说明,本申请实施例对状态切换的方式不加以限制。
示例性的,第二广告元素初始为一个灰色标识的按钮,在第一广告元素与第二广告元素重叠后,第二广告元素吸附第一广告元素到中间位置,灰色标识按钮变成高亮标识的按钮。
综上所述,本实施例提供的方法,将广告界面分为可动的交互元素和固定的交互元素,可动的交互元素为第一广告元素,固定的交互元素为第二广告元素。当用户对第一广告元素进行操作时,第一广告元素可改变在广告界面上的位置;当第一广告元素和第二广告元素存在交集时,第二广告元素会切换显示状态。通过这种方式,可以增加用户和广告的互动机会,从而提升用户的体验感。
在基于图3的可选实施例中,图4示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图。在本实施例中,步骤220替换实现为步骤221:
步骤221:响应于动作传感器采集到的机身姿态控制操作,改变第一广告元素在广告界面上的位置。
其中,动作传感器是终端设备中能够检测到运动和姿态的传感器,常见的动作传感器包括陀螺仪传感器、加速度传感器、方向传感器、磁力传感器、重力传感器中的至少一种。
机身姿态指的是终端设备在空间中的位置和方向。动作传感器可以检测到终端设备在不同姿态下的数据,如倾斜、旋转等。
可选地,机身姿态控制操作指用户对终端设备的操作,包括点击屏幕操作、倾斜机身操作等。
此处以陀螺仪传感器进行示例性说明。
可选地,用户可以通过扭动终端设备的机身控制第一广告元素在广告界面上的位置。在一些实施例中,陀螺仪传感器测量的是终端设备绕X、Y、Z轴的角速度(这里的三轴是指以终端设备为基准,也就是陀螺仪传感器的三轴是和终端设备的三轴平行的)。可以通过陀螺仪传感器的角速度的变化,得到陀螺仪传感器的旋转角度的变化,从而控制第一广告元素在广告界面上的位置。
在一些实施例中,用户可以通过扭动陀螺仪传感器控制第一广告元素在广告界面上的位置。根据陀螺仪传感器的旋转角度,控制第一广告元素在广告界面上的位置。
在基于图4的可选实施例中,图5示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图。在本实施例中,步骤221替换实现为步骤221-1、步骤221-2、步骤221-3和步骤221-4中的至少之一:
步骤221-1:响应于动作传感器采集到的上倾机身操作,向上移动第一广告元素在广告界面上的位置;
上倾机身操作指的是用户将终端设备向上倾斜的动作或操作。
示例性的,如图6的示意图(1)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在广告界面将终端设备向上倾斜时,终端设备中的动作传感器会感知到机身姿态的变化,终端设备会控制广告界面上的第一广告元素向上移动,由原来的a位置上移到b位置。
步骤221-2:响应于动作传感器采集到的下倾机身操作,向下移动第一广告元素在广告界面上的位置;
下倾机身操作指的是用户将终端设备向下倾斜的动作或操作。
示例性的,如图6的示意图(2)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在广告界面将终端设备向下倾斜时,终端设备中的动作传感器会感知到机身姿态的变化,终端设备会控制广告界面上的第一广告元素向下移动,由原来的a位置下移到c位置。
步骤221-3:响应于动作传感器采集到的左倾机身操作,向左移动第一广告元素在广告界面上的位置;
左倾机身操作指的是用户将终端设备向左倾斜的动作或操作。
示例性的,如图6的示意图(3)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在广告界面将终端设备向左倾斜时,终端设备中的动作传感器会感知到机身姿态的变化,终端设备会控制广告界面上的第一广告元素向左移动,由原来的a位置左移到d位置。
步骤221-4:响应于动作传感器采集到的右倾机身操作,向右移动第一广告元素在广告界面上的位置。
右倾机身操作指的是用户将终端设备向右倾斜的动作或操作。
示例性的,如图6的示意图(4)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在广告界面将终端设备向右倾斜时,终端设备中的动作传感器会感知到机身姿态的变化,终端设备会控制广告界面上的第一广告元素向右移动,由原来的a位置右移到e位置。
在一种可能的实现方式中,用户将终端设备的机身向上倾斜,终端设备通过动作传感器控制第一广告元素向下移动;用户将终端设备的机身向下倾斜,终端设备通过动作传感器控制第一广告元素向上移动;用户将终端设备的机身向左倾斜,终端设备通过动作传感器控制第一广告元素向右移动;用户将终端设备的机身向右倾斜,终端设备通过动作传感器控制第一广告元素向上移动。
综上所述,本实施例提供的方法,终端设备响应动作传感器采集到的机身姿态控制操作,改变第一广告元素在广告界面上的位置。当用户向上倾斜机身时,第一广告元素在广告界面上向上移动;当用户向下倾斜机身时,第一广告元素在广告界面上向下移动;当用户向左倾斜机身时,第一广告元素在广告界面上向左移动;当用户向右倾斜机身时,第一广告元素在广告界面上向上移动;这样的交互设计可以使广告与终端设备的机身姿态相互关联,为用户提供更好的动态和交互体验。
在基于图3的可选实施例中,图7示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图。在本实施例中,步骤220替换实现为步骤222:
步骤222:响应于触摸屏操作,改变第一广告元素在广告界面上的位置;触摸屏是一种输入设备,用户可以通过手指或者触控笔在触摸屏上进行触摸、滑动或拖动等操作中的至少一种。当用户在触摸屏上进行操作时,终端设备会感知到触摸事件,并将其转化为相应的操作。可选地,用户在触摸屏上滑动第一广告元素,终端设备会根据用户的滑动操作改变第一广告元素在广告界面上的位置。
在一个可选的示例中,终端设备响应于在触摸屏上针对第一广告元素的上滑操作,向上移动第一广告元素在广告界面上的位置。
上滑操作指用户在触摸屏上针对第一广告元素进行向上滑动的操作。
示例性的,如图8中的示意图(1)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在触摸屏上进行上滑操作时,第一广告元素会相应地向上移动,由原来的a1位置移动到b1位置,以响应用户的上滑操作。
在一个可选的示例中,终端设备响应于在触摸屏上针对第一广告元素的下滑操作,向下移动第一广告元素在广告界面上的位置。
下滑操作指用户在触摸屏上针对第一广告元素进行向下滑动的操作。
示例性的,如图8中的示意图(2)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在触摸屏上进行下滑操作时,第一广告元素会相应地向下移动,由原来的a1位置移动到c1位置,以响应用户的下滑操作。
在一个可选的示例中,终端设备响应于在触摸屏上针对第一广告元素的左滑操作,向左移动第一广告元素在广告界面上的位置。
左滑操作指用户在触摸屏上针对第一广告元素进行向左滑动的操作。
示例性的,如图8中的示意图(3)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在触摸屏上进行左滑操作时,第一广告元素会相应地向左移动,由原来的a1位置移动到d1位置,以响应用户的左滑操作。
在一个可选的示例中,终端设备响应于在触摸屏上针对第一广告元素的右滑操作,向右移动第一广告元素在广告界面上的位置。
右滑操作指用户在触摸屏上针对第一广告元素进行向右滑动的操作。
示例性的,如图8中的示意图(4)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当用户在触摸屏上进行右滑操作时,第一广告元素会相应地向右移动,由原来的a1位置移动到e1位置,以响应用户的右滑操作。
综上所述,本实施例提供的方法,终端设备响应用户触摸屏幕操作,改变第一广告元素在广告界面上的位置。当用户在触摸屏上针对第一广告元素进行向上滑动的操作,第一广告元素在广告界面上向上移动;当用户在触摸屏上针对第一广告元素进行向下滑动的操作,第一广告元素在广告界面上向下移动;当用户在触摸屏上针对第一广告元素进行向左滑动的操作,第一广告元素在广告界面上向左移动;当用户在触摸屏上针对第一广告元素进行向右滑动的操作,第一广告元素在广告界面上向右移动。通过这样的交互设计,用户可以通过在触摸屏上进行滑动操作控制第一广告元素在广告界面上的位置。
在基于图3的可选实施例中,图9示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图。在本实施例中,步骤220替换实现为步骤223:
步骤223:响应于摄像头采集到的面部情况,改变第一广告元素在广告界面上的位置。
摄像头指的是终端设备内置的一种设备,用于捕捉并采集用户的面部情况。
面部情况指的是用户的面部表情、面部动作中的至少一种。在一些实施例中,摄像头将采集到的面部情况传递给终端设备,终端设备可以根据摄像头采集到的用户的面部情况,控制第一广告元素在广告界面上的位置。
示例性的,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,终端设备使用摄像头来捕捉用户的面部情况。如果终端设备通过摄像头检测到用户面部表情为微笑状态,用户的面部位置偏向屏幕的右侧,那么终端设备可以控制第一个广告元素靠近屏幕的右侧,以吸引用户的注意力。另一方面,如果终端设备通过摄像头检测到用户的面部位置偏向屏幕的左侧,那么终端设备可以控制第一个广告元素靠近屏幕的左侧,以便用户更容易看到该广告界面。
在基于图9的可选实施例中,步骤223可替换实现为步骤223-1:
步骤223-1:响应于摄像头采集到的面部动作,改变第一广告元素在广告界面上的位置;
可选地,摄像头采集到的面部情况包括面部动作。
面部动作指用户面部的动作,包括头的转向、眨眼、嘴巴的张合、点头或摇头中的至少一种。可选地,终端设备可以通过用户头的转向控制第一广告元素在广告界面上的位置;或,终端设备可以通过用户眨眼的频率和速度控制第一广告元素在广告界面的位置;或,终端设备可以通过用户张开嘴巴或者闭合嘴巴的状态控制第一广告元素在广告界面上的位置;或,终端设备可以通过用户点头或者摇头控制第一广告元素在广告界面上的位置。
示例性的,终端设备使用摄像头来捕捉用户的面部动作,如果终端设备通过摄像头检测到用户点头的动作,这表示用户对当前的广告界面感兴趣,此时终端设备控制第一广告元素位于屏幕的中间位置。
在一个可选的示例中,终端设备可以响应于所摄像头采集到的向上抬头动作,向上移动第一广告元素在广告界面上的位置;
示例性的,如图10的示意图(1)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当摄像头采集到用户向上抬头的动作时,终端设备会控制第一广告元素会相应地向上移动,由原来的a2位置移动到b2位置,以响应用户的向上抬头动作。
在一个可选的示例中,终端设备可以响应于摄像头采集到的向下低头动作,向下移动第一广告元素在广告界面上的位置;
示例性的,如图10的示意图(2)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当摄像头采集到用户向下低头的动作时,终端设备会控制第一广告元素会相应地向下移动,由原来的a2位置移动到c2位置,以响应用户的向下低头动作。
在一个可选的示例中,终端设备可以响应于摄像头采集到的向左转头动作,向左移动第一广告元素在广告界面上的位置;
示例性的,如图10的示意图(3)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当摄像头采集到用户向左转头的动作时,终端设备会控制第一广告元素会相应地向左移动,由原来的a2位置移动到d2位置,以响应用户的向左转头动作。
在一个可选的示例中,终端设备可以响应于摄像头采集到的向右转头动作,向右移动第一广告元素在广告界面上的位置。
示例性的,如图10的示意图(4)所示,终端设备中的应用程序展示了一个广告界面,该广告界面包括第一广告元素,当摄像头采集到用户向右转头的动作时,终端设备会控制第一广告元素会相应地向右移动,由原来的a2位置移动到e2位置,以响应用户的向右转头动作。
在基于图9的可选实施例中,步骤223还可以替换成步骤223-2:
步骤223-2:响应于摄像头采集到的面部表情,基于面部表情所指示的情绪程度改变第一广告元素在广告界面上的位置。
其中,情绪程度与距离呈正相关关系,距离是第一广告元素和第二广告元素之间的距离。
可选地,摄像头采集到的面部情况包括面部表情。终端设备根据面部表情所指示的情绪程度改变第一广告元素在广告界面上的位置。
情绪程度指的是用户面部表情所表示的情绪的程度或强度。距离指的是第一广告元素和第二广告元素在用户界面上的距离。可选地,结合参考图11,当面部表情为微笑时,情绪程度与距离呈正相关关系,如示意图(1)所示,用户微笑程度增加时,第一广告元素和第二广告元素之间的距离会越近;如示意图(2)所示,当用户微笑程度减少时,第一广告元素和第二广告元素之间的距离会增加。
综上所述,本实施例提供的方法,终端设备通过摄像头采集到的用户面部情况,控制第一广告元素在广告界面上的位置。当面部情况为面部动作时,终端设备根据摄像头采集到的用户头的转向,相应的改变第一广告元素的位置;当面部情况为面部表情时,终端设备基于摄像头采集到的面部表情所指示的情绪程度改变第一广告元素的位置。通过这种改变第一广告元素在广告界面上的位置的方式,广告界面可以更好地适应用户的视线和动作,从而为用户提供更具个性化的广告体验。
在基于图3的可选实施例中,图12示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图。在本实施例中,步骤220替换实现为步骤224:
步骤224:响应于麦克风采集到的语音指令,改变第一广告元素在广告界面上的位置。
在一个可选的示例中,终端设备响应于麦克风采集到的语音指令,基于语音指令所指示的声调大小改变第一广告元素在广告界面上的位置;
其中,声调大小与距离呈正相关关系,距离是第一广告元素和第二广告元素之间的距离。
麦克风指的是终端设备内置的一种接收声音的设备,用于接收用户的语音指令。
语音指令是指用户通过口头语言发出的指令。可选地,语音指令可以是词语、短语或句子中的至少一种。
声调大小指的是语音指令中所包含的声音的音调的大小。
在一些实施例中,用户和的声调大小与距离呈正相关关系,距离指的是第一广告元素和第二广告元素在用户界面上的距离。示例性的,如图13的示意图(1)所示,当用户说出“将第一广告元素向上移动”,终端设备根据麦克风采集到用户的语音指令,将第一广告元素向上移动。可选地,如图13的示意图(2)所示,用户的语音指令的声调越高,第一广告元素和第二广告元素之间的距离会越远;如图13的示意图(3)所示,用户的语音指令的声调越低,第一广告元素和第二广告元素之间的距离会越近。
综上所述,本实施例提供的方法,终端设备通过麦克风采集到的语音指令,控制第一广告元素在广告界面上的位置。同时,终端设备基于语音指令所指示的声调大小改变第一广告元素在广告界面上的位置。这样的交互方式可以提供更加便捷和个性化的广告体验,增强用户与广告之间的互动性。
在基于图3的可选实施例中,图14示出了本申请一个示例性实施例提供的基于用户界面的人机交互方法的示意图。在本实施例中,步骤230替换实现为步骤231和步骤232:
步骤231:在第一广告元素与第二广告元素存在交集的情况下,改变广告界面的显示;
在一个可选的示例中,在所述第一广告元素与所述第二广告元素存在交集的情况下,控制所述按钮从不可点击状态切换为可点击状态。
其中,按钮指的是用户界面上用于响应第一广告元素的按钮,用于控制或者触发某种操作或者功能。
第一广告元素和第二广告元素存在交集,包括第一广告元素和第二广告元素完全重叠;或,第一广告元素与第二广告元素部分重叠。
可选地,按钮可以是动态按钮,也可以是静态按钮。按钮的形状可以是规则的圆形或者方型,也可以是不规则的形状。在第一广告元素和第二广告元素存在交集的情况下,终端设备控制按钮从不可点击状态切换到可点击状态。
可点击状态和不可点击状态是按钮在用户界面上的可操作性。可选地,当按钮处于可点击状态时,按钮为可交互状态,意味着用户可以点击该按钮,终端设备会响应并触发相应的操作;当按钮处于不可点击状态时,按钮为不可交互状态,意味着用户无法通过点击该按钮触发新的操作。
可选地,可点击状态和不可点击状态可以通过按钮的外观或者交互方式来表示。
在一个可选的示例中,在第一广告元素与第二广告元素存在交集的情况下,控制按钮从第一颜色切换为第二颜色。
在一些实施例中,在第一广告元素与第二广告元素存在交集的情况下,按钮为可点击状态,按钮会显示为外观的状态。终端设备会控制按钮从第一颜色切换为第二颜色。其中,第一颜色可能显示为灰色、半透明的外观,第二颜色可能显示为高亮色的外观,本申请对外观的切换方式不作限定。
在一个可选的示例中,在第一广告元素与第二广告元素存在交集的情况下,控制按钮从未选中标识切换为已选中标识。
在一些实施例中,在第一广告元素与第二广告元素存在交集的情况下,按钮为可点击状态,按钮会显示为交互方式的状态。终端设备会控制按钮从未选中标识切换为已选中标识。其中,未选中标识可能显示未未勾选状态,已选中标识可能显示为勾选状态,本申请对这种交互方式的显示不作限定。
步骤232:在第一广告元素和第二广告元素存在交集的情况下,响应于针对按钮的点击操作,控制广告界面切换到广告详情界面。
在一些实施例中,当用户点击按钮后,终端设备会控制广告界面切换到广告详情界面。
示例性的,当用户点击“查看详情”的按钮时,终端设备会根据按钮的点击事件,执行相应的操作,将当前的广告界面切换到广告详情界面。在广告详情界面,用户可以看到关于该广告的更多详细信息。
在一个可选的示例中,在第一元素在广告界面上的位置改变的过程中,终端设备控制第一广告元素覆盖的第一区域逐渐变大,第一区域的大小与第一广告元素和第二广告元素之间的距离呈负相关。可选地,在第一广告元素和第二广告元素不存在交集的前提下,第一广告元素和第二广告元素的距离越远,第一区域的覆盖范围就会越大。
在一个可选的示例中,在第一广告元素与第二广告元素存在交集的情况下,控制第一广告元素覆盖的第一区域逐渐变大,最大为屏幕大小。可选地,第一广告元素和第二广告元素存在交集包括第一广告元素和第二广告元素全部重叠,或,第一广告元素和第二广告元素部分重叠。
在一个可选的示例中,在第一广告元素和第二广告元素部分重叠的情况下,第二广告元素将第一广告元素吸附到居中位置。第二广告元素切换状态,终端设备控制第一广告元素覆盖的第一区域逐渐放大到全屏。综上所述,本实施例提供的方法,在第一广告元素与第二广告元素存在交集的情况下,控制按钮从不可点击状态切换为可点击状态,通过终端设备响应用户点击按钮操作,控制广告界面切换到广告详情界面。这种方式可以为用户提供更多的信息和选择,为用户提供更多交互的机会,提升了广告的效果和用户体验。
图15示出了本申请技术方案的整体流程图,该方法包括如下步骤中的至少部分步骤:
步骤1001:显示广告界面;
在一些实施例中,应用程序中包括广告标签,这些标签是一小段代码,用于从服务器请求广告内容。当用户使用应用程序时,广告标签会向服务器发送请求,服务器接收到请求后,将广告内容返回给应用程序。应用程序接收到广告内容后,在应用程序界面显示广告。
示例性的,应用程序显示一个广告界面,广告界面包括广告素材、光效图层和按钮。其中,光效图层上有一个追光形状,该追光形状即为第一广告元素,按钮即为第二广告元素。应用程序加载广告素材、光效图层和按钮,将光效图层叠加在广告素材上面显示,将按钮叠加在光效图层上面显示,组成显示一个广告界面。
步骤1002:基于动作传感器,改变第一广告元素在广告界面上的位置;
可选地,用户可以通过扭动终端设备的机身控制第一广告元素在广告界面上的位置。在一些实施例中,陀螺仪传感器测量的是终端设备绕X、Y、Z轴的角速度(这里的三轴是指以终端设备为基准,也就是陀螺仪传感器的三轴是和终端设备的三轴平行的)。可以通过陀螺仪传感器的角速度的变化,得到陀螺仪传感器的旋转角度的变化,从而控制第一广告元素在广告界面上的位置。
通过陀螺仪传感器获取旋转角度的方法如下:
1.通过调用***方法,获取终端设备上的陀螺仪传感器的实例。
2.设置处理组件:处理组件用于处理陀螺仪传感器的角速度的变化。
3.处理陀螺仪传感器数据:当终端设备的机身姿态发生变化时,处理组件会反馈一个包含X、Y、Z轴的角速度数据,通过获取两个连续的陀螺仪传感器的角速度数据之间的时间间隔计算终端设备的机身姿态变化。具体为通过陀螺仪传感器的角速度数据和时间间隔,计算终端设备在每个轴上的旋转角度的变化。旋转角度变化≈Σ(wi*Δt),其中,wi为第i个时间段内的角速度(单位:弧度/秒),Δt为一个时间段的长度(单位:秒),通过将角速度在各个时间段的值乘以对应时间段的长度,并求和,可以近似估算总的旋转角度的变化。
4.将每个轴上的旋转角度的变化累积到终端设备的机身姿态中。这样就获得终端设备在X、Y和Z轴上实时的旋转角度的变化。
步骤1003:响应于触摸屏操作,改变第一广告元素在广告界面上的位置;
用户通过手指或者触控笔在触摸屏上进行触摸、滑动操作时,触摸屏接收到这个操作,上传给操作***,操作***会把这个操作传给应用程序,应用程序会根据操作的坐标,确定滑动的移动方向和移动距离,根据移动方向和移动距离,更改滑动操作在广告界面上的位置。
示例性的,当用户手指触摸到屏幕时,会触发touchstart事件;当手指在屏幕上移动时,会触发touchmove事件;当手指离开屏幕时,会触发touchend事件。可选地,当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY;当触发touchmove事件时,获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。用touchmove的最后坐标减去touchstart的起始坐标,X的结果如果正数,则说明手指是从左往右滑动;X的结果如果负数,则说明手指是从右往左滑动;Y的结果如果正数,则说明手指是从上往下滑动;Y的结果如果负数,则说明手指是从下往上滑动。
步骤1004:响应于摄像头采集到的面部情况,改变第一广告元素在广告界面上的位置;
应用程序里面有人脸识别模型,摄像头采集到人脸的图像,将人脸的图像传给人脸识别模型,人脸识别模型会把人脸在图像中的位置标记出来,可选地,标记方式为一个方框,当摄像头连续采集人脸的图像,人脸识别模型会连续标记方框,根据摄像头前后采集到的不同帧之间的方框位置,对比方框的位置,可以得出人脸的位移矢量。
示例性的,摄像头第一次采集到人脸在图像坐标轴中的位置为(X,Y),当用户向上抬头,此时摄像头采集到人脸在图像中的位置为(X1,Y1),根据两次位置之间的位移矢量,终端设备通过位移矢量控制第一广告元素在广告界面上移动。
在一种可能实现的方式中,应用程序里面有人脸识别模型,摄像头采集到人脸的图像,将人脸的图像输入到人脸识别模型中,人脸识别模型会识别人脸的图像的面部表情。可选地,人脸识别模型会输出一个对人脸图像笑脸程度的打分,笑脸程度越高,第一广告元素就会越靠近第二广告元素,即第一广告元素和第二广告元素之间的距离就会越近。
步骤1005:响应于麦克风采集到的语音指令,改变第一广告元素在广告界面上的位置;
在一些实施例中,麦克风会对语音指令的声音进行采集,终端设备将声音转换为模拟信号,通过模数转换器(Analog to Digital Converter,ADC)将模拟信号转换成数字信号。将数字信号通过信号处理算法进行处理,处理后的语音信号会传输到服务器或者终端设备的语音识别引擎上,语音识别引擎将语音信号转换为文本形式的语音指令。根据文本形式的语音指令,终端设备会触发相应的应用程序或执行相应的操作。
步骤1006:第一广告元素覆盖的第一区域逐渐变大;
在终端设备控制第一广告元素在广告界面上改变位置的过程中,第一广告元素会照亮广告素材,第一广告元素照亮的区域为第一区域,第一区域会逐渐变大。
在一些实施例中,可以创建一个距离计算方法,用于检测第一广告元素与第二广告元素之间的距离。当第一广告元素与第二广告元素之间的距离变大时,终端设备会调整第一区域逐渐变大,此时用户可以更清晰的通过屏幕看清广告素材。
步骤1007:第一广告元素和第二广告元素存在交集,将第二广告元素从第一状态切换到第二状态;
在一些实施例中,先确认第二广告元素的状态,将广告元素的状态存储在服务器或者应用程序中,可以在操作***中使用变量或者标志位来监测第二广告元素的当前状态,在第一广告元素和第二广告元素存在交集的情况下,切换广告元素的状态。可选地,可以通过调用服务器端的接口或使用代码来实现。
步骤1008:响应于针对按钮的点击操作,控制广告界面切换到广告详情界面。
在一些实施例中,在应用程序中为广告界面和广告详情界面创建对应的布局文件,用于展示界面的内容,在广告界面布局文件中,添加一个按钮,并设置点击事件处理组件,当按钮被点击时,使用界面切换的相关方法,触发相应的操作。
综上所述,本实施例提供的方法,终端设备响应于用户的控制操作,改变第一广告元素在广告界面上的位置,判断第一广告元素和第二广告元素是否存在交集,从而判断是否将第二广告元素上的按钮从第一状态切换到第二状态,终端设备根据按钮的状态控制广告界面切换到广告详情界面。这样的设计可以增强用户与广告之间的互动,提升广告的效果和用户体验。
下述为本申请装置实施例,可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节,请参照本申请方法实施例。
请参考图16,其示出了本申请一个实施例提供的基于用户界面的人机交互装置的结构框图。该装置具有实现上述基于用户界面的人机交互方法示例的功能,功能可以由硬件实现,也可以由硬件执行相应的软件实现。该装置可以是上文介绍的服务器,也可以设置在服务器中。如图16所示,该装置1100可以包括:显示模块1110、响应模块1120和控制模块1130;
显示模块1110,用于显示互动广告的广告界面,广告界面包括第一广告元素和第二广告元素,用户界面中的第一区域的视觉显著程度高于第二区域的视觉显著程度,第一区域是被第一广告元素覆盖的区域,第二区域是未被第一广告元素覆盖的区域;
响应模块1120,用于响应于针对广告界面的控制操作,改变第一广告元素在广告界面上的位置;
响应模块1120,用于响应于改变位置后的第一广告元素和第二广告元素存在交集,改变广告界面的显示。
在一个可选的实施例中,响应模块1120,用于响应于动作传感器采集到的机身姿态控制操作,改变第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于动作传感器采集到的上倾机身操作,向上移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于动作传感器采集到的下倾机身操作,向下移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于动作传感器采集到的左倾机身操作,向左移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于动作传感器采集到的右倾机身操作,向右移动第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于触摸屏操作,改变第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于在触摸屏上针对第一广告元素的上滑操作,向上移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于在触摸屏上针对第一广告元素的下滑操作,向下移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于在触摸屏上针对第一广告元素的左滑操作,向左移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于在触摸屏上针对第一广告元素的右滑操作,向右移动第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于摄像头采集到的面部情况,改变第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于摄像头采集到的面部动作,改变第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于摄像头采集到的向上抬头动作,向上移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于摄像头采集到的向下低头动作,向下移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于摄像头采集到的向左转头动作,向左移动第一广告元素在广告界面上的位置;响应模块1120,用于响应于摄像头采集到的向右转头动作,向右移动第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于摄像头采集到的面部表情,基于面部表情所指示的情绪程度改变第一广告元素在广告界面上的位置;
其中,情绪程度与距离呈正相关关系,距离是第一广告元素和第二广告元素之间的距离。
在一个可选的实施例中,响应模块1120,用于响应于麦克风采集到的语音指令,改变第一广告元素在广告界面上的位置。
在一个可选的实施例中,响应模块1120,用于响应于麦克风采集到的语音指令,基于语音指令所指示的声调大小改变第一广告元素在广告界面上的位置;
其中,声调大小与距离呈正相关关系,距离是第一广告元素和第二广告元素之间的距离。
在一些可选的实施例中,装置1100还包括控制模块1130。
在一个可选的实施例中,控制模块1130,用于在第一广告元素在广告界面上的位置改变的过程中,控制第一广告元素覆盖的第一区域逐渐变大,第一区域的大小与第一广告元素和第二广告元素之间的距离呈负相关。
在一个可选的实施例中,控制模块1130,用于在第一广告元素与第二广告元素存在交集的情况下,控制第一广告元素覆盖的第一区域逐渐变大,最大为屏幕大小。
在一个可选的实施例中,控制模块1130,用于在第一广告元素与第二广告元素存在交集的情况下,改变广告界面的显示,包括如下至少之一:在第一广告元素与第二广告元素存在交集的情况下,控制按钮从不可点击状态切换为可点击状态;。
用于在第一广告元素与第二广告元素存在交集的情况下,控制按钮从第一颜色切换为第二颜色;
其中,第一颜色为第二广告元素的初始颜色,第一颜色不同于第二颜色。
用于在第一广告元素与第二广告元素存在交集的情况下,控制按钮从未选中标识切换为已选中标识。
在一个可选的实施例中,控制模块1130,用于在第一广告元素与第二广告元素存在交集的情况下,响应于针对按钮的点击操作,控制广告界面切换到广告详情界面。
在一个可选的实施例中,第一广告元素的元素形状是由广告主定制的形状。
本申请实施例还提供了一种计算机设备,该计算机设备包括:处理器和存储器,存储器中存储有计算机程序;所述处理器,用于执行所述存储器中的所述计算机程序以实现上述各方法实施例提供的基于用户界面的人机交互方法。
图17示出了本申请一个示例性实施例提供的终端的结构框图。该终端1900可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio LayerIV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1900还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其它名称。
通常,终端1900包括有:处理器1901和存储器1902。处理器1901可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1901可以采用DSP(Digital SignalProcessing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1901也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central Processing Unit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1901可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1901还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1902可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1902还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1902中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1901所执行以实现本申请中方法实施例提供的虚拟对象的变形方法。
在一些实施例中,终端1900还可选包括有:***设备接口1903和至少一个***设备。处理器1901、存储器1902和***设备接口1903之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口1903相连。具体地,***设备包括:射频电路1904、触摸显示屏1905、摄像头组件1906、音频电路1907和电源1908中的至少一种。
***设备接口1903可被用于将I/O(Input/Output,输入/输出)相关的至少一个***设备连接到处理器1901和存储器1902。在一些实施例中,处理器1901、存储器1902和***设备接口1903被集成在同一芯片或电路板上;在一些其它实施例中,处理器1901、存储器1902和***设备接口1903中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路1904用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路1904通过电磁信号与通信网络以及其它通信设备进行通信。射频电路1904将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1904包括:天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1904可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路1904还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
触摸显示屏1905用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。触摸显示屏1905还具有采集在触摸显示屏1905的表面或表面上方的触摸信号的能量。该触摸信号可以作为控制信号输入至处理器1901进行处理。此时,触摸显示屏1905还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,触摸显示屏1905可以为一个,设置终端1900的前面板;在另一些实施例中,触摸显示屏1905可以为至少两个,分别设置在终端1900的不同表面或呈折叠设计;在再一些实施例中,触摸显示屏1905可以是柔性显示屏,设置在终端1900的弯曲表面上或折叠面上。甚至,触摸显示屏1905还可以设置成非矩形的不规则图形,也即异形屏。触摸显示屏1905可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1906用于采集图像或视频。可选地,摄像头组件1906包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1906还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路1907可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1901进行处理,或者输入至射频电路1904以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1900的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1901或射频电路1904的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1907还可以包括耳机插孔。
电源1908用于为终端1900中的各个组件进行供电。电源1908可以是交流电、直流电、一次性电池或可充电电池。当电源1908包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端1900还包括有一个或多个传感器1909。该一个或多个传感器1909包括但不限于:加速度传感器1910、陀螺仪传感器1911、压力传感器1912、光学传感器1913以及接近传感器1914。
加速度传感器1910可以检测以终端1900建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1910可以用于检测重力加速度在三个坐标轴上的分量。处理器1901可以根据加速度传感器1910采集的重力加速度信号,控制触摸显示屏1905以横向视图或纵向视图进行用户界面的显示。加速度传感器1910还可以用于游戏或者用户的运动数据的采集。陀螺仪传感器1911可以检测终端1900的机体方向及转动角度,陀螺仪传感器1911可以与加速度传感器1910协同采集用户对终端1900的3D动作。处理器1901根据陀螺仪传感器1911采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器1912可以设置在终端1900的侧边框和/或触摸显示屏1905的下层。当压力传感器1912设置在终端1900的侧边框时,可以检测用户对终端1900的握持信号,由处理器1901根据压力传感器1912采集的握持信号进行左右手识别或快捷操作。当压力传感器1912设置在触摸显示屏1905的下层时,由处理器1901根据用户对触摸显示屏1905的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
光学传感器1913用于采集环境光强度。在一个实施例中,处理器1901可以根据光学传感器1913采集的环境光强度,控制触摸显示屏1905的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏1905的显示亮度;当环境光强度较低时,调低触摸显示屏1905的显示亮度。在另一个实施例中,处理器1901还可以根据光学传感器1913采集的环境光强度,动态调整摄像头组件1906的拍摄参数。
接近传感器1914,也称距离传感器,通常设置在终端1900的前面板。接近传感器1914用于采集用户与终端1900的正面之间的距离。在一个实施例中,当接近传感器1914检测到用户与终端1900的正面之间的距离逐渐变小时,由处理器1901控制触摸显示屏1905从亮屏状态切换为息屏状态;当接近传感器1914检测到用户与终端1900的正面之间的距离逐渐变大时,由处理器1901控制触摸显示屏1905从息屏状态切换为亮屏状态。
本领域技术人员可以理解,上述结构并不构成对终端1900的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
在示例性实施例中,还提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,所述计算机程序在被处理器执行时以实现上述基于用户界面的人机交互方法。
在示例性实施例中,还提供了一种计算机程序产品,当该计算机程序产品被处理器执行时,其用于实现上述基于用户界面的人机交互方法。
应当理解的是,在本文中提及的“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。另外,本文中描述的步骤编号,仅示例性示出了步骤间的一种可能的执行先后顺序,在一些其它实施例中,上述步骤也可以不按照编号顺序来执行,如两个不同编号的步骤同时执行,或者两个不同编号的步骤按照与图示相反的顺序执行,本申请实施例对此不作限定。
以上所述仅为本申请的可选实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (20)

1.一种基于用户界面的人机交互方法,其特征在于,所述方法由终端设备执行,所述方法包括:
显示互动广告的广告界面,所述广告界面包括第一广告元素和第二广告元素,所述用户界面中的第一区域的视觉显著程度高于第二区域的视觉显著程度,所述第一区域是被所述第一广告元素覆盖的区域,所述第二区域是未被所述第一广告元素覆盖的区域;
响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置;
响应于改变位置后的所述第一广告元素和所述第二广告元素存在交集,改变所述广告界面的显示。
2.根据权利要求1所述的方法,其特征在于,所述终端设备设置有动作传感器;
所述响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于所述动作传感器采集到的机身姿态控制操作,改变所述第一广告元素在所述广告界面上的位置。
3.根据权利要求2所述的方法,其特征在于,所述响应于所述动作传感器采集到的机身姿态控制操作,改变所述第一广告元素在所述广告界面上的位置,包括如下至少之一:
响应于所述动作传感器采集到的上倾机身操作,向上移动所述第一广告元素在所述广告界面上的位置;
响应于所述动作传感器采集到的下倾机身操作,向下移动所述第一广告元素在所述广告界面上的位置;
响应于所述动作传感器采集到的左倾机身操作,向左移动所述第一广告元素在所述广告界面上的位置;
响应于所述动作传感器采集到的右倾机身操作,向右移动所述第一广告元素在所述广告界面上的位置。
4.根据权利要求1所述的方法,其特征在于,所述终端设备设置有触摸屏;
所述响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于所述触摸屏操作,改变所述第一广告元素在所述广告界面上的位置。
5.根据权利要求4所述的方法,其特征在于,所述响应于所述触摸屏操作,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于在所述触摸屏上针对所述第一广告元素的上滑操作,向上移动所述第一广告元素在所述广告界面上的位置;
响应于在所述触摸屏上针对所述第一广告元素的下滑操作,向下移动所述第一广告元素在所述广告界面上的位置;
响应于在所述触摸屏上针对所述第一广告元素的左滑操作,向左移动所述第一广告元素在所述广告界面上的位置;
响应于在所述触摸屏上针对所述第一广告元素的右滑操作,向右移动所述第一广告元素在所述广告界面上的位置。
6.根据权利要求1所述的方法,其特征在于,所述终端设备具有摄像头;
所述响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于所述摄像头采集到的面部情况,改变所述第一广告元素在所述广告界面上的位置。
7.根据权利要求6所述的方法,其特征在于,所述响应于摄像头采集到的面部情况,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于所述摄像头采集到的面部动作,改变所述第一广告元素在所述广告界面上的位置。
8.根据权利要求7所述的方法,其特征在于,所述响应于所述摄像头采集到的面部动作,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于所述摄像头采集到的向上抬头动作,向上移动所述第一广告元素在所述广告界面上的位置;
响应于所述摄像头采集到的向下低头动作,向下移动所述第一广告元素在所述广告界面上的位置;
响应于所述摄像头采集到的向左转头动作,向左移动所述第一广告元素在所述广告界面上的位置;
响应于所述摄像头采集到的向右转头动作,向右移动所述第一广告元素在所述广告界面上的位置。
9.根据权利要求6所述的方法,其特征在于,所述响应于摄像头采集到的面部情况,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于所述摄像头采集到的面部表情,基于所述面部表情所指示的情绪程度改变所述第一广告元素在所述广告界面上的位置;
其中,所述情绪程度与距离呈正相关关系,所述距离是所述第一广告元素和所述第二广告元素之间的距离。
10.根据权利要求1所述的方法,其特征在于,所述终端设备具有麦克风;
所述响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于麦克风采集到的语音指令,改变所述第一广告元素在所述广告界面上的位置。
11.根据权利要求10所述的方法,其特征在于,所述响应于麦克风采集到的语音指令,改变所述第一广告元素在所述广告界面上的位置,包括:
响应于所述麦克风采集到的语音指令,基于所述语音指令所指示的声调大小改变所述第一广告元素在所述广告界面上的位置;
其中,所述声调大小与距离呈正相关关系,所述距离是所述第一广告元素和所述第二广告元素之间的距离。
12.根据权利要求1至11任一所述的方法,其特征在于,所述方法还包括:
在所述第一广告元素在所述广告界面上的位置改变的过程中,控制所述第一广告元素覆盖的所述第一区域逐渐变大,所述第一区域的大小与所述第一广告元素和所述第二广告元素之间的距离呈负相关。
13.根据权利要求1至12任一所述的方法,其特征在于,所述方法还包括:
在所述第一广告元素与所述第二广告元素存在交集的情况下,控制所述第一广告元素覆盖的所述第一区域逐渐变大,最大为所述屏幕大小。
14.根据权利要求13所述的方法,其特征在于,所述在所述第一广告元素与所述第二广告元素存在交集的情况下,还包括:
在所述第一广告元素和所述第二广告元素部分重叠的情况下,显示所述第二广告元素将所述第一广告元素吸附到居中位置。
15.根据权利要求1所述的方法,其特征在于,所述第二广告元素包括:按钮,所述按钮是响应所述第一广告元素的按钮;
所述响应于改变位置后的所述第一广告元素和所述第二广告元素存在交集改变所述广告界面的显示,包括如下至少之一:
在所述第一广告元素与所述第二广告元素存在交集的情况下,控制所述按钮从不可点击状态切换为可点击状态;
在所述第一广告元素与所述第二广告元素存在交集的情况下,控制所述按钮从第一颜色切换为第二颜色;
在所述第一广告元素与所述第二广告元素存在交集的情况下,控制所述按钮从未选中标识切换为已选中标识。
16.根据权利要求1所述的方法,其特征在于,所述第二广告元素包括按钮,所述按钮是响应所述第一广告元素的按钮:
所述响应于改变位置后的所述第一广告元素和所述第二广告元素存在交集,改变所述广告界面的显示,包括:
在所述第一广告元素与所述第二广告元素存在交集的情况下,响应于针对所述按钮的点击操作,控制所述广告界面切换到广告详情界面。
17.一种基于用户界面的人机交互装置,其特征在于,所述装置包括:显示模块和响应模块;
所述显示模块,被配置为显示互动广告的广告界面,所述广告界面包括第一广告元素和第二广告元素,所述用户界面中的第一区域的视觉显著程度高于第二区域的视觉显著程度,所述第一区域是被所述第一广告元素覆盖的区域,所述第二区域是未被所述第一广告元素覆盖的区域;
所述响应模块,被配置为响应于针对所述广告界面的控制操作,改变所述第一广告元素在所述广告界面上的位置;
所述响应模块,被配置为响应于改变位置后的所述第一广告元素和所述第二广告元素存在交集,改变所述广告界面的显示。
18.一种终端设备,其特征在于,所述终端设备包括处理器和存储器,所述存储器中存储有计算机程序,所述计算机程序由所述处理器加载并执行以实现如权利要求1至16任一项所述的基于用户界面的人机交互方法。
19.一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至16任一项所述的基于用户界面的人机交互方法。
20.一种计算机程序产品,其特征在于,包括计算机程序,所述计算机程序被处理器执行时实现如权利要求1至16任一项所述的基于用户界面的人机交互方法。
CN202311201016.4A 2023-09-15 2023-09-15 基于用户界面的人机交互方法、装置、设备及存储介质 Pending CN117251082A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311201016.4A CN117251082A (zh) 2023-09-15 2023-09-15 基于用户界面的人机交互方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311201016.4A CN117251082A (zh) 2023-09-15 2023-09-15 基于用户界面的人机交互方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN117251082A true CN117251082A (zh) 2023-12-19

Family

ID=89127403

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311201016.4A Pending CN117251082A (zh) 2023-09-15 2023-09-15 基于用户界面的人机交互方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN117251082A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117908753A (zh) * 2024-01-19 2024-04-19 杭州甘之草科技有限公司 一种移动终端屏内可视区体感交互方法

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117908753A (zh) * 2024-01-19 2024-04-19 杭州甘之草科技有限公司 一种移动终端屏内可视区体感交互方法

Similar Documents

Publication Publication Date Title
US11599154B2 (en) Adaptive enclosure for a mobile computing device
EP3816780B1 (en) Display control method and terminal
US10134358B2 (en) Head mounted display device and method for controlling the same
CN107291356B (zh) 文件传输显示控制方法、装置及相应的终端
CN110083282B (zh) 基于信息展示页面的人机交互方法、装置、终端及介质
CN112044065B (zh) 虚拟资源的显示方法、装置、设备及存储介质
CN108920069B (zh) 一种触控操作方法、装置、移动终端和存储介质
CN109086366B (zh) 浏览器中的推荐新闻显示方法、装置、设备及存储介质
WO2023050722A1 (zh) 信息显示方法及电子设备
US10474324B2 (en) Uninterruptable overlay on a display
US20220012283A1 (en) Capturing Objects in an Unstructured Video Stream
CN111459363B (zh) 信息展示方法、装置、设备及存储介质
CN117251082A (zh) 基于用户界面的人机交互方法、装置、设备及存储介质
CN114546545B (zh) 图文显示方法、装置、终端及存储介质
CN108540668A (zh) 一种程序启动方法及移动终端
EP4125274A1 (en) Method and apparatus for playing videos
CN115002549B (zh) 视频画面的显示方法、装置、设备及介质
CN115379113A (zh) 拍摄处理方法、装置、设备及存储介质
KR102463080B1 (ko) 머리 착용형 디스플레이 장치 및 머리 착용형 디스플레이 장치의 콘텐트 표시방법
US20190235710A1 (en) Page Turning Method and System for Digital Devices
CN116304355B (zh) 基于对象的信息推荐方法、装置、电子设备及存储介质
CN113535054B (zh) 显示内容切换方法、装置、存储介质及电子设备
WO2023005499A1 (zh) 查找视频的方法、装置、设备、存储介质及程序产品
CN115022721B (zh) 内容展示方法、装置、电子设备及存储介质
CN113220203B (zh) 活动入口展示方法、装置、终端及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication