Method for displaying shopping categories and system thereof
Patent Information
- Application Number
- TW114114102
- Authority / Receiving Office
- TW · TW
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2025-03-27
- Filing Date
- 2025-04-15
- Publication Date
- 2026-10-01
- Estimated Expiration
- 2045-04-14
AI Technical Summary
Existing online shopping interfaces require multiple clicks to navigate through category menus, making the browsing experience inconvenient and non-intuitive, especially when dealing with numerous subcategories.
A shopping category display method that includes a navigation bar with main category labels and a subcategory display area, featuring scrollable subcategory sets, visual highlighting, and customizable button positions to minimize clicks and enhance user navigation.
This method reduces the number of clicks required to find desired products by allowing users to intuitively browse through categories, improving the shopping experience by visually distinguishing main categories and subcategories.
Smart Images

Figure TWG2TA001078078_001 
Figure TWG2TA001078078_002 
Figure TWG2TA001078078_003
Abstract
Description
[Technical Field]
[0001] This disclosure discloses a method for displaying shopping categories and a system applicable to the method. More specifically, this disclosure relates to a method for displaying item categories that a user wants to browse on a shopping service interface and a system applicable to the method. [Previous Technology]
[0002] In existing online shopping services, interfaces that provide product categories have been introduced to facilitate users' search for desired products. This technology is very useful for users to select specific categories and quickly browse the products they need.
[0003] However, the previous category menus had the inconvenience of requiring users to click on each main category individually to confirm detailed subcategories. This resulted in multiple steps before finding the desired product, leading to a less-than-simple and inconvenient shopping experience.
[0004] To address this issue, some services offer category browsing functionality in the form of drop-down menus or sidebars. However, even with this approach, it is difficult to grasp the information at a glance if there are many subcategories, and it has limitations in providing users with a more intuitive browsing experience.
[0005] For example, referring to the exemplary category menu provided in the conventional shopping service shown in Figure 1, on the screen that displays the detailed category 11-1 of the brand women's clothing category 11, in order to confirm the detailed category 12-1 of the beauty category 12, it is necessary to select the button corresponding to the beauty category 12 again, which is inconvenient in operation.
[0006] To solve the above problems, it is necessary to improve the category interface of online shopping malls so that users can browse products more intuitively. In particular, a technology is needed that can effectively arrange main categories and subcategories, reduce the number of clicks required by users, and intuitively find the products they need.
[0007] Existing Technical Documents
[0008] Patent Documents
[0009] (Patent Document 0001) Patent Publication No. 10-1094204 (Date of Authorization: 2011.12.08) [Summary of the Invention]
[0010] The technical problem to be solved by the invention
[0011] The technical problem to be solved by some embodiments of the present disclosure is to provide a method for minimizing the number of actions that a user must input to confirm each defined shopping category.
[0012] Another technical problem to be solved by some embodiments of the present disclosure is to provide a method for displaying subcategories of shopping categories when the major categories of shopping categories can be easily distinguished.
[0013] Another technical problem to be solved by some embodiments of the present disclosure is to provide a method for distinguishing between information transmission projects that display shopping categories and information transmission projects for shopping services.
[0014] The technical problem disclosed herein is not limited to the technical problem mentioned above. Those skilled in the art should clearly understand another technical problem not mentioned by means of the following description.
[0015] The technical solution of the present invention is as follows:
[0016] A shopping category display method according to an embodiment of the present disclosure for solving the aforementioned technical problem may include: a step of receiving a menu button input by a user from a user terminal; and a step of receiving the menu button input by the user and sending information for constituting a shopping category screen to the user terminal. The shopping category screen may include: a navigation bar including labels for multiple main categories; and a subcategory display area including a first subcategory set and a second subcategory set. Each of the multiple main categories may include multiple subcategories. The first subcategory set may correspond to a first main category included in the multiple main categories and includes category selection buttons corresponding to the multiple subcategories included in the first subcategory set. The second subcategory set may correspond to a second main category included in the multiple main categories and includes category selection buttons corresponding to the multiple subcategories included in the second subcategory set.
[0017] In some embodiments, the first sub-category set may include a divider for distinguishing the display area of the first sub-category set from the display area of the second sub-category set.
[0018] In some embodiments, the shopping category screen may include a plurality of defined buttons in a portion of the upper area of the shopping category screen.
[0019] In some embodiments, when the sub-category display area scrolls above a reference value, the display area of the defined plurality of buttons may no longer be displayed.
[0020] In some embodiments, when the baseline of the shopping category screen reaches the dividing line of the first subcategory set as a result of scrolling input to the subcategory display area, the display area of the defined multiple buttons may no longer be displayed.
[0021] In some embodiments, the navigation bar may display different main category labels in response to scroll input on the display area of the navigation bar.
[0022] In some embodiments, a portion of the top of the first subcategory set may include a label of the main category corresponding to the first subcategory set.
[0023] In some embodiments, the shopping category screen may scroll the subcategory display area to an area containing a subcategory corresponding to the selected main category in response to a selection input of any one of the labels of the plurality of main categories.
[0024] In some embodiments, the shopping category screen may display different sets of subcategories in response to scroll input to the subcategory display area.
[0025] In some embodiments, the shopping category screen can apply visual highlighting to at least a portion of the labels of the main category in the navigation bar based on information from the set of subcategories displayed in the subcategory display area.
[0026] In some embodiments, when the label of the first main category is visually highlighted in the shopping category screen, and the baseline of the shopping category screen reaches the dividing line of the first sub-category set as a result of scrolling input to the sub-category display area, the label of the second main category can be visually highlighted, and the label of the first main category can no longer be visually highlighted.
[0027] In some embodiments, in the shopping category screen, when the first subcategory set is displayed in the subcategory display area above the reference value, and as a result of scrolling the subcategory display area, the second subcategory set is displayed in the subcategory display area above the reference value, the label of the second main category may be subject to the visual highlighting, and the label of the first main category may no longer be subject to the visual highlighting.
[0028] In some embodiments, the positions of the category selection buttons in the first subcategory set display area can be set by the user terminal.
[0029] In some embodiments, the first subcategory set may include more than one badge. The badge may include a first type badge and a second type badge. The first type badge may be configured adjacent to the category selection button corresponding to the subcategory of goods in the first subcategory for which the user of the user terminal has purchased more than a benchmark number of times. The second type badge may be configured adjacent to the category selection button corresponding to the subcategory of goods in the first subcategory for which the user of the user terminal has performed specific settings.
[0030] A shopping category display method according to another embodiment of the present disclosure for solving the aforementioned technical problem may include: sending a menu button input by a user to a server; receiving information from the server for constructing a shopping category screen; and rendering the shopping category screen based on the information for constructing the shopping category screen. The shopping category screen may include: a navigation bar including labels for multiple main categories; and a subcategory display area including a first subcategory set and a second subcategory set. Each of the multiple main categories may include multiple subcategories. The first subcategory set may correspond to a first main category included in the multiple main categories and may include category selection buttons corresponding to the multiple subcategories included in the first subcategory set. The second subcategory set may correspond to a second main category included in the multiple main categories and may include category selection buttons corresponding to the multiple subcategories included in the second subcategory set.
[0031] In some embodiments, the first sub-category set may include a divider for distinguishing the display area of the first sub-category set from the display area of the second sub-category set.
[0032] In some embodiments, the shopping category screen may include a plurality of defined buttons in a portion of the upper area of the shopping category screen.
[0033] In some embodiments, the navigation bar may display different main category labels in response to scroll input on the display area of the navigation bar.
[0034] In some embodiments, the shopping category screen may display different sets of subcategories in response to scroll input to the subcategory display area.
[0035] In some embodiments, the shopping category screen may, based on information from the set of subcategories displayed in the subcategory display area, apply visual highlighting to at least a portion of the labels of the main category in the navigation bar.
[0036] A product information providing system according to another embodiment of the present disclosure, used to solve the aforementioned technical problem, may include: one or more processors, a memory storing computer programs executed by the one or more processors. The computer program may include instructions to cause the processor to perform the following steps: receiving a menu button input by a user from a user terminal; and receiving the menu button input by the user and sending information for constructing a shopping category screen to the user terminal. The shopping category screen may include: a navigation bar including labels for multiple main categories; and a subcategory display area including a first subcategory set and a second subcategory set. Each of the multiple main categories may include multiple subcategories. The first subcategory set may correspond to a first main category included in the multiple main categories and includes category selection buttons corresponding to the multiple subcategories included in the first subcategory set. The second subcategory set may correspond to a second main category included in the multiple main categories and includes category selection buttons corresponding to the multiple subcategories included in the second subcategory set.
[0037] A user terminal according to another embodiment of the present disclosure, used to solve the aforementioned technical problem, may include: one or more processors, memory, and a computer program stored by the one or more processors. The computer program may include instructions to cause the processor to perform the following steps: sending a menu button input by a user to a server; receiving information from the server for constructing a shopping category screen; and rendering the shopping category screen based on the information for constructing the shopping category screen. The shopping category screen may include: a navigation bar including labels for multiple main categories; and a subcategory display area including a first subcategory set and a second subcategory set. Each of the multiple main categories may include multiple subcategories. The first subcategory set may correspond to a first main category included in the multiple main categories and includes category selection buttons corresponding to the multiple subcategories included in the first subcategory set. The second subcategory set may correspond to a second main category included in the multiple main categories and includes category selection buttons corresponding to the multiple subcategories included in the second subcategory set.
Implementation Method
[0038] Hereinafter, preferred embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. The advantages and features of the present invention, as well as the methods for implementing them, will become apparent from the accompanying drawings and the embodiments described in detail below. However, the technical concept of the present invention is not limited to the following embodiments, but can be implemented in many different ways. The following embodiments are provided only to complete the technical concept of the present invention and to fully inform those skilled in the art of the scope of the present invention. The technical concept of the present invention is defined only within the scope of the claims of the present invention.
[0039] In describing this disclosure, detailed descriptions of related known structures or functions will be omitted if it is determined that such detailed descriptions may obscure the spirit of the present invention.
[0040] Unless otherwise defined, the terminology (including technical and scientific terms) used in the following embodiments can be used in a meaning commonly understood by one of ordinary skill in the art to which this disclosure pertains, but this may also vary depending on the intent or precedent of one of ordinary skill in the relevant art, the emergence of new technologies, etc. The terminology used in this disclosure is for the purpose of describing embodiments, and the scope of this disclosure is not limited thereto.
[0041] In the following embodiments, the singular expression used includes the concept of plural unless explicitly specified in the context. Furthermore, the plural expression includes the concept of singular unless explicitly specified in the context.
[0042] Before describing some embodiments of the present disclosure, the definitions of some terms that may appear in the present disclosure will be clearly explained below.
[0043] In the following embodiments, "label" or "marker" may refer to a structural element of an interface that includes text. Where user input is available, a label may be a defined button that causes the computing system to perform a specific task; however, it should be noted that non-interactive elements are also included in the label.
[0044] In the following embodiments, the "lower area below the fold line" may refer to a page area that appears only when the user performs input on a specific structural element of the downward scrolling interface. Furthermore, the "upper area above the fold line" may refer to a page area that appears only when the user performs input on a specific structural element of the upward scrolling interface.
[0045] Furthermore, the terms 1, 2, A, B, (a), (b), etc. used in the following embodiments are only used to distinguish a certain structural element from other structural elements, and the terms do not limit the nature, order or sequence of the structural element.
[0046] Hereinafter, some embodiments of the present disclosure will be described with reference to the accompanying drawings.
[0047] Figure 2 illustrates an exemplary environment in which a product information providing system 100 may be applied according to an embodiment of the present disclosure.
[0048] The user terminal 300 shown in Figure 2 may be a laptop, desktop, laptop, smartphone, or tablet, but is not limited thereto, and may include all types of devices with computing capabilities.
[0049] On the other hand, the structural elements shown in Figure 2 can refer to software or hardware such as a Field Programmable Gate Array (FPGA) or Application-Specific Integrated Circuit (ASIC). However, the meaning of a structural element is not limited to software or hardware; it can also be configured to reside in an addressable storage medium or to run one or more processors. The functionality provided in a structural element can be implemented by more subdivided structural elements, or multiple structural elements can be combined to implement a single structural element that performs a specific function.
[0050] In some embodiments, the product information providing system 100 can communicate with other structural elements via a network. The network can be implemented as all types of wired / wireless networks, such as a Local Area Network (LAN), a Wide Area Network (WAN), a mobile radio communication network, or a Wireless Broadband Internet (Wibro).
[0051] Furthermore, regarding the configuration of the product information providing system 100 and the user terminal 300, reference can be made to the hardware configuration of FIG10, which will be described later. That is, the product information providing system 100 and the user terminal 300 may have the hardware configuration to be described with reference to FIG10. Furthermore, even without separate description, the technical concepts that can be grasped through some embodiments of this disclosure described below can also be combined with the product information providing system 100.
[0052] The following describes the work that each structural element shown in Figure 1 can perform.
[0053] A product information providing system 100 according to one embodiment of the present disclosure can receive a specific button input by a user from a user terminal 300.
[0054] According to another embodiment of the present disclosure, a product information providing system 100 can send information for constructing a shopping category screen to a user terminal 300 based on the specific button input received from the user terminal 300. The shopping category screen will be described in detail later.
[0055] According to one embodiment of the present disclosure, the product information database 200 may be a computing system that stores information on multiple products. The product information database 200 may send information about a specific product to the device that sent the request, based on a request sent by the product information providing system 100 or the user terminal 300.
[0056] According to one embodiment of the present disclosure, a user terminal 300 can receive user input and send information related to the user input to a product information database 200 or a product information providing system 100.
[0057] According to another embodiment of this disclosure, the user terminal 300 can render a shopping service screen based on data sent by the product information providing system 100, but this will be described later.
[0058] Up to this point, the configuration and operation of the product information providing system 100, as well as exemplary environments applicable to the product information providing system 100, have been described with reference to FIG2. It is understood that the product information providing system 100 and the product information database 200 operate according to a server-client model. However, in some embodiments, the system can be configured in a server-independent, client-stand-alone manner. In this case, it is also understood that the work performed by the product information database 200 is performed by the product information providing system 100.
[0059] Next, a shopping category display method according to another embodiment of the present disclosure will be described with reference to FIGS. 3 to 11. The shopping category display method according to this embodiment can be executed by more than one computing system. Furthermore, some tasks of the shopping category display method according to this embodiment can be performed by a first computing device, and the remaining tasks can be performed by a second computing device. For example, some tasks of the shopping category display method according to this embodiment can be performed by an on-premise physical server, and the remaining tasks can be performed by a cloud compute instance. Furthermore, for example, some tasks of the shopping category display method according to this embodiment can be performed by a product information providing system 100, and the remaining tasks can be performed by a product information database 200 or a user terminal 300. Hereinafter, if the executing entity of each task is omitted, it can be understood that the executing entity is the product information providing system 100.
[0060] In step S100 shown in Figure 3, the product information providing system 100 can receive menu buttons input by the user from the user terminal 300.
[0061] For example, referring to the first screen 41 displayed on the user terminal 300 shown in FIG4, the user terminal 300 receives the menu button 32 selected by the user and can send a request to the product information providing system 100 for information about the shopping category screen.
[0062] To give another example, referring to the first screen 41 displayed on the user terminal 300 shown in Figure 4, the user terminal 300 receives the menu button 32 selected by the user and can render the shopping category screen based on the pre-stored information.
[0063] In step S200, the product information providing system 100 may send information used to construct the shopping category screen to the user terminal 300 based on user input received from the user terminal 300.
[0064] In some embodiments related to step S200, the user terminal 300 may use information for constituting the shopping category screen to render the shopping category screen and display it on the screen.
[0065] The shopping category screens described below will be explained in detail with reference to Figures 5 to 11.
[0066] A shopping category screen according to some embodiments of the present disclosure may include a navigation bar that includes labels for multiple main categories.
[0067] For example, referring to the exemplary first shopping category screen 51 shown in FIG5, the first shopping category screen 51 may include a navigation bar 54 including labels for multiple main categories.
[0068] A shopping category screen according to other embodiments of the present disclosure may include a subcategory display area, in which a plurality of subcategory sets corresponding to a plurality of main categories are displayed. The subcategory sets may include a plurality of subcategories and labels of the main categories corresponding to the respective subcategory sets.
[0069] For example, referring to FIG5, the first shopping category screen 51 includes a subcategory display area 53, and the first subcategory set 57 corresponding to the first main category 55 and the second subcategory set 58 corresponding to the second main category 56 can be displayed in the subcategory display area 53.
[0070] To give another example, referring to Figure 5, the first sub-category set 57 included in the first shopping category screen 51 may include a category selection button for the "Women's Clothing" sub-category, a category selection button for the "Unisex Clothing" sub-category, a category selection button for the "Underwear / Sleepwear" sub-category, and a category selection button for the "Toddler" sub-category.
[0071] To give another example, the first subcategory set 57 displayed in the subcategory display area 53 may include the label 55-1 of the first main category, and the second subcategory set 58 may include the label 56-1 of the second main category.
[0072] As another example, the lower part of the area displaying the first subcategory set 57 may include a separator line 57-1.
[0073] As another example, referring to the second subcategory set 58 shown in Figure 6, the user terminal 300 can receive the second subcategory 58-1 selected by the user from the second subcategory set 58, and send the second subcategory 58-1 selected by the user to the product information providing system 100. Furthermore, the product information providing system 100 can use information stored in the product information database 200 to send data to the user terminal 300 to form a product information screen 58-1a for the second subcategory 58-1, which includes information on multiple products having the second subcategory 58-1 as an attribute.
[0074] That is, in some embodiments disclosed herein, it can be understood that the subcategories included in the subcategory set are buttons for moving to the product information page corresponding to each subcategory.
[0075] According to this embodiment, even if each subcategory set is displayed connectedly, the user can still visually distinguish and confirm which main category each subcategory corresponds to. For example, referring to the first shopping category screen 51 shown in FIG5, the user can confirm the label 56-1 of the second main category below the dividing line 57-1 of the first subcategory set 57, and recognize that the subcategory below the label 56-1 of the second main category corresponds to the subcategory of the second main category 56.
[0076] In the embodiment described, the sub-category display area is exemplified as an area larger than the navigation bar size, but this can be changed according to the settings set by the user via the user terminal 300.
[0077] A shopping category screen according to another embodiment of the present disclosure may include a set of buttons, the set of buttons including a plurality of defined buttons in the upper portion of the shopping category screen.
[0078] For example, referring to FIG5, the upper part of the first shopping category screen 51 may include a top button set 52 comprising multiple buttons. The shape of the buttons included in the top button set 52 and the functions performed during interaction can be adjusted by the user of the user terminal 300 or the administrator of the product information providing system 100.
[0079] According to another embodiment of the present disclosure, the navigation bar of the shopping category screen may be a structural element in which different main category labels are displayed when there is scroll input to the display area of the navigation bar.
[0080] For example, referring to FIG7, when the user terminal 300 receives the user's input to scroll down the navigation bar 54, it can update and display the first shopping category screen 51 so as to display the lower part of the collapsible line 54-1 of the navigation bar 54 currently displayed on the screen of the user terminal 300.
[0081] According to this embodiment, users can easily confirm multiple main categories that cannot be displayed on one screen by scrolling input.
[0082] According to another embodiment of the present disclosure, the set of top buttons displayed at the top of the shopping category screen may be a structural element that is no longer displayed when there is scroll input to at least a portion of the shopping category screen.
[0083] For example, referring to FIG8, when the user terminal 300 causes the sub-category display area 53, which is part of the first shopping category screen 51, to display the lower area of the fold line above the reference value due to the user's scroll input on the sub-category display area 53, the top button set 52 may be refreshed so that it is no longer displayed.
[0084] To give another example, referring to Figure 8, when the user terminal 300 updates the number of subcategories displayed in the subcategories display area 53 above the baseline value due to the user's scroll input on the subcategories display area 53, which is part of the first shopping category screen 51, the first shopping category screen 51 can be refreshed so that the top button set 52 is no longer displayed.
[0085] To give another example, referring to Figure 8, when the baseline 81 of the first shopping category screen 51 reaches the dividing line 57-1 of the first sub-category set 57 due to the user's scrolling input on the sub-category display area 53, the user terminal 300 can refresh and display the first shopping category screen 51 so that the top button set 52 is no longer displayed.
[0086] According to this embodiment, the product information providing system 100 can determine that the user who performs scroll input on the sub-category display area is a user who wants to confirm more sub-categories, and can achieve the effect of displaying more sub-categories on the same screen size by deleting the top button set.
[0087] According to other embodiments of this disclosure, the shopping category screen may be any one of the main category labels included in the navigation bar that has been visually highlighted. Furthermore, the visual highlighting may be applied to any one of the main category labels in the navigation bar based on information about the set of subcategories displayed in the subcategory display area of the shopping category screen.
[0088] For example, referring to FIG8, it is shown that the first main category 55 included in the navigation bar of the first shopping category screen 51 is displayed differently from other main category labels. Wherein, when the user terminal 300 causes the baseline 81 of the first shopping category screen 51 to reach the dividing line 57-1 of the first subcategory set 57 due to the user's scroll input on the subcategory display area 53 of the first shopping category screen 51, as shown on the right side of FIG8, the first shopping category screen 51 can be refreshed so that visual highlighting is applied to the second main category 56 label, and visual highlighting is no longer applied to the first main category 55 label.
[0089] To give another example, referring to Figure 8, the subcategory display area 53 shown on the left side of Figure 8 shows that the first subcategory set 57 occupies more than the baseline area. Specifically, when the user terminal 300, in response to the user's scrolling input on the subcategory display area 53 of the first shopping category screen 51, determines that the second subcategory set 58 occupies more than the baseline area in the subcategory display area 53, as shown on the right side of Figure 8, the first shopping category screen 51 can be refreshed so that the second main category 56 label is visually highlighted, instead of the first main category 55 label.
[0090] According to this embodiment, even if the text related to the main category in the sub-category display area is no longer displayed due to screen scrolling, the user can still obtain the effect of identifying which main category is associated with the sub-category that occupies more than half of the display screen.
[0091] According to another embodiment of the present disclosure, when the user terminal 300 makes a selection input for any of the main category labels included in the navigation bar of the shopping category screen, the subcategory display area can be refreshed so that the subcategory related to the selected main category label can be displayed in the subcategory display area.
[0092] For example, referring to FIG9, in the second shopping category screen 91 displayed on the screen of the user terminal 300, the subcategories corresponding to the first main category 92 and the second main category 93 are displayed in the subcategory display area 94. In response to receiving the label of the third main category 95 selected by the user, the user terminal 300 can play a scrolling animation in the subcategory display area 94 and refresh the second shopping category screen 91 so as to display the subcategory corresponding to the third main category 95 in the lower area of the fold line of the subcategories corresponding to the first main category 92 and the second main category 93 in the subcategory display area 94.
[0093] In some embodiments disclosed herein, the set of subcategories corresponding to the third main category 95 may not exist in the lower area below the fold line of the subcategories corresponding to the first main category 92 and the second main category 93, but may exist on different pages. In this case, the user terminal 300 may, in response to receiving the user's selected input of the label for the third main category 95, request information from the product information providing system 100 to construct a page containing the subcategories corresponding to the third main category 95.
[0094] According to the structure of the shopping category screen in this embodiment, by constructing the page for information transmission and the page for providing product information differently, it is possible to prevent users from confusing product information and shopping service operation information.
[0095] According to another embodiment of the present disclosure, the user terminal 300 can determine, based on user input, the position where each category selection button included in the first sub-category set is displayed in the sub-category display area.
[0096] For example, referring to the third shopping category screen 101 of FIG10, as shown on the left side of FIG10, when the user terminal 300 displays the category selection button 103 of the men's clothing subcategory included in the first subcategory set 102 above the category selection button 104 of the children's / unisex clothing subcategory, when the user terminal 300 receives the user input to set the display order of each category selection button, the user terminal 300 can adjust and display the display order of the category selection button 103 of the men's clothing subcategory and the category selection button 104 of the children's / unisex clothing subcategory, as shown on the right side of the third shopping category screen 101.
[0097] According to this embodiment, users can place their preferred subcategories at the top of the shopping category screen through a personalized shopping category screen, thereby improving the shopping experience.
[0098] According to another embodiment of the present disclosure, the user terminal 300 can render a shopping category screen including badges based on the determination that there is a subcategory that satisfies the defined conditions among the subcategories included in the first subcategory set displayed in the subcategory display area.
[0099] For example, referring to the fourth shopping category screen 111 in FIG11, the user terminal 300 renders the fourth shopping category screen 111 based on the judgment that the user's history of purchasing goods corresponding to the men's clothing sub-category included in the first sub-category set 112 has reached a benchmark value or above, so as to include the first type badge 115 ("frequent purchase" badge) adjacent to the category selection button 113 of the men's clothing sub-category.
[0100] To give another example, referring to Figure 11, the user terminal 300 renders the fourth shopping category screen 111 based on the determination that the product corresponding to the subcategory of unisex children's clothing included in the first subcategory set 112 exists in the user's shopping cart, so as to include the second type badge 116 ("in the shopping cart" badge) adjacent to the category selection button 114 of the unisex children's clothing subcategory.
[0101] As another example, referring to Figure 11, the user terminal 300 renders the fourth shopping category screen 111 based on the determination that the product corresponding to the subcategory of unisex children's clothing included in the first subcategory set 112 exists in the user's wishlist, so as to include a second type badge 116 adjacent to the category selection button 114 of the unisex children's clothing subcategory. In the case of the described embodiment, the label displayed on the second type badge 116 may be "in wishlist" instead of "in shopping cart".
[0102] According to this embodiment, users can use badges to identify which subcategories they are interested in in the shopping category screen displayed on the user terminal, thereby improving the shopping experience.
[0103] In the embodiments described, the concepts of shopping cart and favorites are prior art that can be clearly understood by those skilled in the art who understand conventional shopping service provision methods, and the methods by which users add goods to shopping cart and favorites will be described by prior art instead of the above.
[0104] So far, a shopping category display method according to another embodiment of the present disclosure has been illustrated with reference to Figures 2 to 11. It should be understood that the embodiments described above are exemplary in all respects and not limiting.
[0105] FIG12 is a hardware structure diagram of a computing system according to some embodiments of the present disclosure. The computing system 1000 of FIG12 may include one or more processors 1100, system bus 1600, communication interface 1200, memory 1400 loading computer program 1500 running by processor 1100, and storage device 1300 storing computer program 1500.
[0106] The processor 1100 controls the overall operation of the various structures of the computer system 1000. The processor 1100 can perform operations on at least one application or program for executing the methods / operations according to various embodiments of the present disclosure. The memory 1400 stores various data, commands, and / or information. The memory 1400 can load more than one computer program 1500 from the storage device 1300 to execute the methods / operations according to various embodiments of the present disclosure. The storage device 1300 may not temporarily store more than one computer program 1500.
[0107] Computer program 1500 may include one or more instructions that implement the methods / operations according to various embodiments of the present disclosure. If computer program 1500 is loaded into memory 1400, processor 1100 executes the one or more instructions, thereby enabling the execution of the methods / operations according to various embodiments of the present disclosure.
[0108] For example, the computing system 1000 of FIG12 may be the product information providing system 100 described with reference to FIG2. As another example, the computing system 1000 of FIG12 may be the user terminal 300 described with reference to FIG2.
[0109] At this time, the computing system 1000 described with reference to FIG12 can be constructed based on cloud technologies such as virtual machines, utilizing one or more physical servers included in a server farm. In this case, among the structural elements shown in FIG10, at least a portion of the processor 1100, memory 1400, and storage device 1300 can be virtual hardware, and the communication interface 1200 can also be constructed from virtualized network components such as a virtual switch.
[0110] A computer program 1500 according to an embodiment of the present disclosure may include instructions to cause a processor 1100 to perform the following steps: receiving a menu button input by a user from a user terminal; and sending information for constituting a shopping category screen to the user terminal upon receiving the menu button input by the user.
[0111] A computer program 1500 according to another embodiment of the present disclosure may include instructions to cause a processor 1100 to perform the following steps: sending a menu button input by a user to a server; receiving information from the server for constructing a shopping category screen; and rendering the shopping category screen based on the information for constructing the shopping category screen.
[0112] Although the tasks are illustrated in a specific order in the accompanying drawings, it should not be construed as meaning that the tasks need to be performed in the specific order shown or sequentially, or that all the illustrated tasks need to be performed to obtain the desired result. In certain situations, multitasking and parallel processing are more advantageous.
[0113] Although various embodiments of the present disclosure have been described above with reference to the accompanying drawings, those skilled in the art will understand that the present invention can be implemented in other specific ways without changing its technical concept or essential features. Therefore, it should be understood that the embodiments described above are illustrative in all respects and not limiting. The scope of protection of the present invention should be interpreted in accordance with the appended claims, and all technical concepts within the equivalent scope should be interpreted as being included within the scope of the technical concepts defined by this disclosure. [Simplified Explanation of the Diagram]
[0114] Figure 1 is a diagram illustrating, by way of example, a problem of the prior art in this technical field.
[0115] Figure 2 illustrates an exemplary environment for a product information providing system applicable to an embodiment of this disclosure.
[0116] Figure 3 is a flowchart of a shopping category display method according to another embodiment of the present disclosure.
[0117] Figure 4 is a diagram illustrating, by way of example, the steps of receiving a menu button input from a user terminal that may be performed in some embodiments of this disclosure.
[0118] FIG5 is a diagram illustrating, by way of example, the components of a shopping category screen according to some embodiments of the present disclosure.
[0119] Figure 6 is an exemplary illustration of the steps that can be performed in some embodiments of this disclosure to display a product page related to a specific subcategory on a user terminal screen.
[0120] Figure 7 is an exemplary diagram illustrating the steps that can be performed in response to scroll input to the navigation bar to display different main category labels in some embodiments of this disclosure.
[0121] Figure 8 is an exemplary illustration of the steps that can be performed in some embodiments of this disclosure to display different sets of subcategories on the screen of a user terminal in response to scroll input to a subcategory display area.
[0122] Figure 9 is an exemplary illustration of the steps that can be performed in some embodiments of this disclosure to display different sets of subcategories on a user terminal screen in response to a selection input for a specific main category label.
[0123] Figure 10 is a diagram illustrating, by way of example, the steps of setting the position of the category selection button that can be performed in some embodiments of this disclosure.
[0124] Figure 11 is an exemplary diagram illustrating the steps of displaying a badge on a shopping category screen that can be performed in some embodiments of this disclosure.
[0125] FIG12 is a hardware structure diagram of a computing system according to another embodiment of the present disclosure.
Claims
1. A method for displaying shopping categories, executed by a computing system, characterized in that it includes: The steps to receive menu button input from the user terminal; The steps include receiving the menu button input by the user and sending information for constructing the shopping category screen to the user terminal. The shopping category screen includes: a navigation bar, including labels for multiple main categories - each of the main categories includes multiple sub-categories -; a sub-category display area, including a first sub-category set and a second sub-category set, the first sub-category set corresponding to the first main category included in the multiple main categories, and including category selection buttons corresponding to the multiple sub-categories included in the first sub-category set; the second sub-category set corresponding to the second main category included in the multiple main categories, and including category selection buttons corresponding to the multiple sub-categories included in the second sub-category set.
2. The shopping category display method according to claim 1, characterized in that the first sub-category set includes a divider for distinguishing the display area of the first sub-category set from the display area of the second sub-category set.
3. The shopping category display method according to claim 1, characterized in that the shopping category screen includes a plurality of predefined buttons in a portion of the upper area of the shopping category screen.
4. The shopping category display method according to claim 3, characterized in that when the sub-category display area scrolls above a reference value, the display area of the defined multiple buttons is no longer displayed.
5. The shopping category display method according to claim 3, characterized in that, when the baseline of the shopping category screen reaches the dividing line of the first subcategory set as a result of scrolling input to the subcategory display area, the display area of the defined multiple buttons is no longer displayed.
6. The shopping category display method according to claim 1, characterized in that the navigation bar displays different main category labels in response to scroll input to the display area of the navigation bar.
7. The shopping category display method according to claim 1, characterized in that the first subcategory set includes a label of the main category corresponding to the first subcategory set in the top portion of the first subcategory set.
8. The shopping category display method according to claim 1, characterized in that, in response to a selection input of any one of the labels of the plurality of main categories, the shopping category screen scrolls the sub-category display area to an area where a sub-category corresponding to the main category selected is present.
9. The shopping category display method according to claim 1, characterized in that the shopping category screen displays different sets of subcategories in response to scroll input to the subcategory display area.
10. The shopping category display method according to claim 1, characterized in that the shopping category screen applies visual highlighting to at least a portion of the labels of the plurality of main categories of the navigation bar based on information of the set of subcategories displayed in the subcategory display area.
11. The shopping category display method according to claim 10, characterized in that, in the shopping category screen, when the label of the first main category is visually highlighted, when the baseline of the shopping category screen reaches the dividing line of the first sub-category set as a result of scrolling input to the sub-category display area, the label of the second main category is visually highlighted, and the label of the first main category is no longer visually highlighted.
12. The shopping category display method according to claim 10, characterized in that, in the shopping category screen, when the first subcategory set is displayed in the subcategory display area above a reference value, and as a result of scrolling the subcategory display area, the second subcategory set is displayed in the subcategory display area above a reference value, the label of the second main category is subject to visual highlighting, and the label of the first main category is no longer subject to visual highlighting.
13. The shopping category display method according to claim 1, wherein the positions of the category selection buttons in the first sub-category set display area are set by the user terminal.
14. The shopping category display method according to claim 1, characterized in that the first subcategory set includes one or more badges, the badges comprising: Type 1 badges and Type 2 badges are configured adjacent to the category selection button of the subcategory of goods in the first subcategory for which the user terminal has purchased more than a certain number of times. Type 2 badges are configured adjacent to the category selection button of the subcategory of goods in the first subcategory for which the user terminal has performed specific settings.
15. A method for displaying shopping categories, executed by a computing system, characterized in that it includes: The step of sending the menu button input by the user to the server; The steps of receiving information from the server to construct the shopping category screen; The steps include rendering the shopping category screen based on information used to construct the shopping category screen, the shopping category screen including: a navigation bar including labels for multiple main categories - each of the multiple main categories includes multiple subcategories -; a subcategory display area including a first subcategory set and a second subcategory set, the first subcategory set corresponding to a first main category included in the multiple main categories, and including category selection buttons corresponding to the multiple subcategories included in the first subcategory set; the second subcategory set corresponding to a second main category included in the multiple main categories, and including category selection buttons corresponding to the multiple subcategories included in the second subcategory set.
16. The shopping category display method according to claim 15, characterized in that the first sub-category set includes a divider for distinguishing the display area of the first sub-category set from the display area of the second sub-category set.
17. The shopping category display method according to claim 15, characterized in that the shopping category screen includes a plurality of predefined buttons in a portion of the upper area of the shopping category screen.
18. The shopping category display method according to claim 15, characterized in that the navigation bar displays different main category labels in response to scroll input to the display area of the navigation bar.
19. The shopping category display method according to claim 15, characterized in that the shopping category screen displays different sets of subcategories in response to scroll input to the subcategory display area.
20. The shopping category display method according to claim 15, characterized in that the shopping category screen applies visual highlighting to at least a portion of the labels of the plurality of main categories of the navigation bar based on information of the set of subcategories displayed in the subcategory display area.
21. A product information provision system, characterized in that it comprises: One or more processors; memory storing a computer program executed by the one or more processors, the computer program including instructions to cause the processor to perform the following steps: receiving a menu button input by a user from a user terminal; and receiving the menu button input by the user and sending information for constituting a shopping category screen to the user terminal, the shopping category screen including: a navigation bar including labels for multiple main categories - each of the multiple main categories includes multiple subcategories -; a subcategory display area including a first subcategory set and a second subcategory set, the first subcategory set corresponding to a first main category included in the multiple main categories and including category selection buttons corresponding to the multiple subcategories included in the first subcategory set, the second subcategory set corresponding to a second main category included in the multiple main categories and including category selection buttons corresponding to the multiple subcategories included in the second subcategory set.
22. A user terminal, characterized in that it comprises: One or more processors; memory storing computer programs executed by the one or more processors, the computer programs including instructions to cause the processors to perform the following steps: sending user-input menu buttons to a server; receiving information from the server for constructing a shopping category screen; and rendering the shopping category screen based on the information for constructing the shopping category screen, the shopping category screen including: a navigation bar including labels for multiple main categories - each of the multiple main categories includes multiple subcategories -; a subcategory display area including a first subcategory set and a second subcategory set, the first subcategory set corresponding to a first main category included in the multiple main categories and including category selection buttons corresponding to the multiple subcategories included in the first subcategory set, the second subcategory set corresponding to a second main category included in the multiple main categories and including category selection buttons corresponding to the multiple subcategories included in the second subcategory set.
