CN105989036A - 信息展示方法和装置 - Google Patents
信息展示方法和装置 Download PDFInfo
- Publication number
- CN105989036A CN105989036A CN201510056170.6A CN201510056170A CN105989036A CN 105989036 A CN105989036 A CN 105989036A CN 201510056170 A CN201510056170 A CN 201510056170A CN 105989036 A CN105989036 A CN 105989036A
- Authority
- CN
- China
- Prior art keywords
- information
- area
- displayed
- animation
- current page
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 34
- 239000002245 particle Substances 0.000 claims abstract description 71
- 230000006870 function Effects 0.000 claims description 22
- 230000000694 effects Effects 0.000 abstract description 10
- 238000010586 diagram Methods 0.000 description 8
- 238000012216 screening Methods 0.000 description 6
- 230000003068 static effect Effects 0.000 description 5
- 238000012217 deletion Methods 0.000 description 4
- 230000037430 deletion Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 238000011156 evaluation Methods 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提出一种信息展示方法和装置,该信息展示方法包括获取要展示的信息;以粒子流形式,展示所述信息。该方法可以有效提升信息的展示效果。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种信息展示方法和装置。
背景技术
用户采用电子商务网站内的搜索引擎进行商品搜索时,可以在页面搜索框中输入关键词,服务端根据关键词获取对应的商品后,将商品推送给客户端,客户端以列表形式将商品展示在页面的商品列表区,页面中还可以包括库存量单位(Stock Keeping Unit,SKU)区域,该区域用于标识商品属性,例如,颜色,尺码,价格区间等,用户可以在SKU区域进行商品属性选择。当用户重新输入关键词或者在SKU区域中选择新的属性,客户端都需要重新加载页面,并在新的页面上以列表形式展示新的商品。
现有技术中以列表形式展示商品的方式,展示效果较差。
发明内容
本发明旨在至少在一定程度上解决相关技术中的技术问题之一。
为此,本发明的一个目的在于提出一种信息展示方法,该方法可以有效提升信息的展示效果。
本发明的另一个目的在于提出一种信息展示装置。
为达到上述目的,本发明第一方面实施例提出的信息展示方法,包括:获取要展示的信息;以粒子流形式,展示所述信息。
本发明第一方面实施例提出的信息展示方法,通过获取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通过粒子流形式,当要展示更新后的信息时可以无需重新加载页面,避免对用户操作的打断,提升用户体验。
为达到上述目的,本发明第二方面实施例提出的信息展示装置,包括:第一获取模块,用于获取要展示的信息;第一展示模块,用于以粒子流形式,展示所述信息。
本发明第二方面实施例提出的信息展示装置,通过获取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通过粒子流形式,当要展示更新后的信息时可以无需重新加载页面,避免对用户操作的打断,提升用户体验。
为达到上述目的,本发明第三方面实施例提出的电子设备,包括:显示屏;处理器;存储器,用于存储预设代码,所述预设代码被所述处理器执行时,获取要展示的信息,并以粒子流形式,在所述显示屏上展示所述信息。
本发明第三方面实施例提出的电子设备,通过获取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通过粒子流形式,当要展示更新后的信息时可以无需重新加载页面,避免对用户操作的打断,提升用户体验。
本发明附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
图1是本发明一实施例提出的信息展示方法的流程示意图;
图2是本发明实施例中信息区的结构示意图;
图3是本发明实施例中第一区域示意图;
图4是本发明实施例中第二区域示意图;
图5是本发明实施例中第三区域示意图;
图6是本发明实施例中第四区域示意图;
图7是本发明实施例中速度控制条的示意图;
图8是本发明实施例中动画开关按钮的示意图;
图9是本发明实施例中视图切换按钮的示意图;
图10是本发明实施例中以粒子流形式展示信息的流程示意图;
图11是本发明实施例中收藏商品信息的流程示意图;
图12是本发明实施例中一种控制流程示意图;
图13是本发明实施例中另一种控制流程示意图;
图14是本发明实施例中更新流程示意图;
图15是本发明另一实施例提出的信息展示装置的结构示意图;
图16是本发明另一实施例提出的信息展示装置的结构示意图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。相反,本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
图1是本发明一实施例提出的信息展示方法的流程示意图,该方法包括:
S11:获取要展示的信息。
其中,要展示的信息可以具体是商品信息。
例如,用户在客户端的搜索框中输入关键词后,客户端可以将关键词发送给服务端,服务端根据关键词检测到对应的商品信息后,将商品信息发送给客户端,从而客户端可以从服务端获取商品信息。
S12:以粒子流形式,展示所述信息。
例如,客户端获取商品信息后,以粒子流形式展示商品信息。
粒子流形式是指信息在展示信息的页面内不断流入以及流出的展示形式。
现有技术中,商品信息是以列表形式展示在页面的商品列表区,该方式是一种静态方式,而本实施例中,在页面上以粒子流形式展示商品信息,由于粒子流形式是信息不断流入及流出的形式,因此,可以实现商品信息的动态展示,提升展示效果。
信息可以展示在搜索结果页,当前的搜索结果页可以称为当前页面。
进一步的,现有技术中,当用户输入新的关键词或者在SKU区域选择新的属性值时,客户端都需要重新加载新的页面,并将新的商品信息展示在新的页面内。
而本实施例中,可以不需要加载新的页面,依然在当前页面中展示新的商品信息。
具体的,当所述信息包括更新前的信息时,所述以粒子流形式,展示所述信息,包括:
以粒子流形式,在当前页面内展示所述更新前的信息;
所述方法还包括:
获取更新后的信息;
以粒子流形式,在所述当前页面内展示所述更新后的信息。
通过将更新后的信息展示在更新前的信息所在的当前页面,可以不需要加载新的页面,从而避免重新加载页面对用户操作的打断。
可选的,以信息是商品信息为例,当前页面可以包括搜索区和信息区,其中,搜索区包括搜索框,用户可以在搜索框内输入关键词,发起搜索;信息区用于展示商品信息。
可选的,当前页面还可以包括SKU区域,用户可以在SKU区域选择商品属性,例如,选择颜色,尺码等。可以理解的是,由于本发明实施例中,后续会出现筛选区,用户可以在筛选区进行商品属性选择,因此本发明实施例中也可以不设置SKU区域。
现有技术中,信息区也可以称为商品列表区,商品信息以列表形式展示在信息区,而本实施例中,商品信息以粒子流形式展示在信息区。
可选的,参见图2,信息区20可以包括第一区域21,第一区域21也可以称为画布区,商品信息具体展示在第一区域21。
具体的,商品信息以粒子流形式展示在第一区域内。例如,参见图3,第一区域21中出现了三个商品信息,且三个商品信息处于不断移动的状态,移动方向例如为从上向下移动。可以理解的是,移动速度以及移动方向可以预先设置。
可选的,商品信息在移动时根据商品信息所在位置的不同可以采用不同的移动速度。例如,所述当前要展示的信息在所述第一区域内从上向下移动,且,所述当前要展示的信息在所述第一区域的中间位置上的移动速度,小于,所述当前要展示的信息在所述第一区域的上下两端上的移动速度。具体的,不同位置处的移动速度可以根据贝塞尔函数实现,例如,贝塞尔函数为cubic-bezier(0,.3,.99,.3)。
可选的,参见图2,信息区20可以包括第二区域22,第二区域22也可以称为收藏区,用户可以将选中的商品信息收藏在第二区域22。
可选的,当在所述第一区域中选择信息后,将所述选择的信息添加到所述第二区域。
具体的,商品信息可以收藏在第二区域内。例如,参见图4,用户可以通过第一区域中展示的商品信息进行收藏操作后,将商品信息收藏到第二区域中。例如,用户在第一区域中点击一个商品信息后,将用户点击的商品信息添加到第二区域。将商品信息添加到第二区域后,在第二区域内,用户可以对第二区域内的商品信息进行删除,比对,进入商品详情页中的一项或者多项。具体的,可以通过设置功能按钮,实现相应操作。
可选的,参见图2,信息区20可以包括第三区域23,第三区域23也可以称为筛选区,用户可以在第三区域23内选择标签。标签用于标识商品属性,例如商品的颜色,或者品牌等。初始的标签可以是系统预先设置的,之后,用户可以新增标签或者删除标签等,或者,也可以由系统根据用户选择的商品信息自动添加标签。
例如,参见图5,初始时可以默认设置一个或多个标签,该一个或多个标签可以组成标签列表,用户可以在“输入标签”的位置处输入要添加的标签,并且点击“添加”后,在标签列表中新增标签;或者,每个标签可以对应设置删除标识,当用户点击删除标识后可以删除对应的标签;或者,用户在第一区域内选择一个商品信息后,该商品信息具有的标签可以自动添加到标签列表中。
具体的,用户可以在第三区域23内选择喜好的商品属性,例如,选择深蓝。客户端获取到用户选择的标签后,将标签发送至服务端,服务端根据标签,在预先建立的数据库中获取对应的商品信息,例如,将颜色是深蓝的商品信息发回客户端,由客户端在第一区域内展示给用户。
可选的,参见图2,信息区20可以包括第四区域24,第四区域24也可以称为控制区,用户可以在第四区域24内控制信息区的展示形式。
可选的,可以根据所述第四区域24内的可供选择的功能项,确定所述信息区的展示形式,并以所述确定的展示形式展示所述信息区。
例如,参见图6,第四区域24内的可供选择的功能项包括如下项中的至少一项:
速度控制条61,用于控制所述信息在所述第一区域内移动速度;
例如,初始时可以默认将速度控制条设置在常速,如图7所示,当向右移动初始时位于中间位置的控制标识时,可以进行加速,当向左移动初始时位于中间位置的控制标识时,可以进行减速。
其中,商品信息的不同位置的移动速度可以不同,例如,中间位置的移动速度慢,上下两端的移动速度快,或者,还可以根据商品信息的热度值确定移动速度,例如,热度值高的商品信息的移动速度慢,热度值例如根据销量,价格,评价等中的一项或者多项确定。
具体的,实现商品信息移动的模块可以称为产品模块,可以通过设置产品模块的层叠样式表(Cascading Style Sheets,CSS)的animation-duration属性,实现移动速度的设置。
动画开关按钮62,用于控制所述第一区域内是否是动画展示形式;其中,如果是动画展示形式,则信息在第一区域内以粒子流形式不断移动,如果不是动画展示形式,则信息在第一区域内静止。
例如,初始时可以处于“ON”状态,如图8所示,当用户点击动画开关按钮后,可以由“ON”状态转为“OFF”状态,当再点击“OFF”状态的动画开关按钮后,可以再由“OFF”状态转为“ON”状态。
具体的,可以通过将产品模块CSS的animation-play-state属性设置为pause或者running,实现动画的开关。
视图切换按钮63,用于控制所述信息区是列表视图或者粒子视图。其中,如果是列表视图,则信息在第一区域内以列表形式进行展示,如果是粒子视图,则信息在第一区域内以粒子流形式展示。
例如,参见图9,初始时可以处于粒子视图,当点击视图切换按钮后,由粒子视图切换为列表视图。之后,通过再次点击,可以由列表视图切换为粒子视图。
本实施例中,通过以粒子流形式展示信息,可以提高展示效果。
以展示的信息是商品信息为例,图10是本发明实施例中以粒子流形式展示信息的流程示意图,包括:
S101:发射计时器达到计时周期。
其中,发射计时器是推送商品信息的计时器,计时周期可以预先设置。
以粒子流形式展示的商品信息可以称为商品粒子流,通过改变发射计时器的计时周期,可以控制商品粒子流发射的频率。
具体的,每个商品信息可以称为一个产品粒子,用于推送商品信息的发射器可以根据用户浏览器窗口大小、收藏区大小、产品模块大小计算画布区能展示产品粒子流的最大列数,设置间隔时间,依次在不同列中循环发射产品粒子。
S102:判断画布区的动画是否暂停,若是,执行步骤S103,否则执行步骤S104及其后续步骤。
例如,当检测到用户点击到商品信息上,确定动画暂停,或者,检测到动画开关按钮处于关状态时,确定动画暂停。
S103:不执行任何操作。
S104:确定当前要展示的商品信息所在的当前列,以及确定当前列的下一列的商品信息。
其中,商品信息可以以列形式进行保存,发射器依次发送每列的商品信息。
S105:确定每个商品信息的移动速度以及动画时长。
其中,移动速度可以根据商品信息位置的不同改变,或者,移动速度也可以根据商品信息的热度值确定。
动画时长可以根据移动速度以及商品信息要经过的路径的长度确定。
S106:生成产品模块,并添加到文档流中。
其中,每个商品信息可以对应生成一个产品模块,每个产品模块可以作为一个文档对象模型(Document Object Model,DOM)添加到文档流中。
当将商品信息添加到文档流后,可以在页面的第一区域中以粒子流形式展示商品信息。例如,发射器按照发射周期从文档流中读取包含商品信息的产品模块,并进行发射,产品模块在被发射后,按照产品模块的移动速度在第一区域内移动,形成产品粒子流,每个产品模块对应展示商品信息。
本实施例中,可以监听产品模块对应的CSS代码中的animationEnd事件,当产品粒子从页面下方流出时,触发该事件,此时服务端将该产品模块的DOM从文档流中移除,保证内存不会溢出,可以无限推送产品粒子流。
可选的,用户还可以将展示的商品信息进行收藏。参见图11,图11是本发明实施例中收藏商品信息的流程示意图,包括:
S1101:确定用户在第一区域内的操作。
用户在第一区域内的操作例如用户将鼠标移入产品模块,或者用户在第一区域内点击某产品模块。
S1102:判断该操作是否是用户将鼠标移入产品模块,若是,则执行步骤S1103,否则执行步骤S1104。
通过检测鼠标的位置,以及产品模块的位置,可以确定鼠标是否移入产品模块。
S1103:暂停第一区域内的动画。
当鼠标移入任一个产品模块时,第一区域内的动画暂停,所有产品模块保持静止。
S1104:判断该操作是否是用户将鼠标移出产品模块,若是,则执行步骤S1105-S1107,否则执行步骤S1108-S1110。
S1105:判断第一区域内的全局动画是否关闭,若是,则执行步骤S1106,否则执行步骤S1107。
当检测到动画开关按钮处于“ON”状态时表明全局动画开启,当检测到动画开关按钮处于“OFF”状态时表明全局动画关闭。
S1106:不执行任何操作。
S1107:开启第一区域内的动画。
当开启动画后,产品模块从静止状态恢复为移动状态。
S1108:判断用户在第一区域内是否选择了产品,若是,则执行步骤S1109,否则执行步骤S1110。
当用户点击一个产品模块后,表明用户选择该点击的产品模块对应的产品。
S1109:将用户选择的产品添加到第二区域,并将选择的产品对应的标签,添加到第三区域。
其中,每个产品可以预先设置标签,在用户点击选择一个产品后,不仅可以将该产品添加到第二区域,从而在第二区域中展示选择的产品的商品信息,还可以将该产品的标签自动添加到第三区域,例如,将产品的品牌添加到第三区域。
S1110:不执行任何操作。
可选的,用户还可以对商品信息的展示效果进行控制操作。
参见图12,以控制动画开关为例,本发明实施例提出的一种控制流程可以包括:
S121:用户按下动画开关按钮或者键盘空格键。
例如,用户可以通过点击第四区域内动画开关按钮,或者,也可以按下键盘空格键。
S122:判断当前全局动画是否关闭,若是,则执行步骤S123,否则执行步骤S124。
可以通过检测动画开关按钮的状态来判断当前全局动画是否关闭,例如,当前的动画开关按钮的状态是“ON”,则表明全局动画开启,当前的动画开关按钮的状态是“OFF”,则表明全局动画关闭。
S123:开启第一区域内的动画。
例如,将动画开关按钮的状态从“OFF”切换为“ON”。
S124:关闭第一区域内的动画。
例如,将动画开关按钮的状态从“ON”切换为“OFF”。
另外,用户还可以控制动画速度,当动画速度快时,商品信息的移动速度快,否则移动速度慢,参见图13,以控制动画速度为例,本发明实施例提出的另一种控制流程包括:
S131:用户滑动第四区域内的速度控制条。
S132:判断速度控制条的滑块值是否改变,若是,则执行步骤S134,否则执行步骤S133。
例如,当用户向右或者向左移动滑块后,滑块值改变。
S133:不进行任何操作。
S134:获取滑块值改变后的商品信息的更新后的移动速度。
例如,滑块值改变后,表明增速10%,则移动速度更新为原始速度的1.1倍。
S135:以更新后的移动速度移动商品信息。
例如,可以根据移动速度重置发射器的发射频率等,使得发射器以更新后的移动速度对应的频率发射商品信息对应的产品模块。
可选的,用户还可以更新选择的标签,以便获取与更新后的标签对应的商品信息。如图14所示,更新流程可以包括:
S141:新添标签。
例如,用户“输入标签”的位置处输入要添加的标签,并点击“添加”按钮后可以新添标签,或者,用户在第一区域选择商品信息后,可以将商品信息具有的标签自动添加到标签列表中。
S142:客户端判断新添的标签是否在已有的标签列表中,若是,则执行步骤S143,否则执行步骤S144。
其中,标签列表也可以称为标签数组,例如,已有的标签数组中包括标签“乔丹”,而新添的标签是“乔丹”,则判断结果是新添的标签在已有的标签列表中。
S143:不执行任何操作。
S144:客户端将该新添的标签添加到标签列表中,并显示该标签。
例如,已有的标签列表中不包括标签“乔丹”,而新添的标签是“乔丹”,则在已有的标签列表中增加标签“乔丹”。
S145:客户端将更新后的标签列表发送到服务端,以使服务端根据更新后的标签列表中包括的标签,获取要展示的更新后的信息。
更新后的标签列表是将新添的标签添加到已有的标签列表后得到的,例如,在已有的标签列表中增加标签“乔丹”后的标签列表。
服务端在获取更新后的信息时需要根据更新后的标签列表获取,例如,获取的更新后的信息还需要与“乔丹”相关。
本实施例通过获取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通过粒子流形式,当要展示更新后的信息时可以无需重新加载页面,避免对用户操作的打断,提升用户体验。
图15是本发明另一实施例提出的信息展示装置的结构示意图,该装置150包括第一获取模块151和第一展示模块152。
第一获取模块151,用于获取要展示的信息。
其中,要展示的信息可以具体是商品信息。
例如,用户在客户端的搜索框中输入关键词后,客户端可以将关键词发送给服务端,服务端根据关键词检测到对应的商品信息后,将商品信息发送给客户端,从而客户端可以从服务端获取商品信息。
一个实施例中,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第三区域,所述第一获取模块151具体用于获取用户在所述第三区域内设置的标签;根据所述标签获取要展示的信息。
可选的,参见图2,信息区20可以包括第三区域23,第三区域23也可以称为筛选区,用户可以在第三区域23内选择标签。标签用于标识商品属性,例如商品的颜色,或者品牌等。初始的标签可以是系统预先设置的,之后,用户可以新增标签或者删除标签等,或者,也可以由系统根据用户选择的商品信息自动添加标签。
例如,参见图5,初始时可以默认设置一个或多个标签,该一个或多个标签可以组成标签列表,用户可以在“输入标签”的位置处输入要添加的标签,并且点击“添加”后,在标签列表中新增标签;或者,每个标签可以对应设置删除标识,当用户点击删除标识后可以删除对应的标签;或者,用户在第一区域内选择一个商品信息后,该商品信息具有的标签可以自动添加到标签列表中。
具体的,用户可以在第三区域23内选择喜好的商品属性,例如,选择深蓝。客户端获取到用户选择的标签后,将标签发送至服务端,服务端根据标签,在预先建立的数据库中获取对应的商品信息,例如,将颜色是深蓝的商品信息发回客户端,由客户端在第一区域内展示给用户。
第一展示模块152,用于以粒子流形式,展示所述信息。
例如,客户端获取商品信息后,以粒子流形式展示商品信息。
粒子流形式是指信息在展示信息的页面内不断流入以及流出的展示形式。
现有技术中,商品信息是以列表形式展示在页面的商品列表区,该方式是一种静态方式,而本实施例中,在页面上以粒子流形式展示商品信息,由于粒子流形式是信息不断流入及流出的形式,因此,可以实现商品信息的动态展示,提升展示效果。
信息可以展示在搜索结果页,当前的搜索结果页可以称为当前页面。
进一步的,现有技术中,当用户输入新的关键词或者在SKU区域选择新的属性值时,客户端都需要重新加载新的页面,并将新的商品信息展示在新的页面内。
而本实施例中,可以不需要加载新的页面,依然在当前页面中展示新的商品信息。
另一个实施例中,当所述信息包括更新前的信息时,所述第一展示模块152具体用于以粒子流形式,在当前页面内展示所述更新前的信息;
参见图16,所述装置150还包括:
第二获取模块153,用于获取更新后的信息。
第二展示模块154,用于以粒子流形式,在所述当前页面内展示所述更新后的信息。
通过将更新后的信息展示在更新前的信息所在的当前页面,可以不需要加载新的页面,从而避免重新加载页面对用户操作的打断。
可选的,以信息是商品信息为例,当前页面可以包括搜索区和信息区,其中,搜索区包括搜索框,用户可以在搜索框内输入关键词,发起搜索;信息区用于展示商品信息。
可选的,当前页面还可以包括SKU区域,用户可以在SKU区域选择商品属性,例如,选择颜色,尺码等。可以理解的是,由于本发明实施例中,后续会出现筛选区,用户可以在筛选区进行商品属性选择,因此本发明实施例中也可以不设置SKU区域。
现有技术中,信息区也可以称为商品列表区,商品信息以列表形式展示在信息区,而本实施例中,商品信息以粒子流形式展示在信息区。
另一个实施例中,所述信息展示在当前页面的信息区的第一区域内,参见图16,所述第一展示模块152包括:
第一单元1521,用于在预设的定时器达到计时周期时,判断所述第一区域是否为动画展示形式。
第二单元1522,用于如果所述第一区域是动画展示形式,获取当前要展示的信息以及所述信息对应的动画时长。
第三单元1523,用于按照预设方向控制所述当前要展示的信息移动流入所述第一区域并逐渐移动流出所述第一区域,且在所述第一区域内的出现时长为所述动画时长。
可选的,参见图2,信息区20可以包括第一区域21,第一区域21也可以称为画布区,商品信息具体展示在第一区域21。
具体的,商品信息以粒子流形式展示在第一区域内。例如,参见图3,第一区域21中出现了三个商品信息,且三个商品信息处于不断移动的状态,移动方向例如为从上向下移动。可以理解的是,移动速度以及移动方向可以预先设置。
另一个实施例中,所述当前要展示的信息在所述第一区域内从上向下移动,且,所述当前要展示的信息在所述第一区域的中间位置上的移动速度,小于,所述当前要展示的信息在所述第一区域的上下两端上的移动速度。
可选的,商品信息在移动时根据商品信息所在位置的不同可以采用不同的移动速度。例如,所述当前要展示的信息在所述第一区域内从上向下移动,且,所述当前要展示的信息在所述第一区域的中间位置上的移动速度,小于,所述当前要展示的信息在所述第一区域的上下两端上的移动速度。具体的,不同位置处的移动速度可以根据贝塞尔函数实现,例如,贝塞尔函数为cubic-bezier(0,.3,.99,.3)。或者,
另一实施例中,所述当前要展示的信息包括具有不同热度值的信息,且热度值高的信息的移动速度小于热度值低的信息的移动速度。例如,当信息是商品信息时,热度值高的商品信息的移动速度慢,热度值例如根据销量,价格,评价等中的一项或者多项确定。
另一个实施例中,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第二区域,参见图16,所述装置150还包括:
添加模块155,用于当在所述第一区域中选择信息后,将所述选择的信息添加到所述第二区域。
可选的,参见图2,信息区20可以包括第二区域22,第二区域22也可以称为收藏区,用户可以将选中的商品信息收藏在第二区域22。
可选的,当在所述第一区域中选择信息后,将所述选择的信息添加到所述第二区域。
具体的,商品信息可以收藏在第二区域内。例如,参见图4,用户可以通过第一区域中展示的商品信息进行收藏操作后,将商品信息收藏到第二区域中。例如,用户在第一区域中点击一个商品信息后,将用户点击的商品信息添加到第二区域。将商品信息添加到第二区域后,在第二区域内,用户可以对第二区域内的商品信息进行删除,比对,进入商品详情页中的一项或者多项。具体的,可以通过设置功能按钮,实现相应操作。
另一个实施例中,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第四区域,参见图16,所述装置150还包括:
确定模块156,用于根据所述第四区域内的可供选择的功能项,确定所述信息区的展示形式,并以所述确定的展示形式展示所述信息区。
可选的,参见图2,信息区20可以包括第四区域24,第四区域24也可以称为控制区,用户可以在第四区域24内控制信息区的展示形式。
可选的,可以根据所述第四区域24内的可供选择的功能项,确定所述信息区的展示形式,并以所述确定的展示形式展示所述信息区。
另一个实施例中,所述可供选择的功能项包括如下项中的至少一项:用于控制所述信息在所述第一区域内移动速度的功能项;用于控制所述第一区域内是否是动画展示形式的功能项;用于控制所述信息区是列表展示或者动画展示的功能项。
可选的,参见图2,信息区20可以包括第四区域24,第四区域24也可以称为控制区,用户可以在第四区域24内控制信息区的展示形式。
可选的,可以根据所述第四区域24内的可供选择的功能项,确定所述信息区的展示形式,并以所述确定的展示形式展示所述信息区。
例如,参见图6,第四区域24内的可供选择的功能项包括如下项中的至少一项:
速度控制条61,用于控制所述信息在所述第一区域内移动速度;
例如,初始时可以默认将速度控制条设置在常速,如图7所示,当向右移动初始时位于中间位置的控制标识时,可以进行加速,当向左移动初始时位于中间位置的控制标识时,可以进行减速。
其中,商品信息的不同位置的移动速度可以不同,例如,中间位置的移动速度慢,上下两端的移动速度快,或者,还可以根据商品信息的热度值确定移动速度,例如,热度值高的商品信息的移动速度慢,热度值例如根据销量,价格,评价等中的一项或者多项确定。
具体的,实现商品信息移动的模块可以称为产品模块,可以通过设置产品模块的CSS的animation-duration属性,实现移动速度的设置。
动画开关按钮62,用于控制所述第一区域内是否是动画展示形式;其中,如果是动画展示形式,则信息在第一区域内以粒子流形式不断移动,如果不是动画展示形式,则信息在第一区域内静止。
例如,初始时可以处于“ON”状态,如图8所示,当用户点击动画开关按钮后,可以由“ON”状态转为“OFF”状态,当再点击“OFF”状态的动画开关按钮后,可以再由“OFF”状态转为“ON”状态。
具体的,可以通过将产品模块CSS的animation-play-state属性设置为pause或者running,实现动画的开关。
视图切换按钮63,用于控制所述信息区是列表视图或者粒子视图。其中,如果是列表视图,则信息在第一区域内以列表形式进行展示,如果是粒子视图,则信息在第一区域内以粒子流形式展示。
例如,参见图9,初始时可以处于粒子视图,当点击视图切换按钮后,由粒子视图切换为列表视图。之后,通过再次点击,可以由列表视图切换为粒子视图。
本实施例通过获取要展示的信息,并以粒子流形式展示信息,由于是以粒子流的形式,可以提高展示效果;并且,通过粒子流形式,当要展示更新后的信息时可以无需重新加载页面,避免对用户操作的打断,提升用户体验。
需要说明的是,在本发明的描述中,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。此外,在本发明的描述中,除非另有说明,“多个”的含义是两个或两个以上。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本发明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
此外,在本发明各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器,磁盘或光盘等。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。
Claims (16)
1.一种信息展示方法,其特征在于,包括:
获取要展示的信息;
以粒子流形式,展示所述信息。
2.根据权利要求1所述的方法,其特征在于,当所述信息包括更新前的信息时,所述以粒子流形式,展示所述信息,包括:
以粒子流形式,在当前页面内展示所述更新前的信息;
所述方法还包括:
获取更新后的信息;
以粒子流形式,在所述当前页面内展示所述更新后的信息。
3.根据权利要求1所述的方法,其特征在于,所述信息展示在当前页面的信息区的第一区域内,所述以粒子流形式,展示所述信息,包括:
在预设的定时器达到计时周期时,判断所述第一区域是否为动画展示形式;
如果所述第一区域是动画展示形式,获取当前要展示的信息以及所述信息对应的动画时长;
按照预设方向控制所述当前要展示的信息移动流入所述第一区域并逐渐移动流出所述第一区域,且在所述第一区域内的出现时长为所述动画时长。
4.根据权利要求3所述的方法,其特征在于,所述当前要展示的信息在所述第一区域内从上向下移动,且,所述当前要展示的信息在所述第一区域的中间位置上的移动速度,小于,所述当前要展示的信息在所述第一区域的上下两端上的移动速度;或者,
所述当前要展示的信息包括具有不同热度值的信息,且热度值高的信息的移动速度小于热度值低的信息的移动速度。
5.根据权利要求1所述的方法,其特征在于,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第二区域,所述方法还包括:
当在所述第一区域中选择信息后,将所述选择的信息添加到所述第二区域。
6.根据权利要求1所述的方法,其特征在于,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第三区域,所述获取要展示的信息,包括:
获取用户在所述第三区域内设置的标签;
根据所述标签获取要展示的信息。
7.根据权利要求1所述的方法,其特征在于,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第四区域,所述方法还包括:
根据所述第四区域内的可供选择的功能项,确定所述信息区的展示形式,并以所述确定的展示形式展示所述信息区。
8.根据权利要求7所述的方法,其特征在于,所述可供选择的功能项包括如下项中的至少一项:
用于控制所述信息在所述第一区域内移动速度的功能项;
用于控制所述第一区域内是否是动画展示形式的功能项;
用于控制所述信息区是列表展示或者动画展示的功能项。
9.根据权利要求1-8任一项所述的方法,其特征在于,所述信息是检索后得到的商品信息。
10.一种信息展示装置,其特征在于,包括:
第一获取模块,用于获取要展示的信息;
第一展示模块,用于以粒子流形式,展示所述信息。
11.根据权利要求10所述的装置,其特征在于,当所述信息包括更新前的信息时,所述第一展示模块具体用于:
以粒子流形式,在当前页面内展示所述更新前的信息;
所述方法还包括:
第二获取模块,用于获取更新后的信息;
第二展示模块,用于以粒子流形式,在所述当前页面内展示所述更新后的信息。
12.根据权利要求10所述的装置,其特征在于,所述信息展示在当前页面的信息区的第一区域内,所述第一展示模块包括:
第一单元,用于在预设的定时器达到计时周期时,判断所述第一区域是否为动画展示形式;
第二单元,用于如果所述第一区域是动画展示形式,获取当前要展示的信息以及所述信息对应的动画时长;
第三单元,用于按照预设方向控制所述当前要展示的信息移动流入所述第一区域并逐渐移动流出所述第一区域,且在所述第一区域内的出现时长为所述动画时长。
13.根据权利要求10所述的装置,其特征在于,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第二区域,所述装置还包括:
添加模块,用于当在所述第一区域中选择信息后,将所述选择的信息添加到所述第三区域。
14.根据权利要求10所述的装置,其特征在于,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第三区域,所述第一获取模块具体用于:
获取用户在所述第三区域内设置的标签;
根据所述标签获取要展示的信息。
15.根据权利要求10所述的装置,其特征在于,所述信息展示在当前页面的信息区的第一区域,所述信息区还包括第四区域,所述装置还包括:
确定模块,用于根据所述第四区域内的可供选择的功能项,确定所述信息区的展示形式,并以所述确定的展示形式展示所述信息区。
16.一种电子设备,其特征在于,包括:
显示屏;
处理器;
存储器,用于存储预设代码,所述预设代码被所述处理器执行时,获取要展示的信息,并以粒子流形式,在所述显示屏上展示所述信息。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510056170.6A CN105989036A (zh) | 2015-02-03 | 2015-02-03 | 信息展示方法和装置 |
PCT/CN2016/072464 WO2016124100A1 (zh) | 2015-02-03 | 2016-01-28 | 信息展示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510056170.6A CN105989036A (zh) | 2015-02-03 | 2015-02-03 | 信息展示方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105989036A true CN105989036A (zh) | 2016-10-05 |
Family
ID=56563447
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510056170.6A Pending CN105989036A (zh) | 2015-02-03 | 2015-02-03 | 信息展示方法和装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN105989036A (zh) |
WO (1) | WO2016124100A1 (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108255546A (zh) * | 2016-12-29 | 2018-07-06 | 腾讯科技(北京)有限公司 | 一种数据加载动画的实现方法及装置 |
CN111489219A (zh) * | 2019-01-28 | 2020-08-04 | 阿里巴巴集团控股有限公司 | 商品对象信息处理方法、装置及电子设备 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107277633B (zh) * | 2017-06-30 | 2019-11-15 | 武汉斗鱼网络科技有限公司 | 一种展示直播间礼物效果的方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101739645A (zh) * | 2009-12-08 | 2010-06-16 | 上海视惠信息科技有限公司 | 互动式网络广告发布系统及方法 |
CN201707874U (zh) * | 2009-12-08 | 2011-01-12 | 上海视惠信息科技有限公司 | 网络广告发布的互动型装置 |
CN101981987A (zh) * | 2008-01-30 | 2011-02-23 | 谷歌公司 | 移动设备事件的通知 |
CN102664832A (zh) * | 2012-05-21 | 2012-09-12 | 李艳平 | 对消息进行批注和追加修改的方法和装置 |
CN104050579A (zh) * | 2013-03-12 | 2014-09-17 | 阿里巴巴集团控股有限公司 | 用于实现轮播动画的方法及装置 |
-
2015
- 2015-02-03 CN CN201510056170.6A patent/CN105989036A/zh active Pending
-
2016
- 2016-01-28 WO PCT/CN2016/072464 patent/WO2016124100A1/zh active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101981987A (zh) * | 2008-01-30 | 2011-02-23 | 谷歌公司 | 移动设备事件的通知 |
CN101739645A (zh) * | 2009-12-08 | 2010-06-16 | 上海视惠信息科技有限公司 | 互动式网络广告发布系统及方法 |
CN201707874U (zh) * | 2009-12-08 | 2011-01-12 | 上海视惠信息科技有限公司 | 网络广告发布的互动型装置 |
CN102664832A (zh) * | 2012-05-21 | 2012-09-12 | 李艳平 | 对消息进行批注和追加修改的方法和装置 |
CN104050579A (zh) * | 2013-03-12 | 2014-09-17 | 阿里巴巴集团控股有限公司 | 用于实现轮播动画的方法及装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108255546A (zh) * | 2016-12-29 | 2018-07-06 | 腾讯科技(北京)有限公司 | 一种数据加载动画的实现方法及装置 |
CN108255546B (zh) * | 2016-12-29 | 2021-09-24 | 腾讯科技(北京)有限公司 | 一种数据加载动画的实现方法及装置 |
CN111489219A (zh) * | 2019-01-28 | 2020-08-04 | 阿里巴巴集团控股有限公司 | 商品对象信息处理方法、装置及电子设备 |
CN111489219B (zh) * | 2019-01-28 | 2023-08-01 | 阿里巴巴(江西)有限公司 | 商品对象信息处理方法、装置及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
WO2016124100A1 (zh) | 2016-08-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10146887B2 (en) | Providing separate views for items | |
US20190340173A1 (en) | Search guidance | |
KR101903922B1 (ko) | 애플리케이션 선택 가능 사용자 인터페이스에서 새로운 콘텐츠의 점진적 표시 기법 | |
US9407971B2 (en) | Presentation of summary content for primary content | |
US20150100688A1 (en) | Tracking user behavior relative to a network page | |
AU2014315161A1 (en) | Seamless pagination | |
CN102449588A (zh) | 放射式菜单 | |
KR20020055568A (ko) | 상품 주문 접수 장치 및 방법, 상품 주문 시스템 및 방법,상품 주문 장치 | |
US20130110803A1 (en) | Search driven user interface for navigating content and usage analytics | |
CN104239450A (zh) | 搜索推荐方法和装置 | |
US20170132687A1 (en) | Method, apparatus, and computer program for displaying search information | |
US20130080531A1 (en) | Apparatus and method for clipping and sharing content at a portable terminal | |
US20210365164A1 (en) | User interface engagement heatmaps | |
CN113298594A (zh) | 数据推送方法、装置、电子设备和存储介质 | |
CN105989036A (zh) | 信息展示方法和装置 | |
CN111191132A (zh) | 一种信息推荐方法、装置及电子设备 | |
US20190213211A1 (en) | Media information display method and apparatus, and computer storage medium | |
CN104503995A (zh) | 输入法的实现方法和装置 | |
CN103914519A (zh) | 一种推荐方法和装置 | |
CN104216631A (zh) | 信息展示方法和装置 | |
US11294982B2 (en) | Method, apparatus and computer program for displaying search information | |
US20160283075A1 (en) | Information processing method, apparatus, and system | |
JP5805134B2 (ja) | 端末装置および装置のプログラム | |
HK1229490A (zh) | 信息展示方法和裝置 | |
CN110780968B (zh) | 信息展示方法、装置、设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1229490 Country of ref document: HK |
|
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161005 |
|
RJ01 | Rejection of invention patent application after publication | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: WD Ref document number: 1229490 Country of ref document: HK |