CN114860372A - 用于信息展示的方法、装置、设备和存储介质 - Google Patents

用于信息展示的方法、装置、设备和存储介质 Download PDF

Info

Publication number
CN114860372A
CN114860372A CN202210599733.6A CN202210599733A CN114860372A CN 114860372 A CN114860372 A CN 114860372A CN 202210599733 A CN202210599733 A CN 202210599733A CN 114860372 A CN114860372 A CN 114860372A
Authority
CN
China
Prior art keywords
page
card
information card
folded
folded information
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
Application number
CN202210599733.6A
Other languages
English (en)
Inventor
田昕弋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202210599733.6A priority Critical patent/CN114860372A/zh
Publication of CN114860372A publication Critical patent/CN114860372A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

根据本公开的实施例,提供了用于信息展示的方法、装置、设备和存储介质。该方法包括在页面上呈现多个折叠信息卡,折叠信息卡用于呈现相应的内容;检测针对所述多个折叠信息卡中的第一折叠信息卡的选择;以及响应于检测到针对所述第一折叠信息卡的选择,以一种展开方式在所述页面中展开所述第一折叠信息卡。以此方式,可以促进用户对诸如长图文信息流之类的页面的高效、便捷访问。

Description

用于信息展示的方法、装置、设备和存储介质
技术领域
本公开的示例实施例总体涉及计算机领域,特别地涉及用于信息展示的方法、装置、设备和计算机可读存储介质。
背景技术
随着互联网的发展,用户越来越多地使用终端设备浏览各类信息。例如,用户可以通过终端设备浏览随着时间的变化而不断更新的信息流。信息流通常以内容合集的形式展示各种多媒体内容,诸如文字、图片、动画、视频等。信息流中有一种信息呈现方式是基于卡片的,该卡片仅显示相应内容的一部分,而非全文内容,因此相当于一个折叠卡片。用户在浏览信息流页面时,可以通过点击链接或点击控件来将卡片展开,跳转到详情页查看更多内容。
发明内容
在本公开的第一方面,提供了一种用于信息展示的方法。该方法包括在页面上呈现多个折叠信息卡,折叠信息卡用于呈现相应的内容;检测针对所述多个折叠信息卡中的第一折叠信息卡的选择;以及响应于检测到针对所述第一折叠信息卡的选择,以一种展开方式在所述页面中展开所述第一折叠信息卡。
在本公开的第二方面,提供了一种用于信息展示的装置。该装置包括卡片呈现模块,被配置为在页面上呈现多个折叠信息卡,折叠信息卡用于呈现相应的内容;卡片选择检测模块,被配置为检测针对所述多个折叠信息卡中的第一折叠信息卡的选择;以及卡片展开模块,被配置为响应于检测到针对所述第一折叠信息卡的选择,以一种展开方式在所述页面中展开所述第一折叠信息卡。
在本公开的第三方面,提供了一种电子设备。该设备包括至少一个处理单元;以及至少一个存储器,至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。
在本公开的第四方面,提供了一种计算机可读存储介质。介质上存储有计算机程序,程序被处理器执行时实现第一方面的方法。
应当理解,本发明内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。
附图说明
结合附图并参考以下详细说明,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中,相同或相似的附图标记表示相同或相似的元素,其中:
图1示出了本公开的实施例能够在其中实现的示例环境的示意图;
图2示出了根据本公开的一些实施例的用于信息展示的过程的流程图;
图3A至图3H示出了根据本公开的一些实施例的信息展示的页面交互示例的示意图;
图4A至图4B示出根据本公开的一些实施例的针对卡片切换控件的选择的示例的示意图;
图5示出了根据本公开的一些实施例的呈现与卡片切换控件相关的功能提示的示意图;
图6示出了根据本公开的一些实施例的用于信息展示的装置的框图;以及
图7示出了能够实施本公开的多个实施例的设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
在本公开的实施例的描述中,术语“包括”及其类似用语应当理解为开放性包含,即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。
图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。在该示例环境100中,终端设备110中安装有应用120。用户140可以经由终端设备110和/或终端设备110的附接设备来与应用120进行交互。应用120可以是内容共享应用,能够向用户140提供与多媒体内容消费相关服务,包括多媒体内容的浏览、评论、转发、创作(例如,拍摄和/或编辑)、发布等等。在本文中,“多媒体内容”可以是多种形式的内容,包括视频、音频、图像、图像集、文本等等。
在图1的环境100中,如果应用120处于活动状态,终端设备110可以向用户140呈现应用120的页面150。页面150可以包括应用120所能提供的各类页面,诸如多媒体内容的呈现页面、内容创作页面、内容编辑页面、消息页面、个人页面、商城页面,等等。
在一些实施例中,终端设备110与服务器130通信,以实现对应用120的服务的供应。终端设备110可以是任意类型的移动终端、固定终端或便携式终端,包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、个人通信系统(PCS)设备、个人导航设备、个人数字助理(PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合,包括这些设备的配件和外设或者其任意组合。在一些实施例中,终端设备110也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。服务器130是能够提供计算能力的各种类型的计算系统/服务器,包括但不限于大型机、边缘计算节点、云环境中的计算设备,等等。
应当理解,仅出于示例性的目的描述环境100的结构和功能,而不暗示对于本公开的范围的任何限制。
在当前内容产品领域,没有针对于长图文体裁的专属信息流。用户浏览图文信息流时,通常需要点击链接或点击控件跳转落地页,在落地页阅读图文详情之后再返回图文信息流。这种页面跳转导致阅读效率不高、访问不便。
本公开的实施例提出了一种用于信息展示的方案。在该方案中,在用户选择页面上的折叠信息卡时,折叠信息卡可以在页面中直接展开,而无需跳转落地页,从而避免了在诸如信息流页面之类的页面与落地页频繁切换导致的操作效率低下。此外,由于折叠信息卡的展开方式与该折叠信息卡在页面上的呈现位置相关联,因此可以根据要展开的折叠信息卡在页面上的呈现位置的不同,采用不同的方式在页面中展开折叠信息卡。以此方式,用户可以更高效地筛选出感兴趣的内容,从而实现对页面的更高效、便捷的访问。
以下将继续参考附图描述本公开的一些示例实施例。
图2示出了根据本公开的一些实施例的用于信息展示的过程200的流程图。过程200可以在终端设备110处实现。为便于讨论,将参考图1的环境100来描述过程200。
在框210,终端设备110在页面上呈现多个折叠信息卡,折叠信息卡用于呈现相应的内容。
在一些实施例中,页面可以是应用的页面,例如图1中的应用120的页面。在其他实施例中,页面还可以是非应用页面,例如网页页面等。
图3A示出了可以在应用120中呈现的用于信息展示的示例页面300。在该示例中,应用120被示出为资讯应用,并且终端设备110可以以竖屏模式显示页面300。应当理解,这仅是作为示例的目的,不对本公开的实施例的范围作出任何限定。
在一些实施例中,页面可以包括信息流页面,用以呈现相应的内容合集。在一个实施例中,信息流页面可以用于呈现长图文信息流。长图文信息流是一个包含多个图文内容折叠卡的信息流,用户在这个信息流中可以通过滑动页面来浏览多个折叠信息卡。每个折叠信息卡例如可以包含着文章标题、文章作者、文章正文的一部分(例如前10%、前20%、前30%或其他更大或更小的比例,或者至多100字、至多120字、至多140个字或其他更多或更少的字数)。
应当注意,上述以及本公开其他地方可能提及的数字、数值等,都是示例性的,无意以任何方式限制本公开的范围。任何其他适当的数字、数值都是可能的。
文章正文可以包括文字内容和图片内容中的至少一项。在其他实施例中,应用120可以为其他类型,诸如问答应用、社交应用、即时通讯应用等。同样,页面300也可以为其他类型,诸如问答页面、社交页面等。应当理解,本公开的实施例对于应用120和页面300的类型不作严格限制。取决于不同应用或不同页面,折叠信息卡可以包含不同的内容。本公开的实施例在此方面不做具体限定。
在一个实施例中,如图3A所示,在页面300上呈现了折叠信息卡310,折叠信息卡310呈现了内容标题3110、内容作者3120、正文3130的一部分、以及展开热区3140。展开热区3140用于在被触发的情况下展开折叠信息卡310,以呈现正文3130的全文以及评论区域。正文3130包括文字内容和图片内容。在一些实施例中,正文3130可以包括文字内容和图片内容中的至少一项。此外,除了折叠信息卡310之外,页面300上还在折叠信息卡310下方呈现了折叠信息卡320,折叠信息卡320呈现了内容标题3210、内容作者3220、以及正文3230的一部分。类似地,正文3230可以包括文字内容和图片内容中的至少一项。此外,页面300上还可以呈现处于展开状态的信息卡330的一部分。信息卡330可以是在终端设备110上初始呈现页面300时已经处于展开状态的信息卡,也可以是从折叠状态展开之后的信息卡。
在一些实施例中,折叠信息卡310或320可以呈现内容标题和内容作者中的仅一项,而非同时呈现二者。在一些实施例中,内容标题和内容作者二者可以均未呈现在折叠信息卡310或320上,而仅呈现正文。在一些实施例中,展开热区3140也可以不呈现在折叠信息卡310上。应当理解,折叠信息卡310或320可以根据设计需求呈现相应的内容,本公开的实施例对此不作严格限制。
在框220,终端设备110检测针对多个折叠信息卡中的第一折叠信息卡的选择。
如图3A所示,折叠信息卡310和320中的任一信息卡可以被选择,被选择的折叠信息卡在本文中有时也称为“第一折叠信息卡”。在一个实施例中,可以通过在页面300上的点击姿态来选择折叠信息卡310或320。例如,对于折叠信息卡310,用户可以通过点击折叠信息卡310本身或者其中的展开热区3140来选择折叠信息卡310。而对于折叠信息卡320,由于其对应的展开热区尚未呈现在页面300上,用户可以通过点击折叠信息卡320本身来选择折叠信息卡320。在其他实施例中,用户可以通过其他方式来对折叠信息卡310或320进行选择,例如用户可以通过眼动控制、语音控制或者其他方式来实现对折叠信息卡310或320的选择,本公开的实施例对此不作严格限制。
在框230,响应于检测到针对第一折叠信息卡的选择,终端设备110以一种展开方式在页面中展开第一折叠信息卡。
图3B示出了折叠信息卡310在页面300上的展开示意图。结合图3A和图3B所示,在图3A中的折叠信息卡310作为第一折叠信息卡被选择的情况下,折叠信息卡310在页面300中展开,以呈现正文3130的全文以及评论区域。在一些实施例中,展开的折叠信息卡310中的评论区域中的各条评论可以均呈现在页面300上。在一些实施例中,展开的折叠信息卡310中的评论区域可以处于收起状态,通过诸如查看全部评论之类的控件进一步展开各条评论。
在根据本公开的实施例中,在用户选择页面上的折叠信息卡时,折叠信息卡可以在页面中直接展开,而无需跳转落地页,从而避免了在诸如信息流页面之类的页面与落地页频繁切换导致的操作效率低下。
在一些实施例中,第一折叠信息卡的展开方式与第一折叠信息卡在页面上的呈现位置相关联。由于第一折叠信息卡的展开方式与第一折叠信息卡在页面上的呈现位置相关联,因此可以根据第一折叠信息卡在页面上的呈现位置的不同,而采用不同的展开方式在页面中展开第一折叠信息卡。
在一些实施例中,可以基于折叠信息卡的内容标题的呈现状态来选择折叠信息卡的展开方式。在一些实施例中,可以基于折叠信息卡的内容标题与页面的边缘的相对位置关系,来确定如何展开折叠信息卡。取决于在页面中的浏览状态,被选择的折叠信息卡的内容标题可能被呈现在与页面的边缘有一定距离的位置,也可能已经紧邻边缘呈现或至少部分超出页面的边缘。在不同的相对位置关系下,折叠信息卡的展开方式可以不同。
在被选择的折叠信息卡的内容标题在页面的移动方向上与页面的边缘有一定距离的情况下,如果将该折叠信息卡就地展开,那么受限于终端设备的显示面积,所能呈现的内容可能还是有限的。发明人基于对上述问题的认识和研究发现,可以将折叠信息卡移动到临近页面边缘的位置再展开。从呈现效果上就像是把卡片吸附到页面边缘再展开。具体地,在一些实施例中,如果检测到某个折叠信息卡被选择,并且该折叠信息卡的内容标题尚未到达页面的边缘,可以临近页面的边缘展开折叠信息卡。这样,该折叠信息卡中的内容可以从边缘开始在页面中呈现。将结合图3A和图3B来描述这样的实施例。
在图3A中,折叠信息卡310的内容标题3110在页面300的移动方向(例如上下方向)上尚未到页面300的边缘3000。在这种情况下,如果折叠信息卡310被选择,如图3B所示,折叠信息卡310在页面300中临近页面300的边缘3000展开,其中内容标题3110临近页面300的边缘3000,而内容作者3120和正文3130依次向下呈现。通过将折叠信息卡310在页面300中临近页面300的边缘3000展开,能够在页面300中尽量多地呈现信息卡所包含的内容详情,从而使得用户能够更高效地访问页面300。
应当注意,结合图3A和图3B描述的实施例是竖屏的情况,页面在移动方向上的边缘是顶边。因此,上述展开方式也可以称为“吸顶展开”。但是,在横屏的情况下,页面的移动方向可能是左右移动,相应地可以将折叠信息卡吸附到页面的左侧边缘或右侧边缘进行展开。
在根据本公开的实施例中,通过采用折叠信息卡智能化展现出内容的开头一部分,使得用户能够更加高效、准确地筛选出感兴趣的内容,可以避免用户“被标题骗进来,发现题不对文”的常见情况。
在一些实施例中,如果被选择的折叠信息卡的内容标题已经到达或至少部分超过页面的边缘,可以在折叠信息卡当前所处的呈现位置处展开折叠信息卡。这样,该折叠信息卡中的内容可以从边缘起直接在页面中展开呈现。下面将结合图3C和图3D来描述这种展开方式。
图3C示出了对折叠信息卡的这样的展开方式。图3C中示出的页面300与图3A中示出的页面300类似,对于二者类似的部分在此将不再赘述,而仅详细描述二者之间的区别。如图3C所示,在页面300中,折叠信息卡310的内容标题3110在页面300的移动方向上已经到达页面300的边缘3000,也即内容标题3110已经部分地滑出页面300的边缘3000。在这种情况下,如图3D所示,终端设备110响应于检测到针对折叠信息卡310的选择,将折叠信息卡310从图3C所示的呈现位置向下展开。也即,内容标题3110仅在页面300上部分地呈现,而内容作者3120和正文3130依次向下展开。在根据本公开的实施例中,这种展开方式也可以称为“就地展开”。由于内容标题3110已经部分地滑出页面300的边缘3000,因此终端设备110在页面滑动过程中已经向用户呈现了内容标题3110。在这种情况下,通过将折叠信息卡310就地展开,能够避免内容标题3110被重复呈现,从而使得用户能够更高效地访问页面300。
在一些实施例中,如果图3C的页面300中显示的内容进一步下滑,折叠信息卡310的内容标题3110可以滑出页面300的边缘3000。在这种情况下,与图3D所示的展开情况类似,响应于检测到针对折叠信息卡310的选择,终端设备110同样可以从折叠信息卡310的呈现位置就地向下展开折叠信息卡310。以此方式,可以避免已经在页面300中呈现过的内容被再次呈现,从而提升访问效率。
应当理解,在一些实施例中,替代折叠信息卡的内容标题的呈现状态,可以基于折叠信息卡的其他内容元素的呈现状态来选择折叠信息卡的展开方式。例如,可以基于内容作者的呈现状态来选择折叠信息卡的展开方式。在这样的实施例中,同样可以实现根据折叠信息卡在页面上的呈现位置的不同,而采用不同的展开方式在页面中展开折叠信息卡。
在一些实施例中,如果页面中呈现导航栏,可以基于折叠信息卡的内容标题相对于导航栏的呈现状态来选择该折叠信息卡的展开方式。例如,图3E示出了应用120中呈现的用于信息展示的示例页面300。图3E中示出的页面300与图3A中示出的页面300类似,对于二者类似的部分在此将不再赘述,而仅详细描述二者之间的区别。如图3E所示,页面300上还呈现了位于页面顶部处的顶部导航栏340。顶部导航栏340例如包括返回控件和/或搜索控件。通过触发返回控件,可以退出页面300。通过触发搜索控件,可以在页面300中进行搜索。页面的顶部导航栏可以包括更多或更少的控件,本公开的实施例对此不作严格限制。
应当理解,在其他实施例中,取决于界面布局、应用场景、用户设置这些因素,还可以将导航栏呈现在页面上的其他位置。例如,在横屏的情况下可以将导航栏呈现在页面的左右边缘。本公开的实施例对此不作严格限制。
在图3E中,折叠信息卡310的内容标题3110在页面300的移动方向(例如上下方向)上尚未到顶部导航栏340。在这种情况下,如图3F所示,折叠信息卡310在页面300中临近顶部导航栏340展开,其中内容标题3110临近顶部导航栏340,而内容作者3120和正文3130依次向下呈现。由于顶部导航栏340固定设置在页面300的顶部且在顶部导航栏340中未显示信息卡的内容,因此顶部导航栏340可以视为页面300的在移动方向上的边缘。
图3G示出了应用120中呈现的用于信息展示的示例页面300。图3G中示出的页面300与图3C中示出的页面300类似,对于二者类似的部分在此将不再赘述,而仅详细描述二者之间的区别。如图3G所示,页面300上还呈现了位于页面顶部处的顶部导航栏340。顶部导航栏340例如包括返回控件和/或搜索控件。
如图3G所示,在页面300中,折叠信息卡310的内容标题3110在页面300的移动方向(例如上下方向)上已经到达顶部导航栏340,也即内容标题3110已经部分地滑出顶部导航栏340。在这种情况下,如图3H所示,终端设备110响应于检测到针对折叠信息卡310的选择,将折叠信息卡310从图3G所示的呈现位置向下展开。也即,内容标题3110仅在页面300上部分地呈现,而内容作者3120和正文3130依次向下展开。此外,由于顶部导航栏340固定设置在页面300的顶部且在顶部导航栏340中未显示信息卡的内容,因此顶部导航栏340可以视为页面300的在移动方向上的边缘。
在一些实施例中,如果图3G的页面300中显示的内容进一步下滑,折叠信息卡310的内容标题3110可以滑出顶部导航栏340。在这种情况下,与图3H所示的展开情况类似,响应于检测到针对折叠信息卡310的选择,终端设备110同样可以从折叠信息卡310的呈现位置就地向下展开折叠信息卡310。
应当理解的是,如果终端设备110检测到针对图3A、图3C、图3E或图3G中的折叠信息卡320的选择,则折叠信息卡320可以以与上文中描述的折叠信息卡310类似的方式在页面300中展开,对此将不再赘述。
在一些实施例中,可以根据第一折叠信息卡被呈现在页面上的面积来选择第一折叠信息卡的展开方式。例如,如果第一折叠信息卡被呈现在页面上的面积低于阈值面积,则临近页面的顶部展开第一折叠信息卡;如果第一折叠信息卡被呈现在页面上的面积超过阈值面积,则将第一折叠信息卡在页面中从呈现位置展开。
在一些实施例中,阈值面积可以是折叠信息卡的面积的40%、50%、60%或其他更大或更小的比例,本公开的实施例对此不作严格限制。在此将以阈值面积是折叠信息卡的面积的50%作为示例来描述本公开的原理。如图3A、图3C、图3E和图3G所示,折叠信息卡310被呈现在页面300上的面积均超过阈值面积。因此,替代结合图3B、图3D、图3F和图3H所描述的展开方式,折叠信息卡310可以在页面300中均从呈现位置就地展开。对于图3A、图3C、图3E和图3G中的折叠信息卡320,由于折叠信息卡320被呈现在页面300上的面积均低于阈值面积,因此折叠信息卡320在被选择的情况下均可以吸顶展开。通过将折叠信息卡310在页面300中就地展开并且将折叠信息卡320在页面300中吸顶展开,能够在页面300中尽量多地呈现信息卡所包含的内容详情,从而使得用户能够更高效地访问页面300。
应当理解,折叠信息卡的上述展开方式仅为示例,在根据本公开的实施例中,折叠信息卡也可以根据折叠信息卡在页面上的呈现位置以其他方式展开。
应当理解,在一些实施例中,终端设备110可以以横屏模式显示页面300,此时页面300的移动方向可以为图3A至图3H中所示的左右方向。在这种情况下,结合图2和图3A至图3H所描述的过程200同样适用。当然,页面的移动方向也可以与页面在终端设备上的显示模式(横屏或竖屏)无关,而是可以根据应用需要设置。
在一些实施例中,为了便于用户在不同信息卡之间进行切换,可以响应于折叠信息卡被展开,临近页面的边缘呈现卡片切换控件。如图3B、图3D、图3F和图3H所示,响应于折叠信息卡310被展开,临近页面300的边缘呈现功能栏3150。功能栏3150包括卡片切换控件3160,卡片切换控件3160可以供用户选择用以在不同的信息卡之间切换。在图示的示例中,功能栏3150和卡片切换控件3160被呈现在页面300的底部边缘位置。在其他实施例中,取决于界面布局、应用场景、用户设置这些因素,功能栏3150和卡片切换控件3160可以被呈现在页面300上的其他边缘位置,例如呈现在页面的左右边缘,本公开的实施例对此不作严格限制。此外,在其他实施例中,卡片切换控件3160可以以其他方式被单独呈现在页面300的边缘,而非被呈现在功能栏3150上。
此外,在根据本公开的实施例中功能栏3150可以提供更多的功能控件,例如点赞、转发、收藏等,本公开的实施例对此不作严格限制。
当用户在查看展开的折叠信息卡310的内容详情时,如果用户对于所呈现的内容详情不感兴趣,则可以方便地通过选择(例如通过点击姿态或其他方式来触发)卡片切换控件3160来切换至另一个折叠信息卡。图4A至图4B示出根据本公开的一些实施例的针对卡片切换控件的选择的示例的示意图。如图4A所示,在折叠信息卡310被展开的情况下,临近页面300的边缘呈现功能栏3150,功能栏3150包括卡片切换控件3160。响应于针对卡片切换控件3160的选择,可以在页面300上呈现另一个折叠信息卡320,并且将卡片切换控件3160改为显示在被展开的折叠信息卡310的临近位置。以此方式,用户在浏览一个展开的折叠信息卡的详情页时,可以随时切换至下一个折叠信息卡,这一方面能够节约用户的时间、提高用户的浏览效率,另一方面使得页面访问更加便捷。
在一些实施例中,如图4A和4B所示,响应于针对卡片切换控件3160的选择,可以在页面300上的预定位置呈现折叠信息卡320。例如,如图4B所示,可以在页面300的中部呈现折叠信息卡320。在其他实施例中,可以在其他位置处呈现折叠信息卡320,本公开的实施例对此不作限制。
在一些实施例中,可以利用动效切换效果将下一个折叠信息卡呈现在页面上。例如,在图4B中,被展开的折叠信息卡310可以滑出页面300,而折叠信息卡320滑入页面300。在一些实施例中,也可以直接在页面上的预定位置呈现下一个折叠信息卡,本公开的实施例对此不作限制。
在一些实施例中,还可以在页面上呈现与卡片切换控件相关的功能提示,以指示用户可以通过卡片切换控件来切换折叠信息卡片。图5示出了根据本公开的一些实施例的呈现与卡片切换控件相关的功能提示的示意图。如图5所示,可以临近卡片切换控件3160呈现与卡片切换控件3160相关的功能提示3170。图5中所示的功能提示3170显示点击查看更多相关文章。在其他实施例中,功能提示3170可以以其他方式进行显示,本公开的实施例对此不作严格限制。
在一些实施例中,可以在卡片切换控件3160首次被呈现在页面300上时呈现功能提示3170。在一些实施例中,可以在当前被展开的折叠信息卡310的相应内容被滑动至预定位置时呈现功能提示3170。作为示例,可以在当前被展开的折叠信息卡310的相应内容被滑动至60%、70%或其他位置时呈现功能提示3170。在一些实施例中,可以在卡片切换控件3160首次被呈现在页面300上并且当前被展开的折叠信息卡310的相应内容被滑动至预定位置时呈现功能提示3170。通过呈现功能提示3170,可以提醒用户可以通过卡片切换控件3160来实现折叠信息卡的切换。
在一些实施例中,可以通过点击另一信息流(例如Feed流)中的图文卡片进入呈现折叠信息卡的页面。在其他实施例中,可以通过其他方式进入页面,本公开的实施例在此方面不作严格限制。
在一些实施例中,可以通过点击如在上文中描述的顶部导航栏(例如图3E至图3H中的顶部导航栏340)中的返回控件来退出呈现折叠信息卡的页面,例如退回到Feed流。在另一些实施例中,可以通过返回手势(诸如左滑)来退出页面。在其他实施例中,还可以通过其他方式退出页面,本公开的实施例在此方面不作严格限制。
在根据本公开的实施例中,用户可以随时上滑查看当前折叠信息卡上方的信息卡,无论是已被展开的图文内容还是未展开的折叠信息卡均保持原样呈现在页面中。若页面当前正呈现被展开的信息卡的内容详情,在用户滑动页面至折叠评论区底部时,下方将会跟随推荐出的折叠信息卡。
图6示出了根据本公开的某些实施例的用于信息展示的装置600的示意性结构框图。装置600可以被实现为或者被包括在终端设备110中。装置600中的各个模块/组件可以由硬件、软件、固件或者它们的任意组合来实现。
如图6所示,装置600包括卡片呈现模块610,被配置为在页面上呈现多个折叠信息卡,折叠信息卡用于呈现相应的内容。装置600还包括卡片选择检测模块620,被配置为检测针对多个折叠信息卡中的第一折叠信息卡的选择;以及卡片展开模块630,被配置为响应于检测到针对第一折叠信息卡的选择,以一种展开方式在页面中展开第一折叠信息卡。
在一些实施例中,展开方式与第一折叠信息卡在页面上的呈现位置相关联。
在一些实施例中,卡片展开模块630进一步被配置为:基于第一折叠信息卡的内容标题的呈现状态,来选择展开方式。
在一些实施例中,卡片展开模块630进一步被配置为:在第一折叠信息卡的内容标题在页面的移动方向上尚未达到页面的边缘的情况下,临近边缘展开第一折叠信息卡。
在一些实施例中,卡片展开模块630进一步被配置为:在第一折叠信息卡的内容标题在页面的移动方向上达到页面的边缘或者已滑出边缘的情况下,将第一折叠信息卡在页面中从呈现位置展开。
在一些实施例中,卡片展开模块630进一步被配置为:在第一折叠信息卡被呈现在页面上的面积低于阈值面积的情况下,临近页面的顶部展开第一折叠信息卡;以及在第一折叠信息卡被呈现在页面上的面积超过阈值面积的情况下,将第一折叠信息卡在页面中从呈现位置展开。
在一些实施例中,装置600还包括:切换控件呈现模块,被配置为响应于第一折叠信息卡被展开,临近页面的边缘呈现卡片切换控件,以供用户选择用以在不同的信息卡之间切换。
在一些实施例中,装置600还包括:卡片切换模块,被配置为响应于检测到针对卡片切换控件的选择,在页面上呈现多个折叠信息卡中的第二折叠信息卡,以及将卡片切换控件改为显示在被展开的第一折叠信息卡的临近位置。
在一些实施例中,装置600还包括:功能提示呈现模块,被配置为在确定预定条件被满足的情况下,临近卡片切换控件呈现与卡片切换控件相关的功能提示。预定条件包括以下至少一项:卡片切换控件被首次呈现,以及当前被展开的折叠信息卡的相应内容被滑动至预定位置。
图7示出了其中可以实施本公开的一个或多个实施例的计算设备700的框图。应当理解,图7所示出的计算设备700仅仅是示例性的,而不应当构成对本文所描述的实施例的功能和范围的任何限制。图7所示出的计算设备700可以用于实现图1的终端设备110。
如图7所示,计算设备700是通用计算设备的形式。计算设备700的组件可以包括但不限于一个或多个处理器或处理单元710、存储器720、存储设备730、一个或多个通信单元740、一个或多个输入设备750以及一个或多个输出设备760。处理单元710可以是实际或虚拟处理器并且能够根据存储器720中存储的程序来执行各种处理。在多处理器系统中,多个处理单元并行执行计算机可执行指令,以提高计算设备700的并行处理能力。
计算设备700通常包括多个计算机存储介质。这样的介质可以是计算设备700可访问的任何可以获得的介质,包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器720可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如,只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备730可以是可拆卸或不可拆卸的介质,并且可以包括机器可读介质,诸如闪存驱动、磁盘或者任何其他介质,其可以能够用于存储信息和/或数据(例如用于训练的训练数据)并且可以在计算设备700内被访问。
计算设备700可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图7中示出,可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中,每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器720可以包括计算机程序产品725,其具有一个或多个程序模块,这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。
通信单元740实现通过通信介质与其他计算设备进行通信。附加地,计算设备700的组件的功能可以以单个计算集群或多个计算机器来实现,这些计算机器能够通过通信连接进行通信。因此,计算设备700可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。
输入设备750可以是一个或多个输入设备,例如鼠标、键盘、追踪球等。输出设备760可以是一个或多个输出设备,例如显示器、扬声器、打印机等。计算设备700还可以根据需要通过通信单元740与一个或多个外部设备(未示出)进行通信,外部设备诸如存储设备、显示设备等,与一个或多个使得用户与计算设备700交互的设备进行通信,或者与使得计算设备700与一个或多个其他计算设备通信的任何设备(例如,网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(I/O)接口(未示出)来执行。
根据本公开的示例性实现方式,提供了一种计算机可读存储介质,其上存储有计算机可执行指令,其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式,还提供了一种计算机程序产品,计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令,而计算机可执行指令被处理器执行以实现上文描述的方法。
这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元,从而生产出一种机器,使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上,使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本公开的各实现,上述说明是示例性的,并非穷尽性的,并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。

Claims (20)

1.一种用于信息展示的方法,包括:
在页面上呈现多个折叠信息卡,折叠信息卡用于呈现相应的内容;
检测针对所述多个折叠信息卡中的第一折叠信息卡的选择;以及
响应于检测到针对所述第一折叠信息卡的选择,以一种展开方式在所述页面中展开所述第一折叠信息卡。
2.根据权利要求1所述的方法,其中所述展开方式与所述第一折叠信息卡在所述页面上的呈现位置相关联。
3.根据权利要求2所述的方法,其中展开所述第一折叠信息卡包括:
基于所述第一折叠信息卡的内容标题的呈现状态,来选择所述展开方式。
4.根据权利要求3所述的方法,其中展开所述第一折叠信息卡包括:
如果所述第一折叠信息卡的所述内容标题在所述页面的移动方向上尚未达到所述页面的边缘,则临近所述边缘展开所述第一折叠信息卡。
5.根据权利要求3所述的方法,其中展开所述第一折叠信息卡包括:
如果所述第一折叠信息卡的所述内容标题在所述页面的移动方向上达到所述页面的边缘或者已滑出所述边缘,则将所述第一折叠信息卡在所述页面中从所述呈现位置展开。
6.根据权利要求1所述的方法,其中展开所述第一折叠信息卡包括:
如果所述第一折叠信息卡被呈现在所述页面上的面积低于阈值面积,临近所述页面的顶部展开所述第一折叠信息卡;以及
如果所述第一折叠信息卡被呈现在所述页面上的面积超过所述阈值面积,将所述第一折叠信息卡在所述页面中从所述呈现位置展开。
7.根据权利要求1所述的方法,还包括:
响应于所述第一折叠信息卡被展开,临近所述页面的边缘呈现卡片切换控件,以供用户选择用以在不同的信息卡之间切换。
8.根据权利要求7所述的方法,还包括:
响应于检测到针对所述卡片切换控件的选择,
在所述页面上呈现所述多个折叠信息卡中的第二折叠信息卡;以及
将所述卡片切换控件改为显示在被展开的所述第一折叠信息卡的临近位置。
9.根据权利要求7所述的方法,还包括:
如果确定预定条件被满足,临近所述卡片切换控件呈现与所述卡片切换控件相关的功能提示,所述预定条件包括以下至少一项:
所述卡片切换控件被首次呈现,以及
当前被展开的折叠信息卡的相应内容被滑动至预定位置。
10.一种用于信息展示的装置,包括:
卡片呈现模块,被配置为在页面上呈现多个折叠信息卡,折叠信息卡用于呈现相应的内容;
卡片选择检测模块,被配置为检测针对所述多个折叠信息卡中的第一折叠信息卡的选择;以及
卡片展开模块,被配置为响应于检测到针对所述第一折叠信息卡的选择,以一种展开方式在所述页面中展开所述第一折叠信息卡。
11.根据权利要求10所述的装置,其中所述展开方式与所述第一折叠信息卡在所述页面上的呈现位置相关联。
12.根据权利要求11所述的装置,其中所述卡片展开模块进一步被配置为:
基于所述第一折叠信息卡的内容标题的呈现状态,来选择所述展开方式。
13.根据权利要求12所述的装置,其中所述卡片展开模块进一步被配置为:
在所述第一折叠信息卡的所述内容标题在所述页面的移动方向上尚未达到所述页面的边缘的情况下,临近所述边缘展开所述第一折叠信息卡。
14.根据权利要求12所述的装置,其中所述卡片展开模块进一步被配置为:
在所述第一折叠信息卡的所述内容标题在所述页面的移动方向上达到所述页面的边缘或者已滑出所述边缘的情况下,将所述第一折叠信息卡在所述页面中从所述呈现位置展开。
15.根据权利要求10所述的装置,其中所述卡片展开模块进一步被配置为:
在所述第一折叠信息卡被呈现在所述页面上的面积低于阈值面积的情况下,临近所述页面的顶部展开所述第一折叠信息卡;以及
在所述第一折叠信息卡被呈现在所述页面上的面积超过所述阈值面积的情况下,将所述第一折叠信息卡在所述页面中从所述呈现位置展开。
16.根据权利要求10所述的装置,还包括:
切换控件呈现模块,被配置为响应于所述第一折叠信息卡被展开,临近所述页面的边缘呈现卡片切换控件,以供用户选择用以在不同的信息卡之间切换。
17.根据权利要求16所述的装置,还包括:
卡片切换模块,被配置为响应于检测到针对所述卡片切换控件的选择,
在所述页面上呈现所述多个折叠信息卡中的第二折叠信息卡;以及
将所述卡片切换控件改为显示在被展开的所述第一折叠信息卡的临近位置。
18.根据权利要求16所述的装置,还包括:
功能提示呈现模块,被配置为在确定预定条件被满足的情况下,临近所述卡片切换控件呈现与所述卡片切换控件相关的功能提示,所述预定条件包括以下至少一项:
所述卡片切换控件被首次呈现,以及
当前被展开的折叠信息卡的相应内容被滑动至预定位置。
19.一种电子设备,包括:
至少一个处理单元;以及
至少一个存储器,所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令,所述指令在由所述至少一个处理单元执行时使所述设备执行根据权利要求1至9中任一项所述的方法。
20.一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现根据权利要求1至9中任一项所述的方法。
CN202210599733.6A 2022-05-30 2022-05-30 用于信息展示的方法、装置、设备和存储介质 Pending CN114860372A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210599733.6A CN114860372A (zh) 2022-05-30 2022-05-30 用于信息展示的方法、装置、设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210599733.6A CN114860372A (zh) 2022-05-30 2022-05-30 用于信息展示的方法、装置、设备和存储介质

Publications (1)

Publication Number Publication Date
CN114860372A true CN114860372A (zh) 2022-08-05

Family

ID=82642134

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210599733.6A Pending CN114860372A (zh) 2022-05-30 2022-05-30 用于信息展示的方法、装置、设备和存储介质

Country Status (1)

Country Link
CN (1) CN114860372A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109271603A (zh) * 2018-09-19 2019-01-25 上海连尚网络科技有限公司 用于展示页面的方法和设备
CN109688454A (zh) * 2018-12-24 2019-04-26 北京潘达互娱科技有限公司 信息展示方法、装置、设备和存储介质
CN113191726A (zh) * 2021-04-22 2021-07-30 五八有限公司 任务详情界面展示方法、装置、设备和计算机可读介质
CN113254136A (zh) * 2021-06-04 2021-08-13 北京城市网邻信息技术有限公司 信息推荐弹窗展示方法、装置、设备和计算机可读介质
CN113486251A (zh) * 2021-07-29 2021-10-08 北京字节跳动网络技术有限公司 一种信息展示的方法、装置以及计算机存储介质
CN114117282A (zh) * 2021-11-30 2022-03-01 北京字跳网络技术有限公司 信息展示方法、装置、设备及存储介质
CN114470751A (zh) * 2022-02-09 2022-05-13 北京有竹居网络技术有限公司 内容获取方法、装置、存储介质及电子设备

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109271603A (zh) * 2018-09-19 2019-01-25 上海连尚网络科技有限公司 用于展示页面的方法和设备
CN109688454A (zh) * 2018-12-24 2019-04-26 北京潘达互娱科技有限公司 信息展示方法、装置、设备和存储介质
CN113191726A (zh) * 2021-04-22 2021-07-30 五八有限公司 任务详情界面展示方法、装置、设备和计算机可读介质
CN113254136A (zh) * 2021-06-04 2021-08-13 北京城市网邻信息技术有限公司 信息推荐弹窗展示方法、装置、设备和计算机可读介质
CN113486251A (zh) * 2021-07-29 2021-10-08 北京字节跳动网络技术有限公司 一种信息展示的方法、装置以及计算机存储介质
CN114117282A (zh) * 2021-11-30 2022-03-01 北京字跳网络技术有限公司 信息展示方法、装置、设备及存储介质
CN114470751A (zh) * 2022-02-09 2022-05-13 北京有竹居网络技术有限公司 内容获取方法、装置、存储介质及电子设备

Similar Documents

Publication Publication Date Title
US20130176248A1 (en) Apparatus and method for displaying screen on portable device having flexible display
US20130227469A1 (en) User terminal and method for displaying screen
CN113891164B (zh) 视频列表的显示方法、装置、电子设备和存储介质
CN105094628A (zh) 一种截屏方法及电子设备
WO2018112924A1 (zh) 一种信息展示方法、装置及终端设备
WO2018112928A1 (zh) 一种信息展示方法、装置及终端设备
CN108710457B (zh) 一种交互方法及终端设备
CN103279293A (zh) 一种切换图片的方法、装置和终端
WO2022166893A1 (zh) 信息显示方法、装置、电子设备和存储介质
CN105745612A (zh) 用于显示内容的重新调整大小技术
CN112269519B (zh) 文档处理方法、装置及电子设备
WO2024087892A1 (zh) 用于内容呈现的方法、装置、设备和存储介质
US20230004673A1 (en) Information management system and method for communication application, and display terminal
CN114518820A (zh) 图标整理方法、装置和电子设备
CN115080037A (zh) 用于页面交互的方法、装置、设备和存储介质
WO2024082850A1 (zh) 用于内容分享的方法、装置、设备和存储介质
CN112995406B (zh) 显示方法、装置和电子设备
CN108399033A (zh) 一种视图切换方法及装置
WO2023193728A1 (zh) 用于搜索推荐的方法、装置、设备和存储介质
CN105373560A (zh) 出版物页面在线展现的方法
CN114860372A (zh) 用于信息展示的方法、装置、设备和存储介质
CN115640782A (zh) 用于文档演示的方法、装置、设备和存储介质
CN113362749B (zh) 一种显示方法和装置
CN115543169A (zh) 标识显示方法、装置、电子设备及可读存储介质
CN114168035A (zh) 应用程序页面布局调整方法、装置、电子设备和存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination