WO2016155518A1

WO2016155518A1 - 一种界面交互方法及装置

Info

Publication number: WO2016155518A1
Application number: PCT/CN2016/076698
Authority: WO
Inventors: 刘思敏; 叶挺孟; 汪良平
Original assignee: 阿里巴巴集团控股有限公司; 刘思敏; 叶挺孟; 汪良平
Priority date: 2015-04-03
Filing date: 2016-03-18
Publication date: 2016-10-06
Also published as: CN106155462A

Abstract

一种界面交互方法及装置，其中方法包括：在显示窗口上显示多个卡片，所述卡片承载产品信息（S101）；响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项（S102）；响应于用户在该卡片上触发的指令，确定用户选择的选项（S103）。该方案能够支持多交互操作选项的业务，向用户提供友好的交互界面，提高用户体验。

Description

一种界面交互方法及装置

技术领域

本申请涉及界面交互技术领域，特别涉及一种界面交互方法及装置。

背景技术

智能终端是指拥有接入互联网能力，通常搭载各种操作系统，可根据用户需求定制化各种功能的设备。在生活中常见的智能终端包括：智能手机、笔记本、PDA智能终端、平板电脑、车载智能终端、智能电视、可穿戴设备等。

这些智能终端都可以为用户提供界面交互类服务，但由于受到终端显示屏幕尺寸的限制，在进行界面交互类服务时无法承载交互操作较多的业务。

以智能电视为例，随着智能电视功能的优化以及应用的普及，用户可在智能电视上体验体感游戏、热门大型3D游戏、网络购物、支付水电费等等交互类业务。在电视界面上，为了突出电视交互特点，所有信息以卡片的方式呈现。由于电视界面尺寸对卡片显示区域有一定的限制，为了保证用户观看需求(如必须设定一定区域供显示图像)目前，卡片显示区域只为用户提供单一交互操作选项，对于交互操作选项较多的业务而言，这根本没法满足业务需求。

发明内容

本申请所要解决的技术问题是提供一种界面交互方法，以支持多交+互操作选项的业务，提高用户交互体验。

本申请还提供了一种界面交互装置，用以保证上述方法在实际中的实现及应用。

一方面，本申请提供了一种界面交互方法，该方法包括：

在显示窗口上显示多个卡片，所述卡片承载产品信息；

响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项；

响应于用户在该卡片上触发的指令，确定用户选择的选项。

又一方面，本申请还提供了一种界面交互装置，该装置包括：

显示单元，用于在显示窗口上显示多个卡片，所述卡片承载产品信息；

卡片选项显示单元，用于响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项；

交互单元，用于响应于用户在该卡片上触发的指令，确定用户选择的选项。

与现有技术相比，本申请包括以下优点：

在本申请实施例中，先在显示窗口上显示多个卡片，每个卡片承载相应的产品信息，这样用户可以先浏览每个产品信息，以选择自己感兴趣的卡片；进而响应于用户在显示窗口上触发的选择操作，确定用户选择的卡片，然后在确定的卡片上渲染与该卡片相关的多个交互操作选项；在用户选定了卡片之后，再在该卡片上渲染相关的交互操作选项，即不影响用户浏览产品信息，又能为用户提供多交互操作的业务服务，最后，根据用户在卡片上触发的指令，以确定用户所选的选项，从而实现完成交互业务。因此，本发明能够为用户提供友好的多交互操作选项的界面，能够支持多交互操作业务，提高用户体验。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请的一种界面交互方法的流程图；

图2是本申请方法实施例中一种显示窗口的示例性示意图；

图3是本申请方法实施例中一种渲染卡片的显示窗口的示意图；

图4是本申请方法实施例中一种应用场景下的渲染卡片的显示窗口的示意图；

图5是本申请的一种界面交互装置的结构框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请可用于众多通用或专用的计算装置环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

参考图1，示出了本申请一种界面交互方法实施例1的流程图，本实施例可以包括以下步骤：

S101，在显示窗口上显示多个卡片，所述卡片承载产品信息。

本申请实施例可以应用于任何支持交互类业务的智能终端中，如：智能手机、笔记本、PDA智能终端、平板电脑、车载智能终端、智能电视、可穿戴设备等。

下面仅以智能电视为例，对本实施例的具体实施过程进行说明。

由于在电视界面上，为了突出电视交互特点，所有信息以卡片的方式呈现，卡片上需要承载产品信息。

例如，用户在使用智能电视时，可以通过遥控器触控进入智能电视的购物应用中，当智能电视系统接收到该触控信号时，就为用户提供一个显示窗口，在该显示窗口上显示多个卡片，这些卡片显示的内容就是购物应用相关的产品信息，卡片上显示的产品信息可以包含文字、数字、字符、图像、视频等内容。

参见图2，图2为显示窗口的一种示例图，图2中，(1)用于标识电视显示窗口(显示屏幕)，(2)、(3)以及(4)分别用于标识卡片1、卡片2以及卡片3。上述卡片仅以横向排列的方式进行展示，在具体实现时，卡片既可以以横向方式展示，也可以以纵向方式展示，当然还可以以横向兼纵向的方式展示。本发明对卡片的展示方式并不做具体限制。

S102，响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项。

用户在浏览显示界面上各个卡片上产品信息时，会选择自己感兴趣的产品，进而选择自己感兴趣的卡片；一般情况下，显示界面上光标会默认定位在第一个卡片上，当然，在具体实现时，可以将光标默认定位在任意一个卡片上，那么，用户可以通过遥控器的方向键、确认键来选择自己感兴趣的卡片，例如：当用户感兴趣的卡片是默认卡片时，用户可通过触发确认键进行选择，如果用户感兴趣的不是默认卡片，则用户可先通过方向键移动光标至自己感兴趣的卡片位置，再通过触发确认键进行选择。

根据用户出发的选择操作以确定用户选择的卡片，例如：用户选择的图2所示的卡片(1)，此时，系统需要在卡片(1)上渲染与该卡片相关的多个交互操作选项，以横向兼纵向的方式进行显示，显示结果如图3所示，即，在原卡片(1)内渲染了与其相关的4个选项，图3中的(5)就是所渲染的一个可交互操作选项。

考虑到，在具体实现时交互类业务类型多种多样，则向用户展示的选项内容的类型也可以多种多样，选项内容可以是文字、数字、字符、图片、图标、视频等形式。例如电视购物中卡片上展示的是衣服的产品图像，则与该产品相关的交互操作选项有删除、编辑、详情以及选择产品；所有的选项上内容均已文字、展示，则对应的为用户渲染后的卡片如图4所示。

另外，在具体实现时，S102步骤可以具体为：响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片；在确定的卡片上渲染与该卡片相关的多个交互操作选项，根据每个交互操作选项的显示内容调整显示区域，并以横向兼纵向的方式进行显示。另外，在具体实现时交互操作选项的分布方式以及各选项的背景色、透明度、形状等可以根据实际需求进行调整。

S103，响应于用户在该卡片上触发的指令，确定用户选择的选项。

用户在观看到卡片上渲染的交互操作选项时，可以触发相应的指令，以实现交互类业务。在具体实现时不同的业务类型，需要用户执行的操作也可能不相同。

例如：针对具有多类交互选择操作的流程性业务，这类业务需要用户按照流程顺序从每一类的交互操作选项中，选择一个自己感兴趣的选项，从而完成交互业务。

针对这类业务，本步骤S103可以按照如下方式实现：

响应于用户在卡片上的默认选项上触发的向上或向下切换的切换指令，确定用户选择的选项为该默认选项；所述默认选项是预设的所述多个交互操作选项中的任意一个选项。

这里需要说明的是，为了实现该方式上述S102在卡片上展示多个交互操作选项时，按照交互操作选项的类别，以单行显示每类别的交互操作选项的方式，并以横向兼纵向交织的方式将所述多个交互操作选项进行显示。

这里的默认选项可以设置为在显示窗口上展示的第一行第一个交互操作选项；也可以是随机设置的方式。

当用户未触发指令时，光标定位在默认选项上，如果用户触发了向上或向下切换的切换指令，可直接确认用户针对这一类的交互操作选项已作出自己的选择，所选择的就是该默认选项，同时触发了进入上一行或者下一行的另外一类的交互操作界面的状态。这种方式能够很好的节约用户交互操作时间，提高用户体验。

当用户偏好的不是默认选项时，用户需要在同一类的交互操作选项中作出选择，针对该场景本步骤S103可以按照如下方式实现：

响应于用户在显示窗口上的交互操作选项上触发的向左或向右切换的切换指令以及向上或向下切换的切换指令，确定用户选择的选项为执行向左或向右切换指令到达的选项。

用户在显示窗口上展示的任一行的选项上触发向左或向右切换的切换指令以及向上或向下切换的切换指令，当接收到用户触发的这类信号时，确定用户在一行的选项中作出了选择并触发向下一行或上一行的切换，此时可以直接确定用户当前选择的是执行向左或向右切换指令到达的选项。这种方式仅通过用户触发的方向切换的切换指令，就可以确定用户的选择，同时能够光标切换到下一行或者上一行，以方便用户继续进行交互业务，无需用户在选择选项时还触发“确认键”，简化交互过程。

为了给用户提供更加友好的交互方式，本步骤S103还可以通过以下方式实现：

响应于用户在卡片上的交互操作选项上触发的切换指令，判断该用户触发该切换指令的触控时间是否大于预设触控阈值，如果是，确定用户选择的选项为执行切换指令到达的选项。

在这种方式中，在用户在显示窗口的选项上触发切换指令时，也可能是为了跳过选项到达自己偏好的选项，因此，需要判断触控时间来决定用户是作出最终选择还是为了跳跃某个选项。那么对于用户而言，用户仅需要触发方向切换的切换指令，而系统接收到该切换指令后，判断用户触发该切换指令的触控时间是否大于预设触控阈值，例如0.5s，在触控时间大于该预设触控阈值的情况下，可以认为用户并不是在进行跳跃选项的操作，而是希望通过长按来触发选中某个选项的操作；在具体实现时，用户可以通过长按遥控器上的方向性选择按键来触发切换指令，则触控时间可以理解为系统监控的用户长按按键的时间；用户还可以通过长按的触摸操作来触发切换指令，则触控时间就是用户的触摸时间。

另外，为了适应于一些用户操作习惯，上述步骤S103还可以按照如下方式实现：

响应于用户在卡片上的交互操作选项上触发的切换指令以及确认指令，确定用户选择的选项为执行切换指令到达的选项。

在这种方式中，用户先触发切换指令，将光标切换到对应的选项，再触发确认指令，例如，用户先通过遥控器的方向按键触发切换指令，再通过遥控器的确认键触发确认指令；当然，用户也可以同时触发切换指令和确认指令，例如，用户可以同时按压遥控器的方向按键和确认按键，以同时触发切换指令和确认指令，这样，系统只在接收到切换指令和确认指令时，才确定用户所选择的选项。这种方式可以适用于任何类型的业务。

下面仍旧以图4为例，结合具体应用场景对上述步骤S103进行解释说明。目前电视购物应用，用户主要是依靠遥控器来实现交互业务。

用户选择的是第一个卡片，则为用户在该卡片上渲染相关的交互操作选项进行展示，方便用户进一步操作。

当用户点击遥控器的确认键，则表示将该产品添加到购物车，将该产品的金额添加到合计金额；当用户通过触发遥控器上的方向键，将光标定位在卡片上的“删除”选项上，此时点击遥控器的确认键，则将该产品从购物车中删除，并从合计金额中减去该产品的金额；当用户通过触发遥控器上的方向键，将光标定位在卡片上的“详情”选项上，此时点击遥控器的确认键，进入产品详情页面；当用户通过触发遥控器上的方向键，将光标定位在卡片上的“编辑”选项上，此时点击遥控器的确认键，进入产品属性编辑页面。即，根据用户选择的选项为用户进一步展示与该选项对应的页面。

在本申请实施例中，先在显示窗口上显示多个卡片，每个卡片承载相应的产品信息，这样用户可以先浏览每个产品信息，以选择自己感兴趣的卡片；进而响应于用户在显示窗口上触发的选择操作，确定用户选择的卡片，然后在确定的卡片上渲染与该卡片相关的多个交互操作选项，并以横向兼纵向的方式进行显示；在用户选定了卡片之后，再在该卡片上渲染相关的交互操作选项，即不影响用户浏览产品信息，又能为用户提供多交互操作的业务服务，最后，根据用户在卡片上触发的指令，以确定用户所选的选项，从而实现完成交互业务。因此，本发明能够为用户提供友好的多交互操作选项的界面，能够支持多交互操作业务，提高用户体验。

与上述本申请一种界面交互方法实施例所提供的方法相对应，参见图5，本申请还提供了一种界面交互装置实施例，在本实施例中，该装置可以包括：

显示单元501，用于在显示窗口上显示多个卡片，所述卡片承载产品信息；

卡片选项显示单元502，用于响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项；

交互单元503，用于响应于用户在该卡片上触发的指令，确定用户选择的选项。

可选的，所述交互单元具体用于：

响应于用户在卡片上的交互操作选项上触发的向左或向右切换的切换指令以及向上或向下切换的切换指令，确定用户选择的选项为执行向左或向右切换指令到达的选项。

可选的，所述交互单元具体用于：

可选的，所述卡片选项显示单元，包括：

确定卡片子单元，用于响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片；

显示选项子单元，用于在确定的卡片上渲染与该卡片相关的多个交互操作选项，根据每个交互操作选项的显示内容调整显示区域，并以横向兼纵向的方式进行显示。

在本申请实施例中，界面交互装置先在显示窗口上显示多个卡片，每个卡片承载相应的产品信息，这样用户可以先浏览每个产品信息，以选择自己感兴趣的卡片；进而响应于用户在显示窗口上触发的选择操作，确定用户选择的卡片，然后在确定的卡片上渲染与该卡片相关的多个交互操作选项；在用户选定了卡片之后，再在该卡片上渲染相关的交互操作选项，即不影响用户浏览产品信息，又能为用户提供多交互操作的业务服务，最后，根据用户在卡片上触发的指令，以确定用户所选的选项，从而实现完成交互业务。因此，本申请能够为用户提供友好的多交互操作选项的界面，能够支持多交互操作业务，提高用户体验。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上对本申请所提供的一种界面交互方法及装置进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims

一种界面交互方法，其特征在于，所述方法包括：

在显示窗口上显示多个卡片，所述卡片承载产品信息；

响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项；

响应于用户在该卡片上触发的指令，确定用户选择的选项。
根据权利要求1所述的方法，其特征在于，响应于用户在该卡片上触发的指令，确定用户选择的选项，包括：

响应于用户在卡片上的默认选项上触发的向上或向下切换的切换指令，确定用户选择的选项为该默认选项；所述默认选项是预设的所述多个交互操作选项中的任意一个选项。
根据权利要求1所述的方法，其特征在于，响应于用户在该卡片上触发的指令，确定用户选择的选项，包括：

响应于用户在卡片上的交互操作选项上触发的向左或向右切换的切换指令以及向上或向下切换的切换指令，确定用户选择的选项为执行向左或向右切换指令到达的选项。
根据权利要求1所述的方法，其特征在于，响应于用户在该卡片上触发的指令，确定用户选择的选项，包括：

响应于用户在卡片上的交互操作选项上触发的切换指令以及确认指令，确定用户选择的选项为执行切换指令到达的选项。
根据权利要求1所述的方法，其特征在于，响应于用户在该卡片上触发的指令，确定用户选择的选项，包括：

响应于用户在卡片上的交互操作选项上触发的切换指令，判断该用户触发该切换指令的触控时间是否大于预设触控阈值，如果是，确定用户选择的选项为执行切换指令到达的选项。
根据权利要求1所述的方法，其特征在于，响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项，包括：

响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片；

在确定的卡片上渲染与该卡片相关的多个交互操作选项，根据每个交互操作选项的显示内容调整显示区域，并以横向兼纵向的方式进行显示。
一种界面交互装置，其特征在于，所述装置包括：

显示单元，用于在显示窗口上显示多个卡片，所述卡片承载产品信息；

卡片选项显示单元，用于响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片，在确定的卡片上渲染与该卡片相关的多个交互操作选项；

交互单元，用于响应于用户在该卡片上触发的指令，确定用户选择的选项。
根据权利要求7所述的装置，其特征在于，所述交互单元具体用于：

响应于用户在卡片上的默认选项上触发的向上或向下切换的切换指令，确定用户选择的选项为该默认选项；所述默认选项是预设的所述多个交互操作选项中的任意一个选项。
根据权利要求7所述的装置，其特征在于，所述交互单元具体用于：

响应于用户在卡片上的交互操作选项上触发的向左或向右切换的切换指令以及向上或向下切换的切换指令，确定用户选择的选项为执行向左或向右切换指令到达的选项。
根据权利要求7所述的装置，其特征在于，所述交互单元具体用于：

响应于用户在卡片上的交互操作选项上触发的切换指令以及确认指令，确定用户选择的选项为执行切换指令到达的选项。
根据权利要求7所述的装置，其特征在于，所述交互单元具体用于：

响应于用户在卡片上的交互操作选项上触发的切换指令，判断该用户触发该切换指令的触控时间是否大于预设触控阈值，如果是，确定用户选择的选项为执行切换指令到达的选项。
根据权利要求7所述的装置，其特征在于，所述卡片选项显示单元，包括：

确定卡片子单元，用于响应于用户在所述显示窗口上触发的选择操作，确定用户选择的卡片；

显示选项子单元，用于在确定的卡片上渲染与该卡片相关的多个交互操作选项，根据每个交互操作选项的显示内容调整显示区域，并以横向兼纵向的方式进行显示。