界面信息展示方法、装置及电子设备制造方法及图纸

技术编号:22295256 阅读:18 留言:0更新日期:2019-10-15 04:27
本申请实施例公开了界面信息展示方法、装置及电子设备,其中,所述方法包括:获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;对所述目标界面中的卡片式展示单元以初始展示状态进行展示;接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。通过本申请实施例,能够在避免影响用户正常浏览的情况下,更高效的实现更多卡片的曝光。

Interface Information Display Method, Device and Electronic Equipment

【技术实现步骤摘要】
界面信息展示方法、装置及电子设备
本申请涉及界面信息处理
,特别是涉及界面信息展示方法、装置及电子设备。
技术介绍
在用户界面设计中,卡片式设计一种常见的设计方式,卡片通常是指那些包含一定图片和文本信息在内的长方形,并作为查看更多详细信息的一个入口。由于看起来如同真实世界中的卡片一样,因此,在界面设计中的卡片具有非常好的隐喻效果。另外,卡片式设计的优点还在于,在占用较少屏幕空间的情况下将信息有组织的划分到不同的区域中。这种方式有助于快速浏览,可以避免让用户阅读超长段落,可以让用户更快地抓住其感兴趣的部分。另外,由于卡片几乎可以被用来容纳任何形式的信息,其摘要性的信息属性也易于用户快速消化。因此,用户通过卡片可以很容易地访问到他们感兴趣的内容,进而让用户愿意参与到对卡片详情内容的浏览和操作中来。具体实现时,类似于文本段落对语句的组织结果,在同一用户界面中,通常可以将多个卡片进行展示,各个卡片通常是排成纵向一排,当然也可能存在横向排列的情况。相对于“坑位”而言,每个卡片的展示面积往往更大,可以用于展示更多的内容。例如,在“手机淘宝”的“每日好店”界面中,由于需要为用户推荐一些好的店铺,并进行汇总展示,因此,就可以分别将每个店铺的信息做成一张卡片,例如,每个卡片中可以对店铺的名称,店铺中一些比较具有代表性的商品图,店铺的风格介绍等信息进行展示,这样,每个卡片对应一个店铺,在“每日好店”主界面中可以将多个卡片进行汇总展示,如果用户对其中某个店铺感兴趣,则可以点击卡片,进入到该店铺的详情界面进行浏览,等等。这种卡片式的信息展示方式具有诸多优点,但是,在实际应用中,随着业务底层数据的不断扩充,同一信息标签下的卡片可能会出现几十个甚至更多,这样就会对象要浏览完全部卡片的用户造成一定影响,并且,排在后面的卡片包含的优质内容也很难有机会得到曝光。因此,如何就能一步优化界面展示方式,在避免影响用户正常浏览的情况下,更高效的实现更多卡片的曝光,成为需要本领域技术人员解决的技术问题。
技术实现思路
本申请提供了界面信息展示方法、装置及电子设备,能够在避免影响用户正常浏览的情况下,更高效的实现更多卡片的曝光。本申请提供了如下方案:一种界面信息展示方法,包括:获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;对所述目标界面中的卡片式展示单元以初始展示状态进行展示;接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。一种界面数据提供方法,包括:接收对目标界面的访问请求;提供所述目标界面的界面数据,其中,所述界面中包括多个卡片式展示单元,以用于对所述目标界面中的卡片式展示单元以初始展示状态进行展示,并在接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。一种界面信息展示装置,包括:界面数据获得模块,用于获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;初始展示模块,用于对所述目标界面中的卡片式展示单元以初始展示状态进行展示;聚拢展示模块,用于接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。一种界面数据提供装置,包括:请求接收模块,用于接收对目标界面的访问请求;界面数据提供模块,用于提供所述目标界面的界面数据,其中,所述界面中包括多个卡片式展示单元,以用于对所述目标界面中的卡片式展示单元以初始展示状态进行展示,并在接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。一种电子设备,包括:一个或多个处理器;以及与所述一个或多个处理器关联的存储器,所述存储器用于存储程序指令,所述程序指令在被所述一个或多个处理器读取执行时,执行如下操作:获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;对所述目标界面中的卡片式展示单元以初始展示状态进行展示;接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。根据本申请提供的具体实施例,本申请公开了以下技术效果:通过本申请实施例,对于通过卡片式展示单元进行内容展示的目标界面,可以首先通过初始展示状态,接收到对所述卡片式展示单元进行快捷浏览操作请求时,可以将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。这样,可以在内容优先的前提下,按需提高界面的展示效率。因此,可以在避免影响用户正常浏览的情况下,更高效的实现更多卡片的曝光。当然,实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是本申请实施例提供的系统架构的流程图;图2是本申请实施例提供的第一方法的流程图;图3-1至3-4是本申请实施例提供的用户界面示意图;图4是本申请实施例提供的第二方法的流程图;图5是本申请实施例提供的第一装置的示意图;图6是本申请实施例提供的第二装置的示意图;图7是本申请实施例提供的电子设备的示意图。具体实施方式下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员所获得的所有其他实施例,都属于本申请保护的范围。在本申请实施例中,为了在以卡片式进行界面内容的过程中,在避免影响用户正常浏览的情况下使得更多的卡片获得较高的曝光率,提供了新的信息展示方案。在该方案中,在界面展示的初始状态下,界面中的各个卡片式展示单元(通常可以简称为“卡片”)可以按照正常的方式进行展示,也即,各个展示单元以正常展开的状态进行展示,此时,窗口可视范围内通常只能展示出较少的展示单元,例如,通常可能在两个左右。在此状态下,用户可以通过上下滑动等方式进行常规查看。另外,为了方便曝光更多展示单元的信息,还可以在界面中提供一个快捷操作选项(例如,按钮等),在用户需要更快速的浏览更多展示单元的信息时,可以通过该操作选项发起请求,此时,可以将各展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。这样,由于不同的展示单元之间产生了叠加,因此,使得各个展示单元更加紧凑,每个展示单元所占的面积减小,这样,窗口可视范围内可同时展示的展示单元的数量将会增多。当然,这种叠加可以是一种不完全的叠加方式,也即,一个展示单元A在叠加到另一个展示单元B上时,该展示单元B会留出一部分区域用于透出该展示单元B的内容,例如,至少可以保留各展示单元的标题等内容,等等。这样,通过这种方式,可以使得用户能够快速浏览页面内更多展示单元的概况,使得更多的展示单元获得曝光机会,提高界面的展示效率。需要说明的是,之所以没有在界本文档来自技高网
...

【技术保护点】
1.一种界面信息展示方法,其特征在于,包括:获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;对所述目标界面中的卡片式展示单元以初始展示状态进行展示;接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。

【技术特征摘要】
1.一种界面信息展示方法,其特征在于,包括:获得目标界面的界面数据,所述界面中包括多个卡片式展示单元;对所述目标界面中的卡片式展示单元以初始展示状态进行展示;接收到对所述卡片式展示单元进行快捷浏览操作请求时,将所述目标界面中的卡片式展示单元进行聚拢收起,以使得相邻的卡片式展示单元之间产生叠加。2.根据权利要求1所述的方法,其特征在于,所述对所述目标界面中的卡片式展示单元以初始展示状态进行展示时,还包括:提供用于触发快捷浏览的操作选项,以用于通过所述操作选项接收所述快捷浏览操作请求。3.根据权利要求2所述的方法,其特征在于,所述提供用于触发快捷浏览的操作选项之前,还包括:确定所述目标界面中卡片式展示单元的数量,如果所述数量超过预置阈值,则提供所述操作选项。4.根据权利要求1所述的方法,其特征在于,在所述目标界面的初始展示状态下,对所述卡片式展示单元中的内容进行完整展示;在所述卡片式展示单聚拢收起后,所述卡片式展示单元中仅展示出部分内容。5.根据权利要求4所述的方法,其特征在于,所述卡片式展示单元中的内容包括标题以及正文内容;所述在所述卡片式展示单聚拢收起后,所述卡片式展示单元中展示出的部分内容包括:所述标题以及所述正文内容中的部分内容。6.根据权利要求1所述的方法,其特征在于,所述目标界面中的各卡片式展示单元按照预置的排列方向排成一列;所述将所述目标界面中的卡片式展示单元进行聚拢收起,包括:将所述目标界面中的卡片式展示单元在所述排列方向上进行聚拢收起。7.根据权利要求1所述的方法,其特征在于,还包括:在将所述目标界面中的卡片式展示单元进行聚拢收起时,确定收起后的各卡片式展示单元的高度,并根据卡片式展示单元的数量,确定所需的界面高度;根据所述所需的界面高度,对所述目标界面的界面高度属性进行调整。8.根据权利要求1所述的方法,其特征在于,还包括:在所述聚拢收起的状态下,接收到对目标展示单元执行的操作时,将所述卡片式展示单元进行展开,并以所述目标展示单元所在的位置为起点开始进行展示。9.根据权利要求8所述的方法,其特征在于,还包括:在所述卡片式展示单元展开展示的状态下,接收到...

【专利技术属性】
技术研发人员:吕常富
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛,KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1