TWI665598B - 物件列表的瀏覽控制方法及裝置 - Google Patents

物件列表的瀏覽控制方法及裝置 Download PDF

Info

Publication number
TWI665598B
TWI665598B TW104113918A TW104113918A TWI665598B TW I665598 B TWI665598 B TW I665598B TW 104113918 A TW104113918 A TW 104113918A TW 104113918 A TW104113918 A TW 104113918A TW I665598 B TWI665598 B TW I665598B
Authority
TW
Taiwan
Prior art keywords
category
area
level
current
status
Prior art date
Application number
TW104113918A
Other languages
English (en)
Other versions
TW201617831A (zh
Inventor
潘佳
Original Assignee
香港商阿里巴巴集團服務有限公司
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 香港商阿里巴巴集團服務有限公司 filed Critical 香港商阿里巴巴集團服務有限公司
Publication of TW201617831A publication Critical patent/TW201617831A/zh
Application granted granted Critical
Publication of TWI665598B publication Critical patent/TWI665598B/zh

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)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (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)切換，但是，由於每一個子類目下是一個獨立的產品列表，因此，這種情況下用戶想瀏覽其他類目產品時，需要手動點擊切換，增加用戶的操作。
本申請案的目的旨在至少在一定程度上解決相關技術中的技術問題之一。
為此，本申請案的第一個目的在於提出一種物件列表的瀏覽控制方法。該方法能夠使得頁面中類目區分清晰、頁面性能優越，對於用戶來說，無需中斷用戶的瀏覽行為，能夠很好地達成用戶無障礙瀏覽的需求，提升了用戶體驗。
本申請案的第二個目的在於提出一種物件列表的瀏覽控制裝置。
為了實現上述目的，本申請案第一態樣實施例的物件列表的瀏覽控制方法，包括：提供產品列表，其中，所述產品列表包括第一區域和第二區域，其中，所述第一區域 中展示多個一級類目，所述第二區域中展示多個二級類目；獲取所述產品列表的狀態，並判斷所述產品列表的狀態是否滿足預設條件；以及當所述產品列表的狀態滿足所述預設條件時，根據所述第二區域中展示的二級類目的狀態而對所述第二區域中的二級類目進行切換控制。
本申請案實施例的物件列表的瀏覽控制方法，可提供產品列表，其中，產品列表可包括第一區域和第二區域，第一區域中展示多個一級類目，第二區域中展示多個二級類目，可獲取產品列表的狀態，並判斷產品列表的狀態是否滿足預設條件，當產品列表的狀態滿足預設條件時，可根據第二區域中展示的二級類目的狀態對第二區域中的二級類目進行切換控制，亦即，確定產品列表滿足預設條件且滿足自動切換操作時，根據第二區域中展示的目前二級類目的狀態確定將要切換的目標類目，以實現頁面中類目之間的自動切換，無需中斷用戶的瀏覽行為，能夠很好地達成用戶無障礙瀏覽的需求，提升了用戶體驗，對於頁面來說，頁面中類目區分清晰，提高了頁面性能。
為了實現上述目的，本申請案第二態樣實施例的物件列表的瀏覽控制裝置，包括：提供模組，用以提供產品列表，其中，所述產品列表包括第一區域和第二區域，其中，所述第一區域中展示多個一級類目，所述第二區域中展示多個二級類目；獲取模組，用以獲取所述產品列表的狀態；判斷模組，用以判斷所述產品列表的狀態是否滿足預設條件；以及控制模組，用以在所述產品列表的狀態滿 足所述預設條件時，根據所述第二區域中展示的二級類目的狀態而對所述第二區域中的二級類目進行切換控制。
本申請案實施例的物件列表的瀏覽控制裝置，可透過提供模組提供產品列表，其中，產品列表包括第一區域和第二區域，第一區域中展示多個一級類目，第二區域中展示多個二級類目，獲取模組獲取產品列表的狀態，判斷模組判斷產品列表的狀態是否滿足預設條件，控制模組在產品列表的狀態滿足預設條件時，根據第二區域中展示的二級類目的狀態而對第二區域中的二級類目進行切換控制，亦即，確定產品列表的狀態滿足預設條件且滿足自動切換操作時，根據第二區域中展示的目前二級類目的狀態而確定將要切換的目標類目，以實現頁面中類目之間的自動切換，無需中斷用戶的瀏覽行為，能夠很好地達成用戶無障礙瀏覽的需求，提升了用戶體驗，對於頁面來說，頁面中類目區分清晰，提高了頁面性能。
本申請案附加的態樣和優點將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或透過本申請案的實踐瞭解到。
10‧‧‧提供模組
20‧‧‧獲取模組
30‧‧‧判斷模組
40‧‧‧控制模組
41‧‧‧第一判斷單元
42‧‧‧第二判斷單元
43‧‧‧控制單元
本申請案上述的和/或附加的態樣和優點從下面結合附圖對實施例的描述中將變得明顯和容易理解，其中，圖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 (8)

  1. 一種物件列表的瀏覽控制方法，其特徵在於，包括以下步驟：提供產品列表，其中，該產品列表包括第一區域和第二區域，其中，該第一區域中展示多個一級類目，該第二區域中展示多個二級類目；獲取該產品列表的狀態，並判斷該產品列表的狀態是否滿足預設條件；以及當該產品列表的狀態滿足該預設條件時，根據該第二區域中展示的二級類目的狀態而對該第二區域中的二級類目進行切換控制，具體包括：獲取該第二區域中目前展示的目前二級類目是否為該目前二級類目所屬的一級類目的最後一個二級類目；如果該目前二級類目不為該目前二級類目所屬的一級類目的最後一個二級類目，則進一步切換至該目前二級類目所屬的一級類目中的下一個二級類目；如果該目前二級類目為該目前二級類目所屬的一級類目的最後一個二級類目，則進一步判斷該目前二級類目所屬的一級類目是否為最後一個一級類目；以及如果該目前二級類目所屬的一級類目不為最後一個一級類目，則在該第一區域中切換至下一個一級類目，並在該第二區域中切換至該下一個一級類目的第一個二級類目。
  2. 如申請專利範圍第1項所述的物件列表的瀏覽控制方法，其中，該產品列表還包括捲軸，該產品列表的狀態為該捲軸的狀態，該判斷該產品列表的狀態是否滿足預設條件具體包括：當該捲軸到達頁面底部時，判斷滿足該預設條件。
  3. 如申請專利範圍第1項所述的物件列表的瀏覽控制方法，其中，在該產品列表的狀態滿足該預設條件之後，還包括：判斷該第二區域中二級類目對應的產品是否載入完畢；如果該第二區域中二級類目對應的產品已載入完畢，則進一步判斷持續時間是否大於預設時間；以及如果大於該預設時間，則進一步根據該第二區域中展示的二級類目的狀態而對該第二區域中的二級類目進行切換控制。
  4. 如申請專利範圍第1項所述的物件列表的瀏覽控制方法，還包括：如果該目前二級類目所屬的一級類目為最後一個一級類目，則在該第一區域中切換至第一個一級類目，並在該第二區域中切換至該第一個一級類目的第一個二級類目。
  5. 如申請專利範圍第1項所述的物件列表的瀏覽控制方法，其中，在該第二區域中以瀑布流的形式載入該二級類目對應的產品。
  6. 一種物件列表的瀏覽控制裝置，其特徵在於，包括：提供模組，用以提供產品列表，其中，該產品列表包括第一區域和第二區域，其中，該第一區域中展示多個一級類目，該第二區域中展示多個二級類目；獲取模組，用以獲取該產品列表的狀態；判斷模組，用以判斷該產品列表的狀態是否滿足預設條件；以及控制模組，用以在該產品列表的狀態滿足該預設條件時，根據該第二區域中展示的二級類目的狀態而對該第二區域中的二級類目進行切換控制，該控制模組包括：第一判斷單元，用以在該產品列表的狀態滿足該預設條件之後，判斷該第二區域中二級類目對應的產品是否載入完畢；第二判斷單元，用以在該第二區域中二級類目對應的產品已載入完畢時，進一步判斷持續時間是否大於預設時間；控制單元，用以在該持續時間大於該預設時間時，根據該第二區域中展示的二級類目的狀態而對該第二區域中的二級類目進行切換控制，該控制單元具體用以：獲取該第二區域中目前展示的目前二級類目是否為該目前二級類目所屬的一級類目的最後一個二級類目；在該目前二級類目不為該目前二級類目所屬的一級類目的最後一個二級類目時，進一步切換至該目前二級類目所屬的一級類目中的下一個二級類目；在該目前二級類目為該目前二級類目所屬的一級類目的最後一個二級類目時，進一步判斷該目前二級類目所屬的一級類目是否為最後一個一級類目；在該目前二級類目所屬的一級類目不為最後一個一級類目時，在該第一區域中切換至下一個一級類目，並在該第二區域中切換至該下一個一級類目的第一個二級類目；以及在該目前二級類目所屬的一級類目為最後一個一級類目時，在該第一區域中切換至第一個一級類目，並在該第二區域中切換至該第一個一級類目的第一個二級類目。
  7. 如申請專利範圍第6項所述的物件列表的瀏覽控制裝置，其中，該產品列表還包括捲軸，該產品列表的狀態為該捲軸的狀態，該判斷模組具體用以：在該捲軸到達頁面底部時，判斷滿足該預設條件。
  8. 如申請專利範圍第6項所述的物件列表的瀏覽控制裝置，其中，該控制模組在該第二區域中以瀑布流的形式載入該二級類目對應的產品。
TW104113918A 2014-11-13 2015-04-30 物件列表的瀏覽控制方法及裝置 TWI665598B (zh)

Applications Claiming Priority (2)

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

Publications (2)

Publication Number Publication Date
TW201617831A TW201617831A (zh) 2016-05-16
TWI665598B true TWI665598B (zh) 2019-07-11

Family

ID=55929476

Family Applications (1)

Application Number Title Priority Date Filing Date
TW104113918A TWI665598B (zh) 2014-11-13 2015-04-30 物件列表的瀏覽控制方法及裝置

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 腾讯科技（深圳）有限公司 展示信息的方法、装置、设备及存储介质
CN112784083A (zh) * 2019-11-04 2021-05-11 阿里巴巴集团控股有限公司 类目预测模型、特征提取模型的获取方法及装置
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
US20080005701A1 (en) * 2006-06-28 2008-01-03 Samsung Electronics Co., Ltd. User interface providing apparatus and method for portable terminal having touchpad
US20090049471A1 (en) * 2005-07-22 2009-02-19 Masahiro Kamiya Digital Broadcast Receiving Apparatus and Content Display Method
US20120042277A1 (en) * 1999-04-19 2012-02-16 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

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 배동훈 나선형 도우넛 형태를 갖는 컨텐츠 구조 및 컨텐츠디스플레이 시스템
US7992102B1 (en) 2007-08-03 2011-08-02 Incandescent Inc. Graphical user interface with circumferentially displayed search results
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 阿里巴巴集团控股有限公司 一种级联式选择菜单的呈现方法及装置
KR101115374B1 (ko) * 2010-04-19 2012-02-15 주식회사 엘지유플러스 이동통신단말기 및 그 화면 전환 방법
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 阿里巴巴集团控股有限公司 一种分类页面切换方法及移动设备
CN103729362B (zh) * 2012-10-12 2017-07-21 阿里巴巴集团控股有限公司 导航内容的确定方法和装置
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
US20120042277A1 (en) * 1999-04-19 2012-02-16 Catherine Lin-Hendel Dynamic array presentation and multiple selection of digitally stored objects and corresponding link tokens for simultaneous presentation
US20090049471A1 (en) * 2005-07-22 2009-02-19 Masahiro Kamiya Digital Broadcast Receiving Apparatus and Content Display Method
US20080005701A1 (en) * 2006-06-28 2008-01-03 Samsung Electronics Co., Ltd. User interface providing apparatus and method for portable terminal having touchpad
US8769430B2 (en) * 2007-12-05 2014-07-01 International Business Machines Corporation Multi-column formatted page scrolling

Also Published As

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

Similar Documents

Publication Publication Date Title
TWI665598B (zh) 物件列表的瀏覽控制方法及裝置
US10002006B2 (en) System and method for configuring plural software profiles
US10653960B2 (en) Method for controlling interaction with virtual target, terminal, and storage medium
US10416864B2 (en) Method and apparatus for optimizing operating environment of a user terminal through multiple user interfaces
US11314923B2 (en) Method and device for presenting information related to a display object on a display page
JP6591971B2 (ja) チップ上のマルチプロセッサシステムにおけるアイドル状態最適化のためのシステムおよび方法
US10419585B2 (en) Dynamically surfacing UI controls
US11029811B2 (en) Adjusting appearance of icons in an electronic device
WO2022007934A1 (zh) 应用图标控制方法、装置及电子设备
US9952838B2 (en) Methods, systems, and computer readable media for generating a visual overlay
CN106909281A (zh) 一种应用内界面切换方法及装置
US20160012172A1 (en) Path-based congestion reduction in integrated circuit routing
WO2021135028A1 (zh) 社交信息处理方法、装置和电子设备
CN105094669A (zh) 浏览器多标签页的切换方法及装置
WO2018103472A1 (zh) 一种应用于深度学习网络的缓存优化方法及装置
US20170171756A1 (en) Electronic apparatus and method of executing application program
WO2020181946A1 (zh) 一种视频播放方法及装置
WO2014019307A1 (zh) 具有多屏幕的App的开发方法、切换控制方法及装置
TWI554937B (zh) 定位圖片清單中圖片的方法和裝置
EP3210101B1 (en) Hit-test to determine enablement of direct manipulations in response to user actions
JP2015049612A (ja) Ｕｓｂホスト装置、及びｕｓｂホスト装置用のプログラム
US20120036474A1 (en) Table Management
WO2023039898A1 (zh) 编辑指令的响应方法、装置、电子设备及存储介质
EP3196743A1 (en) Windows window object identification method and device
US20130275912A1 (en) Electronic apparatus and object processing method thereof