[发明专利]界面元素的滑动控制方法、界面显示方法及装置在审

专利信息
申请号: 201710022607.3 申请日: 2017-01-12
公开(公告)号: CN106843648A 公开(公告)日: 2017-06-13
发明(设计)人: 雷岗;谢柯俊;张国忠 申请(专利权)人: 北京小度信息科技有限公司
主分类号: G06F3/0481 分类号: G06F3/0481;G06F3/0484;G06F3/0488
代理公司: 北京太合九思知识产权代理有限公司11610 代理人: 刘戈
地址: 100085 北京市海淀区*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 界面 元素 滑动 控制 方法 显示 装置
【说明书】:

技术领域

本申请涉及互联网技术领域,尤其涉及一种界面元素的滑动控制方法、界面显示方法及装置。

背景技术

随着互联网技术的发展,基于互联网的应用越来越多。而互联网应用与触屏终端的结合,使得互联网应用从早期的键盘操作时代、控件操作时代进入滑动操作时代。

在大多互联网应用中,都需要在界面元素之间进行切换。基于滑动操作,用户只需轻轻滑动,即可完成界面元素之间的切换,这不仅可以提高屏幕利用率,而且有利于提高切换效率和用户使用体验度。

发明内容

为了进一步改善滑动技术,本申请发明人跟踪研究了大量支持滑动操作的应用。基于对大量支持滑动操作的应用的跟踪研究,首先发现:这些应用在滑动实现上比较类似,一般是:将多个待显示的界面元素排队,默认状态下界面上显示排在最前面的界面元素;当用户执行滑动操作时,当前显示的界面元素滑出界面,后面相邻的界面元素滑入界面。

另外,为了发现滑动技术的改善空间,本申请发明人还从不同维度对滑动操作的效果进行了分析。其中,一个维度是默认状态下显示的界面元素的用户流量或转化率;另一个维度是需要用户滑动才能显示的界面元素的用户流量或转化率;再一维度是用户发生的滑动次数;又一维度是用户使用体验度。进一步,综合这些维度的分析结果,发现:非必要滑动操作的次数在逐渐减少,导致后面需要滑动才能显示的界面元素的曝光率呈下降趋势;而且用户对滑动操作的体验度越来越差。

其中,导致上述问题的原因可能有多种,但本申请发明人对导致上述问题的原因进行了剖析,认定:在滑动操作出现初期,用户的新鲜感较强,这种新鲜感体现为用户频繁地进行滑动操作,后面界面元素的曝光率较高,用户对滑动操作的体验度较好;当滑动操作进入成熟期以后,即几乎所有应用都支持滑动操作时,用户对滑动操作的新鲜感逐渐消失,出现滑动疲态,这滑动疲态主要体现为用户一般只执行必要的滑动操作,非必要滑动操作的次数逐渐减少,导致后面需要滑动才能显示的界面元素的曝光率呈下降趋势。

针对上述认定的原因,本申请发明人提出:通过增加滑动操作的趣味性,重新提高用户对滑动操作的新鲜感,降低滑动操作的枯燥感,以增加滑动操作的次数,提高界面元素的曝光率。

基于上述分析,本申请实施例提供一种界面元素的滑动控制方法,包括:

显示一界面,所述界面包含可滑动的第一界面元素;

响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。

在一可选实施方式中,所述动效的显示步骤,包括:在所述第一界面元素的周边,与所述滑动操作关联地显示所述动效。

在一可选实施方式中,所述动效的显示步骤,包括以下至少一种:

在所述第一界面元素所在区域的相邻区域,与所述滑动操作关联地显示所述动效;

在所述第一界面元素的内边界,与所述滑动操作关联地显示所述动效;

在所述第一界面元素的外边界,与所述滑动操作关联地显示所述动效;以及

在所述第一界面元素与其相邻界面元素的交界,与所述滑动操作关联地显示所述动效。

在一可选实施方式中,所述动效的显示步骤,还包括:响应于对所述第一界面元素的滑动操作,沿滑动方向移动所述第一界面元素;以及

接续于所述第一界面元素,将第二界面元素移入所述界面。

在一可选实施方式中,所述动效的显示步骤,还包括:响应于对所述第一界面元素的滑动操作,在所述界面上,以与所述滑动操作的速度成比例变化的可视化属性,显示所述动效。

在一可选实施方式中,所述动效为波动动效,其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。

在一可选实施方式中,所述动效的显示步骤,还包括:在所述第一界面元素的边界上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效。

在一可选实施方式中,所述轮廓曲线的绘制步骤,包括:

根据水平偏移初始值和所述轮廓曲线对应的周期数,结合所述滑动操作的速度,确定所述轮廓曲线的水平偏移量;

根据垂直幅度初始值和所述轮廓曲线对应的周期数,结合所述波动动效的持续时间,确定所述轮廓曲线的垂直幅度值;

根据所述轮廓曲线的水平偏移量和垂直幅度值,在所述第一界面元素的边界上绘制所述轮廓曲线。

在一可选实施方式中,所述轮廓曲线的绘制步骤,还包括:

根据所述轮廓曲线的水平偏移量和垂直幅度值,确定所述轮廓曲线在所述第一界面元素的边界上的像素点;

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京小度信息科技有限公司,未经北京小度信息科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201710022607.3/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top