[go: up one dir, main page]

CN105589893B - 对象列表的浏览控制方法及装置 - Google Patents

对象列表的浏览控制方法及装置 Download PDF

Info

Publication number
CN105589893B
CN105589893B CN201410639673.1A CN201410639673A CN105589893B CN 105589893 B CN105589893 B CN 105589893B CN 201410639673 A CN201410639673 A CN 201410639673A CN 105589893 B CN105589893 B CN 105589893B
Authority
CN
China
Prior art keywords
level
classification
area
current
state
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.)
Active
Application number
CN201410639673.1A
Other languages
English (en)
Other versions
CN105589893A (zh
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.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding 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 Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201410639673.1A priority Critical patent/CN105589893B/zh
Priority to TW104113918A priority patent/TWI665598B/zh
Priority to US14/939,392 priority patent/US9971477B2/en
Priority to PCT/US2015/060321 priority patent/WO2016077545A1/en
Publication of CN105589893A publication Critical patent/CN105589893A/zh
Priority to HK16112186.1A priority patent/HK1224046A1/zh
Application granted granted Critical
Publication of CN105589893B publication Critical patent/CN105589893B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/954—Navigation, e.g. using categorised browsing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Remote Sensing (AREA)
  • Radar, Positioning & Navigation (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)

Abstract

本申请公开了一种对象列表的浏览控制方法，包括：提供产品列表，其中，产品列表包括第一区域和第二区域，其中，第一区域中展示多个一级类目，第二区域中展示多个二级类目；获取产品列表的状态，并判断产品列表的状态是否满足预设条件；以及当产品列表的状态满足预设条件时，根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制。本申请实施例的方法能够使得页面中类目区分清晰、页面性能优越，对于用户来说，无需中断用户的浏览行为，能够很好地达成用户无障碍浏览的需求，提升了用户体验。本申请还公开了一种对象列表的浏览控制装置。

Description

对象列表的浏览控制方法及装置
技术领域
本申请涉及互联网技术领域，尤其涉及一种对象列表的浏览控制方法及装置。
背景技术
用户在浏览产品列表时，可根据一级类目、二级类目等定位到相应区块，当产品数量非常大时，浏览页面会很长，导致页面性能和用户体验都不好；如果不同类目对应不同列表，当前类目下产品加载、浏览完毕后，用户的浏览行为被中断，需要手动切换到下一类目再继续浏览。这时，就可以有一种交互方式，达成用户无阻碍地遍历浏览产品的需求。
目前业界通常的解决方式是将所有产品放在一个列表中，利用类目锚点定位到相应区块，以使得用户达到无障碍式浏览。
通过上述的实现方式，当产品数量少时能够达到用户无障碍浏览的需求，但是，当产品数量大到上千级别时，一次加载完所有产品页面性能会非常堪忧，页面也会很长，一般可通过以下两种优化方案进行优化：
(1)利用瀑布流方式加载页面中的产品信息，但是，这种方式用类目去锚点时会出现多个问题：
a)不同类目会混排；
b)页面中出现空白区域，导致上下双向瀑布流，影响用户体验；
c)页面依然很长；
(2)将类目锚点换成标签页(Tab)切换，但是，由于每一个子类目下是一个独立的产品列表，因此，这种情况下用户想浏览其他类目产品时，需要手动点击切换，增加用户的操作。
发明内容
本申请的目的旨在至少在一定程度上解决相关技术中的技术问题之一。
为此，本申请的第一个目的在于提出一种对象列表的浏览控制方法。该方法能够使得页面中类目区分清晰、页面性能优越，对于用户来说，无需中断用户的浏览行为，能够很好地达成用户无障碍浏览的需求，提升了用户体验。
本申请的第二个目的在于提出一种对象列表的浏览控制装置。
为了实现上述目的，本申请第一方面实施例的对象列表的浏览控制方法，包括：提供产品列表，其中，所述产品列表包括第一区域和第二区域，其中，所述第一区域中展示多个一级类目，所述第二区域中展示多个二级类目；获取所述产品列表的状态，并判断所述产品列表的状态是否满足预设条件；以及当所述产品列表的状态满足所述预设条件时，根据所述第二区域中展示的二级类目的状态对所述第二区域中的二级类目进行切换控制。
本申请实施例的对象列表的浏览控制方法，可提供产品列表，其中，产品列表可包括第一区域和第二区域，第一区域中展示多个一级类目，第二区域中展示多个二级类目，可获取产品列表的状态，并判断产品列表的状态是否满足预设条件，当产品列表的状态满足预设条件时，可根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制，即确定产品列表满足预设条件且满足自动切换操作时，根据第二区域中展示的当前二级类目的状态确定将要切换的目标类目，以实现页面中类目之间的自动切换，无需中断用户的浏览行为，能够很好地达成用户无障碍浏览的需求，提升了用户体验，对于页面来说，页面中类目区分清晰，提高了页面性能。
为了实现上述目的，本申请第二方面实施例的对象列表的浏览控制装置，包括：提供模块，用于提供产品列表，其中，所述产品列表包括第一区域和第二区域，其中，所述第一区域中展示多个一级类目，所述第二区域中展示多个二级类目；获取模块，用于获取所述产品列表的状态；判断模块，用于判断所述产品列表的状态是否满足预设条件；以及控制模块，用于在所述产品列表的状态满足所述预设条件时，根据所述第二区域中展示的二级类目的状态对所述第二区域中的二级类目进行切换控制。
本申请实施例的对象列表的浏览控制装置，可通过提供模块提供产品列表，其中，产品列表包括第一区域和第二区域，第一区域中展示多个一级类目，第二区域中展示多个二级类目，获取模块获取产品列表的状态，判断模块判断产品列表的状态是否满足预设条件，控制模块在产品列表的状态满足预设条件时，根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制，即确定产品列表的状态满足预设条件且满足自动切换操作时，根据第二区域中展示的当前二级类目的状态确定将要切换的目标类目，以实现页面中类目之间的自动切换，无需中断用户的浏览行为，能够很好地达成用户无障碍浏览的需求，提升了用户体验，对于页面来说，页面中类目区分清晰，提高了页面性能。
本申请附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本申请的实践了解到。
附图说明
本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中，
图1是根据本申请一个实施例的对象列表的浏览控制方法的流程图；
图2(a)和(b)是根据本申请一个实施例的产品列表页面的展示的示例图；
图3是根据本申请另一个实施例的对象列表的浏览控制方法的流程图；
图4是根据本申请一个实施例的对象列表的浏览控制方法的示例图；
图5是根据本申请一个实施例的对象列表的浏览控制装置的结构示意图；
图6是根据本申请一个实施例的控制模块的结构示意图。
具体实施方式
下面详细描述本申请的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本申请，而不能理解为对本申请的限制。
下面参考附图描述本申请实施例的对象列表的浏览控制方法及装置。
图1是根据本申请一个实施例的对象列表的浏览控制方法的流程图。如图1所示，该对象列表的浏览控制方法可以包括：
S101，提供产品列表，其中，产品列表包括第一区域和第二区域，其中，第一区域中展示多个一级类目，第二区域中展示多个二级类目。
例如，当用户通过浏览器打开浏览具有产品列表的页面时，浏览器可加载该页面对应的服务器提供的产品列表，并可将该产品列表提供给用户。其中，在本申请的实施例中，产品列表可包括第一区域和第二区域，如图2(a)所示，第一区域A中可展示多个一级类目，第二区域B中可展示多个二级类目，每个一级类目下的二级类目可单独享有一个产品列表。
S102，获取产品列表的状态，并判断产品列表的状态是否满足预设条件。
其中，在本申请的实施例中，产品列表还可包括滚动条，产品列表的状态可以理解为是滚动条的状态。具体而言，在本申请的实施例中，判断产品列表的状态是否满足预设条件具体包括：当滚动条到达页面底部(如图2(b)所示)时，可判断产品列表的状态满足预设条件。应当理解，在本步骤中，可通过现有技术获取页面中滚动条的状态，在此不再赘述。
S103，当产品列表的状态满足预设条件时，根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制。
具体地，当用户在浏览页面中第二区域中展示的二级类目下的产品列表时，如果当前二级类目下的产品全部加载完毕，用户继续滑到页面底部，则可根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制。其中，在本申请的实施例中，二级类目的状态可理解为该二级类目是否为该二级类目所属的一级类目的最后一个二级类目。具体的实现方式可参照后续实施例的详细描述。
进一步的，为了保证用户尽可能地浏览到当前页面中加载的全部产品，在本申请的一个实施例中，在产品列表的状态满足预设条件之后，该对象列表的浏览控制方法还可包括：判断第二区域中二级类目对应的产品是否加载完毕；如果第二区域中二级类目对应的产品已加载完毕，则进一步判断持续时间是否大于预设时间；如果大于预设时间，则进一步根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制。
具体地，在滚动条到达页面底部之后，可先判断第二区域中当前二级类目下的产品是否全部加载完毕，如果没有全部加载完毕，则继续加载直至当前二级类目下的产品全部加载完毕；如果当前二级类目下的产品全部加载完毕，则进一步判断距离上次加载产品或自动切换类目的持续时间是否大于预设时间(如2秒等)，如果是，则进一步根据该当前二级类目的状态对第二区域中的二级类目进行切换控制。需要说明的是，在本申请的实施例中，通过设置预设时间(如2秒等)的缓冲时间，可以避免当页面中最后一批产品刚刚加载到页面而用户可能还未浏览的情况发生，保证用户尽可能地浏览到当前页面中加载的产品。
还需要说明的是，在本申请的实施例中，在第二区域中可以以瀑布流的形式加载二级类目对应的产品。由此，可以使得用户在短时间内获得更多的信息量，并且由于瀑布流中具有懒加载模式，所以通过设置懒加载模式又可避免了用户鼠标点击的翻页操作，提升了用户体验。
本申请实施例的对象列表的浏览控制方法，可提供产品列表，其中，产品列表可包括第一区域和第二区域，第一区域中展示多个一级类目，第二区域中展示多个二级类目，可获取产品列表的状态，并判断产品列表的状态是否满足预设条件，当产品列表的状态满足预设条件时，可根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制，即确定产品列表的状态满足预设条件且满足自动切换操作时，根据第二区域中展示的当前二级类目的状态确定将要切换的目标类目，以实现页面中类目之间的自动切换，无需中断用户的浏览行为，能够很好地达成用户无障碍浏览的需求，提升了用户体验，对于页面来说，页面中类目区分清晰，提高了页面性能。
图3是根据本申请另一个实施例的对象列表的浏览控制方法的流程图。
为了能够使得用户可以无障碍循环遍历地浏览页面中的所有产品，在本申请的实施例中，可先获取第二区域中当前展示的当前二级类目是否为当前二级类目所属的一级类目的最后一个二级类目，之后可根据该判断结果进行自动切换控制或其他相应的操作。具体地，如图3所示，该对象列表的浏览控制方法可以包括：
S301，提供产品列表，其中，产品列表包括第一区域和第二区域，其中，第一区域中展示多个一级类目，第二区域中展示多个二级类目。
例如，当用户通过浏览器打开浏览具有产品列表的页面时，浏览器可加载该页面对应的服务器提供的产品列表，并可将该产品列表提供给用户。其中，在本申请的实施例中，产品列表可包括第一区域和第二区域，如图2(a)所示，第一区域A中可展示多个一级类目，第二区域B中可展示多个二级类目，每个一级类目下的二级类目可单独享有一个产品列表。可以理解，滚动条可位于页面的右侧，也可位于页面的左侧。
S302，获取产品列表的状态，并判断产品列表的状态是否满足预设条件。
其中，在本申请的实施例中，产品列表还可包括滚动条，产品列表的状态可以理解为是滚动条的状态。具体而言，在本申请的实施例中，判断产品列表的状态是否满足预设条件具体包括：当滚动条到达页面底部(如图2(b)所示)时，可判断产品列表的状态满足预设条件。。应当理解，在本步骤中，可通过现有技术获取页面中滚动条的状态，在此不再赘述。
S303，当产品列表的状态满足预设条件时，获取第二区域中当前展示的当前二级类目是否为当前二级类目所属的一级类目的最后一个二级类目。
S304，如果当前二级类目不为当前二级类目所属的一级类目的最后一个二级类目，则进一步切换至当前二级类目所属的一级类目中的下一个二级类目。
S305，如果当前二级类目为当前二级类目所属的一级类目的最后一个二级类目，则进一步判断当前二级类目所属的一级类目是否为最后一个一级类目。
S306，如果当前二级类目所属的一级类目不为最后一个一级类目，则在第一区域中切换至下一个一级类目，并在第二区域中切换至该下一个一级类目的第一个二级类目。
S307，如果当前二级类目所属的一级类目为最后一个一级类目，则在第一区域中切换至第一个一级类目，并在第二区域中切换至该第一个一级类目的第一个二级类目。
举例而言，假设第一区域中展示3个一级类目，分别为：A1一级类目、B2一级类目和C3一级类目，A1一级类目下的二级类目分别为：a1二级类目、a2二级类目和a3二级类目，B2一级类目下的二级类目分别为：b1二级类目、b2二级类目和b3二级类目，C3一级类目下的二级类目分别为：c1二级类目和c2二级类目，当滚动条到达页面底部时，例如，获取第二区域中当前展示的当前二级类目(a3)为当前二级类目(a3)所属的一级类目(A1)的最后一个二级类目，则进一步判断当前二级类目(a3)所属的一级类目(A1)是否为最后一个一级类目，如果不是，则在第一区域中切换至下一个一级类目(B2)，并在第二区域中切换至该下一个一级类目(B2)的第一个二级类目(b1)；又如，获取第二区域中当前展示的当前二级类目(a2)不为当前二级类目(a2)所属的一级类目(A1)的最后一个二级类目，则进一步切换至当前二级类目(a2)所属的一级类目(A1)中的下一个二级类目(a3)；再如，如果判断当前二级类目(c2)所属的一级类目(C3)为最后一个一级类目，则在第一区域中切换至第一个一级类目(A1)，并在第二区域中切换至该第一个一级类目(A1)的第一个二级类目(a1)。由此，图4是根据本申请一个实施例的对象列表的浏览控制方法的示例图，用户从如图4所示的任何一个节点开始浏览，最后均可以无障碍的循环遍历浏览完页面中所有的产品，整个过程中，无需用户手动切换，从而避免由于手动切换而中断浏览行为，减少了用户操作，提升了用户体验。
本申请实施例的对象列表的浏览控制方法，当滚动条的状态满足预设条件时，可先获取第二区域中当前展示的当前二级类目是否为当前二级类目所属的一级类目的最后一个二级类目，如果否，则进一步切换至当前二级类目所属的一级类目中的下一个二级类目，如果是，进一步判断当前二级类目所属的一级类目是否为最后一个一级类目，如果否，则在第一区域中切换至下一个一级类目，并在第二区域中切换至该下一个一级类目的第一个二级类目，否则在第一区域中切换至第一个一级类目，并在第二区域中切换至该第一个一级类目的第一个二级类目，用户可以从页面中的任何一个节点开始浏览，能够使得用户可以无障碍循环遍历地浏览页面中的所有产品。
与上述几种实施例提供的对象列表的浏览控制方法相对应，本申请的一种实施例还提供一种对象列表的浏览控制装置，由于本申请实施例提供的对象列表的浏览控制装置与上述几种实施例提供的对象列表的浏览控制方法相对应，因此在前述对象列表的浏览控制方法的实施方式也适用于本实施例提供的产品对象的浏览控制装置，在本实施例中不再详细描述。图5是根据本申请一个实施例的产品对象的浏览控制装置的结构示意图。如图5所示，该对象列表的浏览控制装置可以包括：提供模块10、获取模块20、判断模块30和控制模块40。
具体地，提供模块10可用于提供产品列表，其中，产品列表包括第一区域和第二区域，其中，第一区域中展示多个一级类目，第二区域中展示多个二级类目。
获取模块20可用于获取产品列表的状态。判断模块30可用于判断产品列表的状态是否满足预设条件。其中，在本申请的实施例中，产品列表还可包括滚动条，产品列表的状态可以理解为是滚动条的状态。具体而言，在本申请的实施例中，判断模块30可在滚动条到达页面底部(如图2(b)所示)时，判断产品列表的状态满足预设条件。
控制模块40可用于在产品列表的状态满足预设条件时，根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制。更具体地，当用户在浏览页面中第二区域中展示的二级类目下的产品列表时，如果当前二级类目下的产品全部加载完毕，用户继续滑到页面底部，控制模块40可根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制。其中，在本申请的实施例中，二级类目的状态可理解为该二级类目是否为该二级类目所属的一级类目的最后一个二级类目。具体的实现方式可参照后续实施例的详细描述。
进一步的，为了保证用户尽可能地浏览到当前页面中加载的全部产品，在本申请的一个实施例中，如图6所示，该控制模块40可包括第一判断单元41、第二判断单元42和控制单元43。
具体地，第一判断单元41可用于在产品列表的状态满足预设条件之后，判断第二区域中二级类目对应的产品是否加载完毕。第二判断单元42可用于在第二区域中二级类目对应的产品已加载完毕时，进一步判断持续时间是否大于预设时间。控制单元43可用于在持续时间大于预设时间时，根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制。
更具体地，在滚动条到达页面底部之后，第一判断单元41可判断第二区域中当前二级类目下的产品是否全部加载完毕，如果没有全部加载完毕，则继续加载直至当前二级类目下的产品全部加载完毕；如果当前二级类目下的产品全部加载完毕，则第二判断单元42进一步判断距离上次加载产品或自动切换类目的持续时间是否大于预设时间(如2秒等)，如果是，则控制单元43进一步根据该当前二级类目的状态对第二区域中的二级类目进行切换控制。需要说明的是，在本申请的实施例中，通过设置预设时间(如2秒等)的缓冲时间，可以避免当页面中最后一批产品刚刚加载到页面而用户可能还未浏览的情况发生，保证用户尽可能地浏览到当前页面中加载的产品。
还需要说明的是，在本申请的实施例中，控制模块40在第二区域中可以以瀑布流的形式加载二级类目对应的产品。由此，可以使得用户在短时间内获得更多的信息量，并且由于瀑布流中具有懒加载模式，所以通过设置懒加载模式又可避免了用户鼠标点击的翻页操作，提升了用户体验。
具体而言，为了能够使得用户可以无障碍循环遍历地浏览页面中的所有产品，在本申请的实施例中，控制单元43可具体用于：获取第二区域中当前展示的当前二级类目是否为当前二级类目所属的一级类目的最后一个二级类目；以及在前二级类目不为当前二级类目所属的一级类目的最后一个二级类目时，进一步切换至当前二级类目所属的一级类目中的下一个二级类目。
在本申请的实施例中，控制单元43还可具体用于：在当前二级类目为当前二级类目所属的一级类目的最后一个二级类目时，进一步判断当前二级类目所属的一级类目是否为最后一个一级类目；在当前二级类目所属的一级类目不为最后一个一级类目时，在第一区域中切换至下一个一级类目，并在第二区域中切换至下一个一级类目的第一个二级类目；在当前二级类目所属的一级类目为最后一个一级类目时，在第一区域中切换至第一个一级类目，并在第二区域中切换至第一个一级类目的第一个二级类目。
举例而言，假设第一区域中展示3个一级类目，分别为：A1一级类目、B2一级类目和C3一级类目，A1一级类目下的二级类目分别为：a1二级类目、a2二级类目和a3二级类目，B2一级类目下的二级类目分别为：b1二级类目、b2二级类目和b3二级类目，C3一级类目下的二级类目分别为：c1二级类目和c2二级类目，当滚动条到达页面底部时，例如，获取第二区域中当前展示的当前二级类目(a3)为当前二级类目(a3)所属的一级类目(A1)的最后一个二级类目，则进一步判断当前二级类目(a3)所属的一级类目(A1)是否为最后一个一级类目，如果不是，则在第一区域中切换至下一个一级类目(B2)，并在第二区域中切换至该下一个一级类目(B2)的第一个二级类目(b1)；又如，获取第二区域中当前展示的当前二级类目(a2)不为当前二级类目(a2)所属的一级类目(A1)的最后一个二级类目，则进一步切换至当前二级类目(a2)所属的一级类目(A1)中的下一个二级类目(a3)；再如，如果判断当前二级类目(c2)所属的一级类目(C3)为最后一个一级类目，则在第一区域中切换至第一个一级类目(A1)，并在第二区域中切换至该第一个一级类目(A1)的第一个二级类目(a1)。由此，图4是根据本申请一个实施例的对象列表的浏览控制方法的示例图，用户从如图4所示的任何一个节点开始浏览，最后均可以无障碍的循环遍历浏览完页面中所有的产品，整个过程中，无需用户手动切换，从而避免由于手动切换而中断浏览行为，减少了用户操作，提升了用户体验。
本申请实施例的对象列表的浏览控制装置，可通过提供模块提供产品列表，其中，产品列表包括第一区域和第二区域，第一区域中展示多个一级类目，第二区域中展示多个二级类目，获取模块获取产品列表的状态，判断模块判断产品列表的状态是否满足预设条件，控制模块在产品列表的状态满足预设条件时，根据第二区域中展示的二级类目的状态对第二区域中的二级类目进行切换控制，即确定产品列表的状态满足预设条件且满足自动切换操作时，根据第二区域中展示的当前二级类目的状态确定将要切换的目标类目，以实现页面中类目之间的自动切换，无需中断用户的浏览行为，能够很好地达成用户无障碍浏览的需求，提升了用户体验，对于页面来说，页面中类目区分清晰，提高了页面性能。
在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本申请的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本申请的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本申请的实施例所属技术领域的技术人员所理解。
在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。
应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。
此外，在本申请各个实施例中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (10)

1.一种对象列表的浏览控制方法，其特征在于，包括以下步骤：
提供产品列表，其中，所述产品列表包括滚动条、第一区域和第二区域，其中，所述第一区域中展示多个一级类目，所述第二区域中展示多个二级类目，每个一级类目下的二级类目单独享有一个产品列表；
获取所述滚动条的状态，并判断所述滚动条的状态是否满足预设条件；以及
当所述滚动条的状态满足所述预设条件时，根据所述第二区域中展示的二级类目的状态对所述第二区域中的二级类目进行切换控制，其中所述二级类目的状态包括二级类目是否为二级类目所属的一级类目的最后一个二级类目，在所述滚动条的状态满足所述预设条件之后，判断所述第二区域中二级类目对应的产品是否全部加载完毕；如果所述第二区域中二级类目对应的产品已全部加载完毕，则进一步判断持续时间是否大于预设时间；如果大于所述预设时间，则进一步根据所述第二区域中展示的二级类目的状态对所述第二区域中的二级类目进行切换控制。
2.如权利要求1所述的对象列表的浏览控制方法，其特征在于，其中，所述判断所述滚动条的状态是否满足预设条件具体包括：
当所述滚动条到达页面底部时，判断满足所述预设条件。
3.如权利要求1所述的对象列表的浏览控制方法，其特征在于，所述根据所述第二区域中展示的二级类目的状态对所述第二区域中的二级类目进行切换控制具体包括：
获取所述第二区域中当前展示的当前二级类目是否为所述当前二级类目所属的一级类目的最后一个二级类目；以及
如果所述当前二级类目不为所述当前二级类目所属的一级类目的最后一个二级类目，则进一步切换至所述当前二级类目所属的一级类目中的下一个二级类目。
4.如权利要求3所述的对象列表的浏览控制方法，其特征在于，还包括：
如果所述当前二级类目为所述当前二级类目所属的一级类目的最后一个二级类目，则进一步判断所述当前二级类目所属的一级类目是否为最后一个一级类目；
如果所述当前二级类目所属的一级类目不为最后一个一级类目，则在所述第一区域中切换至下一个一级类目，并在所述第二区域中切换至所述下一个一级类目的第一个二级类目；
如果所述当前二级类目所属的一级类目为最后一个一级类目，则在所述第一区域中切换至第一个一级类目，并在所述第二区域中切换至所述第一个一级类目的第一个二级类目。
5.如权利要求1所述的对象列表的浏览控制方法，其特征在于，在所述第二区域中以瀑布流的形式加载所述二级类目对应的产品。
6.一种对象列表的浏览控制装置，其特征在于，包括：
提供模块，用于提供产品列表，其中，所述产品列表包括滚动条、第一区域和第二区域，其中，所述第一区域中展示多个一级类目，所述第二区域中展示多个二级类目，每个一级类目下的二级类目单独享有一个产品列表；
获取模块，用于获取所述滚动条的状态；
判断模块，用于判断所述滚动条的状态是否满足预设条件；以及
控制模块，用于在所述滚动条的状态满足所述预设条件时，根据所述第二区域中展示的二级类目的状态对所述第二区域中的二级类目进行切换控制，其中所述二级类目的状态包括二级类目是否为二级类目所属的一级类目的最后一个二级类目，所述控制模块包括：第一判断单元，用于在所述滚动条的状态满足所述预设条件之后，判断所述第二区域中二级类目对应的产品是否全部加载完毕；第二判断单元，用于在所述第二区域中二级类目对应的产品已全部加载完毕时，进一步判断持续时间是否大于预设时间；控制单元，用于在所述持续时间大于所述预设时间时，根据所述第二区域中展示的二级类目的状态对所述第二区域中的二级类目进行切换控制。
7.如权利要求6所述的对象列表的浏览控制装置，其特征在于，其中，所述判断模块具体用于：
在所述滚动条到达页面底部时，判断满足所述预设条件。
8.如权利要求6所述的对象列表的浏览控制装置，其特征在于，所述控制单元具体用于：
获取所述第二区域中当前展示的当前二级类目是否为所述当前二级类目所属的一级类目的最后一个二级类目；以及
在所述前二级类目不为所述当前二级类目所属的一级类目的最后一个二级类目时，进一步切换至所述当前二级类目所属的一级类目中的下一个二级类目。
9.如权利要求8所述的对象列表的浏览控制装置，其特征在于，所述控制单元还具体用于：
在所述当前二级类目为所述当前二级类目所属的一级类目的最后一个二级类目时，进一步判断所述当前二级类目所属的一级类目是否为最后一个一级类目；
在所述当前二级类目所属的一级类目不为最后一个一级类目时，在所述第一区域中切换至下一个一级类目，并在所述第二区域中切换至所述下一个一级类目的第一个二级类目；
在所述当前二级类目所属的一级类目为最后一个一级类目时，在所述第一区域中切换至第一个一级类目，并在所述第二区域中切换至所述第一个一级类目的第一个二级类目。
10.如权利要求6所述的对象列表的浏览控制装置，其特征在于，所述控制模块在所述第二区域中以瀑布流的形式加载所述二级类目对应的产品。
CN201410639673.1A 2014-11-13 2014-11-13 对象列表的浏览控制方法及装置 Active CN105589893B (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CN201410639673.1A CN105589893B (zh) 2014-11-13 2014-11-13 对象列表的浏览控制方法及装置
TW104113918A TWI665598B (zh) 2014-11-13 2015-04-30 物件列表的瀏覽控制方法及裝置
US14/939,392 US9971477B2 (en) 2014-11-13 2015-11-12 Method and apparatus for automatically switching displayed list based on categories
PCT/US2015/060321 WO2016077545A1 (en) 2014-11-13 2015-11-12 Method and apparatus for browsing a list of objects
HK16112186.1A HK1224046A1 (zh) 2014-11-13 2016-10-24 對象列表的瀏覽控制方法及裝置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410639673.1A CN105589893B (zh) 2014-11-13 2014-11-13 对象列表的浏览控制方法及装置

Publications (2)

Publication Number Publication Date
CN105589893A CN105589893A (zh) 2016-05-18
CN105589893B true CN105589893B (zh) 2019-10-22

Family

ID=55929476

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410639673.1A Active CN105589893B (zh) 2014-11-13 2014-11-13 对象列表的浏览控制方法及装置

Country Status (5)

Country Link
US (1) US9971477B2 (zh)
CN (1) CN105589893B (zh)
HK (1) HK1224046A1 (zh)
TW (1) TWI665598B (zh)
WO (1) WO2016077545A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106227459B (zh) * 2016-08-11 2019-05-14 合一网络技术(北京)有限公司 内容切换方法及装置
CN108090057A (zh) 2016-11-21 2018-05-29 阿里巴巴集团控股有限公司 信息展示方法和装置
WO2018094313A1 (en) * 2016-11-21 2018-05-24 Alibaba Group Holding Limited Information displayed while information is scrolled on a terminal screen
CN107506126A (zh) * 2017-07-12 2017-12-22 北京小鸟看看科技有限公司 动态数据显示方法和装置、计算设备及存储介质
CN107783714B (zh) * 2017-10-13 2021-03-23 北京乐蜜科技有限责任公司 一种页面展示方法、装置、电子设备及存储介质
CN111949341A (zh) * 2019-05-15 2020-11-17 腾讯科技（深圳）有限公司 展示信息的方法、装置、设备及存储介质
CN112784083B (zh) * 2019-11-04 2024-12-13 阿里巴巴集团控股有限公司 类目预测模型、特征提取模型的获取方法及装置
CN111258478B (zh) * 2020-01-14 2021-06-15 中国银行股份有限公司 批量对象列表数据和单个对象详情数据展示方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8042063B1 (en) * 1999-04-19 2011-10-18 Catherine Lin-Hendel Dynamic array presentation and multiple selection of digitally stored objects and corresponding link tokens for simultaneous presentation
KR20110116415A (ko) * 2010-04-19 2011-10-26 주식회사 엘지유플러스 이동통신단말기 및 그 화면 전환 방법
CN103729362A (zh) * 2012-10-12 2014-04-16 阿里巴巴集团控股有限公司 导航内容的确定方法和装置
US8769430B2 (en) * 2007-12-05 2014-07-01 International Business Machines Corporation Multi-column formatted page scrolling

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2001306593A (ja) 2000-04-17 2001-11-02 Kuniichi Okada 表示方法、表示処理装置、及び記録媒体
KR100363619B1 (ko) 2000-04-21 2002-12-05 배동훈 나선형 도우넛 형태를 갖는 컨텐츠 구조 및 컨텐츠디스플레이 시스템
JP4562606B2 (ja) * 2005-07-22 2010-10-13 富士通テン株式会社 受信装置及び受信方法
US7992102B1 (en) 2007-08-03 2011-08-02 Incandescent Inc. Graphical user interface with circumferentially displayed search results
KR100825871B1 (ko) * 2006-06-28 2008-04-28 삼성전자주식회사 터치패드를 구비한 단말기에서 사용자 인터페이스 제공장치 및 방법
JP5355872B2 (ja) 2007-08-15 2013-11-27 ソニー株式会社 情報処理装置、情報処理方法、及びプログラム
CN101183352A (zh) * 2007-12-05 2008-05-21 胡满华 电子图文菜谱显示装置
US8887085B1 (en) 2008-03-20 2014-11-11 Amazon Technologies, Inc. Dynamic content navigation
CN101546248B (zh) 2009-05-05 2014-04-09 阿里巴巴集团控股有限公司 一种级联式选择菜单的呈现方法及装置
KR101731843B1 (ko) 2010-09-02 2017-05-02 삼성전자 주식회사 아이템 디스플레이하는 방법 및 장치
US20120311441A1 (en) 2011-05-31 2012-12-06 Fanhattan Llc System and method for power browsing of content
CN103218143B (zh) 2012-01-18 2016-12-07 阿里巴巴集团控股有限公司 一种分类页面切换方法及移动设备
CN203706265U (zh) * 2013-10-09 2014-07-09 北京方寸博纳科技有限公司 一种用于点菜的便携终端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8042063B1 (en) * 1999-04-19 2011-10-18 Catherine Lin-Hendel Dynamic array presentation and multiple selection of digitally stored objects and corresponding link tokens for simultaneous presentation
US8769430B2 (en) * 2007-12-05 2014-07-01 International Business Machines Corporation Multi-column formatted page scrolling
KR20110116415A (ko) * 2010-04-19 2011-10-26 주식회사 엘지유플러스 이동통신단말기 및 그 화면 전환 방법
CN103729362A (zh) * 2012-10-12 2014-04-16 阿里巴巴集团控股有限公司 导航内容的确定方法和装置

Also Published As

Publication number Publication date
US20160139743A1 (en) 2016-05-19
WO2016077545A1 (en) 2016-05-19
US9971477B2 (en) 2018-05-15
TWI665598B (zh) 2019-07-11
HK1224046A1 (zh) 2017-08-11
TW201617831A (zh) 2016-05-16
CN105589893A (zh) 2016-05-18

Similar Documents

Publication Publication Date Title
CN105589893B (zh) 对象列表的浏览控制方法及装置
CN103562839B (zh) 多应用环境
US9451195B2 (en) Moving video tags outside of a video area to create a menu system
US20110167388A1 (en) Electronic device and method of browsing images thereon
CN105138568B (zh) 搜索结果的展现方法、装置和搜索引擎
CN106610993A (zh) 视频预览的展示方法、装置
CN105528135A (zh) 信息的展现方法、装置和电子装置
US20130067393A1 (en) Interaction with Lists
CN107430477B (zh) 用于响应于用户触摸输入而显示内容项目的集的布局和过渡布局的技术
CN110971953B (zh) 视频播放方法、装置、终端及存储介质
CN104808889A (zh) 页面切换方法及电子设备
CN107272984A (zh) 一种应用图标预览方法、装置及电子设备
CN107577766B (zh) 一种网页3d目标的加载方法及装置
CN105094669A (zh) 浏览器多标签页的切换方法及装置
CN109725795A (zh) 一种用于多视图显示的方法、装置和计算机记录介质
CN106775379A (zh) 一种图片折叠交互动画的实现方法和装置
CN106534939B (zh) 一种多视频预览方法、装置及电子设备
CA2940661C (en) Animating content display
CN105868246A (zh) 一种图片显示方法及装置
CN104407773B (zh) 页面展示方法和装置
Zhang et al. Component-based building instructions for block assembly
CN103577031B (zh) 具有多屏幕的App的开发方法、切换控制方法及装置
CN105975164A (zh) 一种应用程序的显示方法和终端
CN106708364A (zh) 一种多媒体文件显示方法和终端设备
JP6453943B2 (ja) 表示装置、表示方法、ならびに、プログラム

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: 1224046

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant