CN105867747A - 界面交互方法及装置 - Google Patents

Abstract

本申请提供了界面交互方法及装置，其中一种方法包括：响应于用户在已打开应用的交互界面上触发的操作，提供一个辅助窗口以供展示；其中，所述辅助窗口上有：如何到达交互界面的预设界面位置的预设操作提示，所述交互界面的列表内容区域中展示的可见列表项为所述已打开应用的部分列表项；响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在交互界面上的交互。在本申请实施例中，可以提升用户在终端上的界面交互效率。

Description

界面交互方法及装置

技术领域

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

背景技术

目前，终端，或者叫通信终端，是指可以在通讯中使用的计算机设备，广义的讲包括个人计算机、手机、笔记本、平板电脑、POS机甚至包括车载电脑等设备。移动终端一般是指手机或者具有多种应用功能的智能手机以及平板电脑等。

以智能手机为例，随着智能手机的显示屏变大的趋势，用户在单手操作智能手机时往往由于触摸屏太大而需要借助另一只手才能实现。例如，在购物网站浏览产品信息的时候，由于产品列表项过多，为了要跳转到产品列表界面的其他位置，往往需要不停的滑动产品列表界面。

也因此，使得用户在终端上进行界面交互的时候，由于需要多次触发滑动操作而使得用户与终端的交互效率较低。

发明内容

本申请所要解决的技术问题是提供一种界面交互方法，用以尽量避免现有技术中由于用户打开的某个应用由于列表项过多而显示屏幕太大导致的，用户需要多次滑动才能完成交互操作的现象，从而能够提高用户与终端的交互效率。进一步的，还能提升用户使用终端的使用体验。

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

为了解决上述问题，本申请公开了一种界面交互方法，包括：

响应于用户在已打开应用的交互界面上触发的操作，提供一个辅助窗口以供展示；其中，所述辅助窗口上有：如何到达交互界面的预设界面位置的预设操作提示，所述交互界面的列表内容区域中展示的可见列表项为所述已打开应用的部分列表项；

响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在所述交互界面上的交互。

本申请公开了另一种界面交互方法，包括：

响应于用户在当前已打开应用的交互界面上触发的操作，将所述交互界面中显示的初始列表项替换为目标列表项；其中，所述目标列表项的个数大于所述初始列表项的个数，所述交互界面的列表内容区域中展示的初始列表项为所述已打开应用的部分列表项；

响应于用户针对所述目标列表项触发的交互指令，实现所述用户在所述交互界面上的交互。

本申请公开了一种界面交互装置，包括：

提供辅助窗口模块，用于响应于用户在当前已打开应用的交互界面上触发的操作，提供一个辅助窗口以供展示；其中，所述辅助窗口上有：如何到达交互界面的预设界面位置的预设操作提示，所述交互界面的列表内容区域中展示的可见列表项为所述已打开应用的部分列表项；

第一交互模块，用于响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在所述交互界面上的交互。

本申请公开了另一种界面交互装置，包括：

显示模块，用于响应于用户在当前已打开应用的交互界面上触发的操作，将所述交互界面中显示的初始列表项替换为目标列表项；其中，所述目标列表项的个数大于所述初始列表项的个数，所述交互界面的列表内容区域中展示的初始列表项为所述已打开应用的部分列表项；

第二交互模块，用于响应于用户针对所述目标列表项触发的交互指令，实现所述用户在所述交互界面上的交互。

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

在本申请实施例中，用户首先通过触发的辅助窗口，可以根据该辅助窗口上的预设操作提示，来触发交互指令来实现快速到达内容列表界面的预设位置，与现有技术相比，本申请实施例无需用户在显示屏幕上多次触摸滑动才能到达内容列表界面的预设位置，例如内容列表界面的顶端或者底部，从而提升了用户与移动终端上列表内容界面的交互效率。进一步的，也提升了用户在使用移动终端的使用体验。

当然，实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。

附图说明

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

图1是本申请的界面交互方法实施例1的流程图；

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

图3是本申请方法实施例中用户触发第一交互指令的界面示意图；

图4是本申请方法实施例中交互界面顶端的10个联系人列表项展示在列表内容区域上的界面示意图；

图5是本申请方法实施例中用户触发第二交互指令的界面示意图；

图6是本申请方法实施例中列表内容界面底部的10个联系人列表项展示在交互界面上的界面示意图；

图7是本申请的界面交互方法实施例2的流程图

图8为本申请的界面交互装置实施例1的结构框图

图9为本申请的界面交互装置实施例2的结构框图。

具体实施方式

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

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

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

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

步骤101：响应于用户在当前已打开应用的交互界面上触发的操作，提供一个辅助窗口以供展示；其中，所述辅助窗口上有：如何到达交互界面中的预设界面位置的预设操作提示，所述交互界面的列表内容区域中展示的可见列表项为所述已打开应用的部分列表项。

在本申请实施例中，以移动终端为例，用户在使用移动终端的时候，可能会打开移动终端上安装的应用，例如，打开“通讯录”，该应用中以列表形式存储有多个联系人信息，每一个联系人信息即为本申请实施例中的列表项。而打开“通讯录”之后，该“通讯录”应用在移动终端上的整个显示界面即为交互界面。而因为通讯录中可能联系人过多而无法在当前显示屏幕上完全显示，所以在交互界面上的内容区域显示的有可能仅是通讯录中的部分联系人的列表项。在本申请实施例中虽然以“通讯录”为手机应用举例示意，但是本领域技术人员可以毫无疑义的确定，只要包括多个列表项且全部列表项无法在交互界面上的列表内容区域一次性显示完毕的应用都可以实施本申请的技术方案。

参考图2所示，图2为本申请方法实施例中的一个界面示意图。其中，交互界面202是指已打开应用在终端上覆盖的整个界面，而列表内容区域201则是当前能够显示的部分列表项所占用的区域，其中，已打开应用中只有部分列表项(即联系人11-20)是可见的。当然，图2中仅仅为一个具体示例。此外，本步骤中所打开的辅助窗口可以悬浮于交互界面上，该辅助窗口上显示有如何到达交互界面的预设界面位置的预设操作提示，根据该预设操作提示用户可以触发到达交互界面的预设界面位置的操作。

具体的，本步骤在实现时可以包括：

步骤A1：响应于用户在列表内容区域触发的触摸操作，判断该触摸操作的触摸时间是否大于预设触摸阈值，如果是，则进入步骤A2。

在本步骤中，在用户在列表内容区域触发了触摸操作的情况下，因为该触摸操作也有可能是单击操作，即，用户希望通过单击而对某个列表项的选中操作，因此，需要判断触摸操作的触摸时间是否大于预设触摸阈值，例如0.5s，在触摸时间大于该预设触摸阈值的情况下，可以认为用户并不是在进行选中操作，而是希望通过长按来触发辅助窗口的展示。

步骤A2：提供一个悬浮的辅助窗口以供展示。

在用户的触摸时间超过预设触摸阈值而在列表内容区域长按的情况下，可以按照预先设置好的辅助窗口的大小和显示位置，来提供一个悬浮于列表内容界面的辅助窗口并展示给用户。

当然，可以理解的是，如果步骤A1的判断结果为否，则可以不执行步骤A2。此外，在步骤A1和A2中举出了通过长按的触摸操作来触发辅助窗口的例子，在实际应用中，本领域技术人员也可以在列表内容区域设置一个功能按钮，用户可以通过单击该功能按钮来触发辅助窗口，或者，本领域技术人员也可以在列表内容区域设置一个超链接，用户可以通过点击该超链接来触发辅助窗口，等等。本申请不限制触发辅助窗口的方式。

参考图2所示，为悬浮的辅助窗口的界面示意图。其中，辅助窗口203仅仅为一个具体示例。实际应用中，辅助窗口的大小和展示位置都可以根据实际需求预先设定，例如可以设定其大小为500px*600px，且其显示位置为触摸屏幕的正中心位置。再例如，如果应用于用户右手单手操作移动终端的场景，可以将辅助窗口显示在移动终端的右侧，或者如果应用于用户左手单手操作移动终端的场景，也可以将辅助窗口显示在移动终端的左侧，等等。

其中，还可以理解的是，在辅助窗口上的预设操作表示了用户需要滑动手势的触摸轨迹，该触摸轨迹可以动画效果进行示意，提醒用户应该采用何种触摸估计才能到达界面预设位置。其中，动画效果可以包括：以从小到大进行渐变的预设控件形状的效果。再参考图2所示，在辅助窗口203上，预设控件形状已经设置为圆形，当然在不同的应用场景中，还可以设置为三角形或者正方形等形状。而在辅助窗口的上半部分，例如，按照从下到上的滑动方向，圆形以从小到大渐变的动画效果提示用户其到达预设界面的顶端位置需要滑动的触摸轨迹。而在辅助窗口的下半部分，按照从上到下的滑动方向，圆形也以从小到大渐变的动画效果提示用户其到达预设界面的底部位置需要滑动的触摸轨迹。当然，在实际应用中，还可以为图2中的圆形预先设置阴影等效果。

可以理解的是，图2中的示意仅仅是为了方便本领域技术人员的理解而举出的具体示例，不应将其理解为本申请的限定。

接着返回图1，进入步骤102：响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在交互界面上的交互。

在本实施例中，交互界面的预设位置可以为：交互界面的顶端或底部，因为在列表项过多的情况下，用户到达交互界面的顶端或底部需要滑动很多次，所以直接将到达顶端或者底部的触摸操作的轨迹提示给用户，方便用户通过符合该触摸轨迹的滑动方式快速到达交互界面的顶端或者底部。

那么，在需要快速到达交互界面的顶端的情况下，本步骤的具体实现可以为：响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述交互界面的顶端的第一交互指令，将位于所述交互界面顶端的预设个数的列表项展示于所述列表内容区域上。如果用户在图2所示的辅助窗口的上半部分区域，按照从小到大的圆形所示的滑动方向，用户的触摸操作的轨迹从下到上依次覆盖了图2的辅助区域中的上半部分区域中的3个圆形，那么就相当于用户触发了第一交互指令，在这种情况下，可以将列表内容界面中从第1个联系人到第10个联系人的列表项在列表内容区域展示给用户。

参考图3所示，为用户触发第一交互指令的界面示意图。参考图4所示，为交互界面顶端的10个联系人列表项展示在列表内容区域上的界面示意图。

还有一种情况，即在需要快速到达交互界面的底部的情况下，本步骤的具体实现可以为：响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述交互界面的底部的第二交互指令，将位于所述交互界面底部的预设个数的列表项展示于所述列表内容区域上。如果用户在图2所示的辅助窗口的下半部分区域，按照从小到大的圆形所示的滑动方向，用户的触摸操作的轨迹从上到下依次覆盖了图2的辅助窗口203中下半部分区域中的3个圆形，那么就相当于用户触发了第二交互指令，在这种情况下，可以将交互界面中从第91个联系人到第100个联系人的列表项在列表内容区域展示给用户。需要说明的是，这里以联系人一共有100个为例，如果联系人一共有n个，而n大于100，那么显示就是n-9～n的一共10个联系人(以每次列表显示区域能显示10个联系人列表项为例)。

参考图5所示，为用户触发第二交互指令的界面示意图。参考图6所示，为交互界面底部的10个联系人列表项展示在列表内容区域上的界面示意图。

可见，在本申请实施例中，用户首先通过触发的辅助窗口，可以根据该辅助窗口上的预设操作提示，来触发交互指令来实现快速到达交互界面的预设界面位置，与现有技术相比，本申请实施例无需用户在显示屏幕上多次触摸滑动才能到达交互界面的预设界面位置，例如交互界面的顶端或者底部，从而提升了用户与终端的交互界面的交互效率。进一步的，也提升了用户在使用终端的使用体验。

参考图7所示，示出了本申请一种基于移动终端的界面交互方法实施例2的流程图，本实施例可以包括以下步骤：

步骤701：响应于用户在当前已打开应用的交互界面上触发的操作，将所述交互界面中显示的初始列表项替换为目标列表项；其中，所述目标列表项的个数大于所述初始列表项的个数，所述交互界面的列表内容区域中展示的初始列表项为所述已打开应用的部分列表项。

在本申请实施例中，列表内容区域和交互界面的相关介绍可以参考实施例1，在此不再赘述。此外，在本申请实施例中，对于用户触发的触摸操作的实现可以参考步骤A1～步骤A2的介绍。如果用户触发了长按操作，那么本实施例中，可以将本来在交互界面中正常显示的初始列表项替换为个数比初始列表项个数更多的目标列表项进行展示。例如，正常显示的初始列表项为十个，那么可以将包括这十个的初始列表项的二十个目标列表项进行显示。那么，每个目标列表项所占用的区域大小就只有初始列表项所占用的区域大小的二十分之。当然，这只是一个示例，目标列表项的个数只需要大于初始列表项的个数即可，这样用户就能在同样大小的显示屏幕上看到更多个数的列表项，从而方便其通过单手的触摸操作来对更多的列表项进行选中或者删除等操作。

步骤702：响应于用户针对所述目标列表项触发的交互指令，实现所述用户在所述交互界面上的交互。

接着用户可以在当前显示屏幕显示的目标列表项的列表内容区域触发交互指令，例如选中某一个目标列表项，则直接打开该目标列表项的列表内容，或者删除某一个目标列表项，等，同时，用户还可以触发上下滑动操作，来浏览当前未能显示的剩余列表项。

在本实施例中，由于目标列表项的个数大于初始列表项的个数，因此，用户不仅是选中或者删除操作，还是通过触发滑动操作来浏览剩余列表项，与列表项正常显示的现有技术相比，都可以更为快速地实现用户触发的界面交互操作，从而也能提升用户与终端的交互效率，以及，提升用户使用终端上的应用的使用体验。

可以理解的是，由于本实施例与方法实施例1的原理相同，因此未尽之处参考方法实施例1的描述即可。

对于前述的方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

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

提供辅助窗口模块801，用于响应于用户在当前已打开应用的交互界面上触发的操作，提供一个辅助窗口以供展示；其中，所述辅助窗口上有：如何到达交互界面的预设界面位置的预设操作提示，所述交互界面中展示的可见列表项为所述已打开应用的部分列表项。

其中，所述提供辅助窗口模块801，具体可以包括：

判断子模块，用于响应于用户在列表内容区域触发的触摸操作，判断该触摸操作的触摸时间是否大于预设触摸阈值；和，提供子模块，用于在所述判断子模块的结果为是的情况下，提供一个悬浮的辅助窗口以供展示。

第一交互模块802，用于响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在交互界面上的交互。

所述交互界面的预设界面位置为：交互界面的顶端或底部；所述第一交互模块802，具体可以用于：

响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述列表内容界面的顶端的第一交互指令，将位于所述交互界面顶端的预设个数的列表项展示于所述交互界面上；

或，响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述交互界面的底部的第二交互指令，将位于所述交互界面底部的预设个数的列表项展示于所述交互界面上。

在本申请实施例中，用户首先通过触发的辅助窗口，可以根据该辅助窗口上的预设操作提示，来触发交互指令来实现快速到达交互界面的预设位置，与现有技术相比，本申请实施例无需用户在显示屏幕上多次触摸滑动才能到达交互界面的预设位置，例如交互界面的顶端或者底部，从而提升了用户与交互界面的交互效率。进一步的，也提升了用户在使用终端的使用体验。

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

显示模块901，用于响应于用户在当前已打开应用的交互界面上触发的操作，将所述交互界面中显示的初始列表项替换为目标列表项；其中，所述目标列表项的个数大于所述初始列表项的个数，所述交互界面的列表内容区域中展示的初始列表项为所述已打开应用的部分列表项。

第二交互模块902，用于响应于用户针对所述目标列表项触发的交互指令，实现所述用户在交互界面上的交互。

在本实施例中，由于目标列表项的个数大于初始列表项的个数，因此，用户不仅是选中或者删除操作，还是通过触发滑动操作来浏览剩余列表项，与列表项正常显示的现有技术相比，都可以更为快速地实现用户触发的界面交互操作，从而也能提升用户与移动终端的交互效率，以及，提升用户使用移动终端上的应用的使用体验。

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

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

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

Claims (9)

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

响应于用户在已打开应用的交互界面上触发的操作，提供一个辅助窗口以供展示；其中，所述辅助窗口上有：如何到达交互界面的预设界面位置的预设操作提示，所述交互界面的列表内容区域中展示的可见列表项为所述已打开应用的部分列表项；

响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在所述交互界面上的交互。

2.根据权利要求1所述的方法，其特征在于，所述交互界面的预设位置为：交互界面的顶端或底部；所述响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在所述交互界面上的交互，具体为：

响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述交互界面的顶端的第一交互指令，将位于所述交互界面顶端的预设个数的列表项展示于所述列表内容区域上；

或，响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述列表内容界面的底部的第二交互指令，将位于所述交互界面底部的预设个数的列表项展示于所述列表内容区域上。

3.根据权利要求1所述的方法，其特征在于，所述响应于用户在交互界面上触发的操作，提供一个辅助窗口以供展示，包括：

响应于用户在列表内容区域触发的触摸操作，判断该触摸操作的触摸时间是否大于预设触摸阈值，如果是，则提供一个悬浮的辅助窗口以供展示。

4.根据权利要求1～3任意一项所述的方法，其特征在于，所述预设操作提示用于表示预设的触摸操作的轨迹，所述触摸操作的轨迹按照触摸方向以从小到大进行渐变的预设控件形状的效果进行示意。

5.一种界面交互方法，其特征在于，该方法包括：

响应于用户在当前已打开应用的交互界面上触发的操作，将所述交互界面中显示的初始列表项替换为目标列表项；其中，所述目标列表项的个数大于所述初始列表项的个数，所述交互界面的列表内容区域中展示的初始列表项为所述已打开应用的部分列表项；

响应于用户针对所述目标列表项触发的交互指令，实现所述用户在所述交互界面上的交互。

6.一种界面交互装置，其特征在于，包括：

提供辅助窗口模块，用于响应于用户在当前已打开应用的交互界面上触发的操作，提供一个辅助窗口以供展示；其中，所述辅助窗口上有：如何到达交互界面的预设界面位置的预设操作提示，所述交互界面的列表内容区域中展示的可见列表项为所述已打开应用的部分列表项；

第一交互模块，用于响应于用户依据所述预设操作提示在所述辅助窗口上触发的交互指令，实现所述用户在所述交互界面上的交互。

7.根据权利要求6所述的装置，其特征在于，所述交互界面的预设位置为：交互界面的顶端或底部；所述第一交互模块，具体用于：

响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述交互界面的顶端的第一交互指令，将位于所述交互界面顶端的预设个数的列表项展示于所述列表内容区域上；

或，响应于用户在所述辅助窗口上按照所述预设操作提示触发的、到达所述列表内容界面的底部的第二交互指令，将位于所述交互界面底部的预设个数的列表项展示于所述列表内容区域上。

8.根据权利要求6所述的装置，其特征在于，所述提供辅助窗口模块，包括：

判断子模块，用于响应于用户在列表内容区域触发的触摸操作，判断该触摸操作的触摸时间是否大于预设触摸阈值；

提供子模块，用于在所述判断子模块的结果为是的情况下，提供一个悬浮的辅助窗口以供展示。

9.一种基于移动终端的界面交互装置，其特征在于，包括：

显示模块，用于响应于用户在当前已打开应用的交互界面上触发的操作，将所述交互界面中显示的初始列表项替换为目标列表项；其中，所述目标列表项的个数大于所述初始列表项的个数，所述交互界面的列表内容区域中展示的初始列表项为所述已打开应用的部分列表项；

第二交互模块，用于响应于用户针对所述目标列表项触发的交互指令，实现所述用户在所述交互界面上的交互。