Method for providing product purchase screen

Abstract

The present disclosure relates to a method for providing a product purchase screen and a device therefor. A method for providing a product purchase screen, performed by a computing device, according to some embodiments of the present disclosure, may comprise the steps of: displaying a detailed information screen for a product registered on an e-commerce platform; in response to a long-tap input for the detailed information screen, switching the detailed information screen to an option selection screen on which a predefined gesture may be input; receiving a predefined first gesture for the option selection screen; and displaying a purchase screen for the product in response to the first gesture.

Description

How to provide a product purchase screen

[0001] The present disclosure relates to a method and system for providing a product purchase screen. More specifically, the present disclosure relates to a method and a system for providing various purchase-related screens that can be referenced during the product purchase process based on a user's gesture.

[0002] A method and system are provided to facilitate users purchasing products through e-commerce platforms by enabling them to conveniently perform actions related to their purchases. Users can optionally perform actions such as payment, adding to cart, adding to wishlist, sharing, or gifting a product from the product details page registered on the e-commerce platform, as needed.

[0003] At this time, the payment, add to cart, and gift buttons appear in different locations on each product detail page, requiring users to manually locate each button and perform repetitive button clicks, creating a cumbersome process. Furthermore, some buttons are often too small, leading to unwanted actions, such as switching to a different screen.

[0004] Accordingly, a technology is required that allows users to conveniently perform purchase-related actions for desired products with simple gestures during the product purchase decision-making process.

[0005] The technical problem that the present disclosure seeks to solve is to provide a method and device that allows a user to conveniently perform actions related to purchasing a product that the user wishes to purchase.

[0006] Another technical problem that the present disclosure seeks to solve is to provide a method and device that can perform an action related to the purchase of a product regardless of the location or size of a button displayed on the product's detailed information page.

[0007] Another technical challenge that the present disclosure seeks to address is to provide a method and device that allows a user to select various options that may be considered during the process of purchasing a product using only a simple gesture.

[0008] The technical problems of the present disclosure are not limited to the technical problems mentioned above, and other technical problems not mentioned will be clearly understood by those skilled in the art of the present disclosure from the description below.

[0009] A method for providing a product purchase screen according to one embodiment of the present disclosure for solving the above technical problem may include a step of displaying a detailed information screen for a product registered in an e-commerce platform, a step of switching the detailed information screen to an option selection screen capable of inputting a predefined gesture in response to a long-tap input for the detailed information screen, a step of receiving a predefined first gesture for the option selection screen, and a step of displaying a purchase screen for the product in response to the first gesture.

[0010] In one embodiment, the first gesture may be a swipe input in a first direction, and the purchase screen may be a payment screen for the product.

[0011] In one embodiment, the step of displaying a purchase screen for the product may include the step of displaying an animation in which the option selection screen disappears in the first direction from the display of the computing device.

[0012] In one embodiment, the step of displaying a purchase screen for the product may include the step of displaying an animation in which the payment screen appears in the first direction on the display of the computing device.

[0013] In one embodiment, the first gesture may be a swipe input in a second direction, and the purchase screen may be a shopping cart screen including the product.

[0014] In one embodiment, the step of displaying a purchase screen for the product may include the step of displaying an animation in which the option selection screen disappears from the display of the computing device in the second direction and the shopping cart screen appears on the display of the computing device in the second direction.

[0015] In one embodiment, the option selection screen may be a screen that does not allow horizontal scroll input.

[0016] In one embodiment, the first gesture may include a plurality of swipe inputs in different directions, and a purchase screen for a product matching each of the plurality of swipe inputs may be different depending on the direction of the swipe input.

[0017] A method for providing a product purchase screen according to another embodiment of the present disclosure for solving the above technical problem may include the steps of: displaying a card stack in which detailed information cards for each of a plurality of products registered in an e-commerce platform are overlapped; receiving a predefined first gesture for a detailed information card for a first product positioned at the top of the card stack; transmitting, in response to the first gesture, purchase decision information for the first product matching the first gesture to a service server; displaying an animation in which the detailed information card for the first product disappears from the display of the computing device; and displaying a detailed information card for a second product positioned next to the first product in the card stack.

[0018] In one embodiment, the first gesture may include a plurality of swipe inputs in different directions, and purchase decision information for a product matching each of the plurality of swipe inputs may be different depending on the direction of the swipe input.

[0019] In one embodiment, the first gesture may include a swipe input in a first direction, and the purchase decision information for a product matching the swipe input in the first direction may be payment request information for the product.

[0020] In one embodiment, the first gesture may include a swipe input in a second direction different from the first direction, and the purchase decision information for a product matching the swipe input in the second direction may be information on a request to add the product to a shopping cart.

[0021] In one embodiment, the first gesture may be a swipe input in a first direction, and the purchase decision information may be payment request information for the product. Furthermore, the method for providing a product purchase screen may further include, between the step of displaying the animation and the step of displaying a detailed information card for the second product, a step of displaying a payment screen for the first product.

[0022] In one embodiment, the first gesture may be a swipe input in a third direction, and the purchase decision information for the product matching the swipe input in the third direction may be purchase pending information for the product. Furthermore, the animation in which the detailed information card for the first product disappears from the display of the computing device may include an action of placing the detailed information card for the first product at the bottom of the card stack.

[0023] According to this embodiment, regardless of the location or size of the button supporting a function related to purchasing a product, a purchase-related screen that meets the user's needs can be provided with just a simple gesture, thereby improving the user's convenience and satisfaction.

[0024] According to this embodiment, information about a purchase action corresponding to a user's gesture is displayed on the screen, so that the user can intuitively check information about the purchase action he or she intends to perform, and usability can be improved.

[0025] According to this embodiment, users can freely configure gesture details according to their needs, thereby enhancing user convenience and satisfaction. Furthermore, by enhancing application usability, users' retention time on the e-commerce platform can be increased, while also attracting new users.

[0026] According to this embodiment, with just a simple gesture, purchase decision information that matches the user's needs for each of multiple products can be transmitted to the service server, or a purchase screen that matches the user's needs can be provided to the user, thereby improving user convenience and satisfaction.

[0027] The effects according to the technical idea of ​​the present disclosure are not limited to the effects mentioned above, and other effects not mentioned will be clearly understood by those skilled in the art from the description below.

[0028] FIG. 1 illustrates an exemplary environment in which a product purchase screen provision system according to some embodiments of the present disclosure can be applied.

[0029] FIG. 2 is a flowchart illustrating a method for providing a product purchase screen according to one embodiment of the present disclosure.

[0030] Figures 3 and 4 are exemplary diagrams for explaining the operation illustrated in Figure 2.

[0031] FIG. 5 is an exemplary diagram illustrating a gesture setting method that may be referenced in some embodiments of the present disclosure.

[0032] FIG. 6 is a flowchart illustrating a method for providing a product purchase screen according to another embodiment of the present disclosure.

[0033] Figures 7 and 8 are exemplary diagrams for explaining the operation illustrated in Figure 6.

[0034] FIG. 9 is an exemplary diagram illustrating a gesture setting method that may be referenced in some embodiments of the present disclosure.

[0035] FIG. 10 is a hardware configuration diagram of a computing system according to some embodiments of the present disclosure.

[0036] Hereinafter, preferred embodiments of the present disclosure will be described in detail with reference to the attached drawings. The advantages and features of the present invention, and methods for achieving them, will become clearer with reference to the embodiments described in detail below together with the attached drawings. However, the technical spirit of the present invention is not limited to the following embodiments and may be implemented in various different forms. The following embodiments are provided only to complete the technical spirit of the present invention and to fully inform those skilled in the art of the present invention of the scope of the present invention, and the technical spirit of the present invention is defined only by the scope of the claims.

[0037] In describing the present disclosure, if it is determined that a detailed description of a related known configuration or function may obscure the gist of the present invention, the detailed description will be omitted.

[0038] Unless otherwise defined, the terms (including technical and scientific terms) used in the following examples may be used with meanings commonly understood by those of ordinary skill in the art to which this disclosure pertains; however, this may vary depending on the intentions of engineers working in the relevant field, precedents, the emergence of new technologies, etc. The terminology used in this disclosure is for the purpose of describing the embodiments and is not intended to limit the scope of this disclosure.

[0039] In the following examples, singular expressions include plural concepts unless the context clearly specifies that they are singular. Furthermore, plural expressions include singular concepts unless the context clearly specifies that they are plural.

[0040] In addition, terms such as first, second, A, B, (a), (b), etc. used in the following embodiments are only used to distinguish certain components from other components, and the nature, order, or sequence of the components are not limited by the terms.

[0041] Hereinafter, various embodiments of the present disclosure will be described in detail with reference to the attached drawings.

[0042] Meanwhile, the term and expression "purchase screen" used herein may encompass various screens related to a user's purchasing decision that may be referenced during the process of purchasing a product. For example, the "purchase screen" may include a payment screen that may be displayed when a user decides to purchase a product, a shopping cart screen that may be displayed when a user decides to purchase a product but wishes to purchase additional products, and a gift screen that may be displayed when a user decides to gift a product to another user.

[0043] FIG. 1 illustrates an exemplary environment in which a product purchase screen provision system according to some embodiments of the present disclosure can be applied.

[0044] As illustrated in FIG. 1, a product purchase screen provision system according to some embodiments of the present disclosure may include a service server (100) and a user terminal (200).

[0045] A service server (100) may refer to a computing device / system that provides a service for purchasing and selling products through an online platform. For example, the service server (100) may refer to a device / system that provides an e-commerce service. The service server (100) may provide transaction services for multiple products registered on an e-commerce platform and may also provide a detailed information page containing various information about the products.

[0046] The service server (100) can perform various operations / functions to facilitate users purchasing products in making decisions related to product purchases, and to enhance the convenience and satisfaction of users using e-commerce services. For example, the service server (100) can store product purchase information corresponding to the input gesture in a user database in response to a user's long-tap input and predefined gesture input on a product detail page. Furthermore, the service server (100) can store information regarding multiple gestures and purchase screens corresponding to each of the multiple gestures based on user operations on a gesture setting screen.

[0047] The service server (100) may be implemented by at least one computing device. For example, all functions of the service server (100) may be implemented by a single computing device, or a first function of the service server (100) may be implemented by a first computing device and a second function may be implemented by a second computing device. Alternatively, specific functions of the service server (100) may be implemented by multiple computing devices.

[0048] A computing device can encompass any device equipped with computing capabilities. For an example of such a device, see FIG. 10. Since a computing device is a collection of interacting components (e.g., memory, processor, etc.), it may sometimes be referred to as a "computing system." Furthermore, a computing system may also refer to a collection of interacting computing devices.

[0049] Next, the user terminal (200) may refer to a computing device used by a user to receive e-commerce services. As illustrated in FIG. 1, the user terminal (200) may be implemented as various types of computing devices, such as a smartphone (200a), a desktop (200b), a laptop (200c), etc., and may be implemented as any device. Refer to FIG. 10 for an example of such a computing device.

[0050] The user terminal (200) can also perform various operations / functions to encourage rational and economical consumption by users purchasing products and to enhance the convenience and satisfaction of users using e-commerce services. For example, the user terminal (200) can display a purchase screen corresponding to a preset user gesture input on a product detail information page received from the service server (100). Furthermore, the user terminal (200) can display a gesture setting screen for setting the types of gestures that meet the user's needs and the purchase screen corresponding to each gesture.

[0051] As illustrated in FIG. 1, the service server (100) and the user terminal (200) can communicate via a network. Here, the network can be implemented as any type of wired / wireless network, such as a local area network (LAN), a wide area network (WAN), a mobile radio communication network, Wibro (Wireless Broadband Internet), etc. The operations / functions of the above-described service server (100) and the user terminal (200) will be described in detail with reference to FIGS. 2 to 9.

[0052] So far, devices (100, 200) supporting a method for providing a product purchase screen according to some embodiments of the present disclosure have been briefly described with reference to FIG. 1. Below, a method for providing a product purchase screen according to some embodiments of the present disclosure will be described in detail with reference to the drawings beginning with FIG. 2 and following. However, for ease of understanding, the description will continue under the assumption that the methods described below are performed in the environment illustrated in FIG. 1.

[0053] Figure 2 is a flowchart illustrating a method for providing a product purchase screen according to one embodiment of the present disclosure. However, this is merely a preferred embodiment for achieving the purpose of the present disclosure, and it is understood that some steps may be added or deleted as needed.

[0054] For reference, FIG. 2 illustrates the steps / operations of a method for providing a product purchase screen performed on a user terminal (200). Therefore, in the following descriptions, if the subject of a specific step / operation is omitted, it can be understood that it is performed on the user terminal (200). However, in an actual environment, some functions / operations of the user terminal (200) may be implemented on the service server (100), and some functions / operations of the service server (100) may be implemented on the user terminal (200). In other words, the subject performing a specific step / operation may vary depending on the implementation method.

[0055] As illustrated in FIG. 2, a method for providing a product purchase screen according to one embodiment of the present disclosure may begin at step S21, where a user terminal displays a detailed information screen for a product registered on an e-commerce platform. The user terminal may be a mobile phone, smartphone, tablet, laptop PC, or desktop PC. However, for ease of understanding, the following description will assume that the user terminal is a smartphone and that the screen displaying the detailed information page for the first product is the smartphone's screen.

[0056] In step S22, the user terminal may, in response to a long tap input on the detailed information screen displayed in step S21, switch the detailed information screen to an option selection screen that allows a predefined gesture input. In this case, the option selection screen may refer to a screen that contains the same information as the detailed information page for the product, or a screen that allows a predefined user gesture input or can detect the gesture input.

[0057] In other words, if a user inputs a predefined gesture without long-tapping on the detailed information screen for a product initially displayed on the user terminal, the purchase screen or animation corresponding to the gesture may not be displayed.

[0058] That is, the user's long-tap input must be performed before the predefined gesture input in order for the purchase screen or animation corresponding to the gesture to be displayed. In other words, the user's predefined gesture can be understood to be applied only to the option selection screen corresponding to the user's long-tap input.

[0059] In step S23, the user terminal may receive a predefined first gesture for the option selection screen displayed in step S22. The first gesture may include multiple swipe inputs in different directions. Furthermore, the purchase screen for a product corresponding to each of the multiple swipe inputs may vary depending on the direction of the swipe input.

[0060] However, it should be noted that the first gesture is not limited to a swipe input and can be configured as various input types. Furthermore, the first gesture can be freely configured by the user through manipulation on a separate gesture configuration screen. A detailed description of the types and configuration methods of the first gesture will be described below with reference to FIGS. 3 to 5.

[0061] In step S24, the user terminal can display a purchase screen for the product in response to the first gesture input through step S23.

[0062] For example, if the first gesture is a swipe input in a first direction (e.g., rightward), a first purchase screen (e.g., a payment screen for a product) may be displayed. Additionally, if the first gesture is a swipe input in a second direction (e.g., leftward), a second purchase screen (e.g., a shopping cart screen including a product) may be displayed.

[0063] Meanwhile, during the process of displaying the purchase screen for the above product, an animation may be displayed in which the option selection screen displaying detailed information about the product disappears from the user terminal's display. A detailed description of the above animation will be provided below with reference to FIGS. 3 to 5.

[0064] In summary, in response to a user's long-tap input on a product detail screen, the detail screen can be updated to an option selection screen to enable predefined gesture input. Subsequently, in response to the user's predefined gesture input on the option selection screen, a purchase screen for the product can be displayed. The product purchase screen may include various screens related to the user's purchase decision-making process (e.g., a shopping cart screen, a payment screen, a gifting screen) that the user can refer to during the product purchase process.

[0065] In the past, users of e-commerce platforms could perform actions such as payment, adding to cart, adding to wishlist, or gifting a product by selecting buttons such as payment, add to cart, add to wishlist, or gift within the product details screen. However, because the payment or cart buttons were displayed in different locations on each product details screen, users had to find the location of the button to perform the desired action on each detail page, which was inconvenient. In addition, when the button was small, selecting the wrong button often led to a screen that did not meet their needs. This increased user fatigue during the product purchase process and caused a degraded user experience.

[0066] Accordingly, a technology is required that can move users to various purchase screens that can be referenced during the product purchase process with just a simple predefined user gesture on the product detail screen, and that can support performing desired actions on each purchase screen.

[0067] That is, according to the present disclosure, regardless of the location or size of the button supporting the purchase-related function, a purchase-related screen that meets the user's needs can be provided with just a simple gesture, thereby improving the user's convenience and satisfaction.

[0068] Figures 3 and 4 are exemplary drawings for explaining the operation illustrated in Figure 2. More specifically, they are exemplary drawings for explaining an animation in which an option selection screen disappears in response to a user's gesture input and a purchase screen corresponding to the input gesture appears.

[0069] As illustrated in FIG. 3, in response to a user's long-tap input (3a) on the product detail information screen (30a), the detail information screen (30a) may be switched to an option selection screen (30b). At this time, the option selection screen (30b) displays the same information as the detail information screen (30a), but, unlike the detail information screen (30a), it may be understood that it is a screen that allows the user to input a predefined gesture.

[0070] In one embodiment, the option selection screen (30b) may be a screen that does not allow horizontal scroll input. This embodiment corresponds to a case where the predefined gesture input is a horizontal swipe input, and can be understood as being intended to prevent recognition errors in user manipulation of the display unit of the user terminal due to overlapping of the user's predefined gesture input and the horizontal scroll input.

[0071] However, the option selection screen (30b) is not limited to the above-described embodiment, and should be understood as a screen where scroll input in the same direction as the input direction of the predefined gesture is not possible based on the input direction of the predefined gesture. That is, if the input direction of the predefined gesture is up and down, the option selection screen (30b) may be a screen where up and down scroll input is not possible.

[0072] Referring back to FIG. 3, in response to a user's predefined gesture (e.g., a rightward swipe input (3b, 3c)) on the option selection screen (30b), an animation may be displayed in which the option selection screen (30b) rotates counterclockwise around a central axis and disappears. At this time, the color or transparency of the option selection screen disappearing from the display of the user terminal may be changed, and information on a purchase action (e.g., adding to cart) corresponding to the user's gesture may be displayed in the form of text on the option selection screen disappearing. This will be described in detail with reference to FIG. 4 below.

[0073] In one embodiment, the user's predefined first gesture may be a swipe input in a first direction, and the purchase screen may be a payment screen for the product. In this case, during the process of displaying the purchase screen for the product, at least one of an animation in which the option selection screen disappears from the display of the user terminal in the first direction and an animation in which the payment screen appears on the display of the user terminal in the first direction may be displayed.

[0074] That is, as illustrated in FIG. 4, in response to a user's predefined first gesture (e.g., swipe input in the right direction) on a product detail screen (i.e., option selection screen (40a)), an animation (40b) in which the product detail screen disappears and an animation (not illustrated) in which a purchase screen (i.e., payment screen) corresponding to the first gesture appears can be displayed.

[0075] In one embodiment, the first gesture may be a swipe input in a second direction, and the purchase screen may be a shopping cart screen including the product. In this case, during the process of displaying the purchase screen for the product, at least one of an animation in which the option selection screen disappears from the display of the user terminal in the second direction and an animation in which the shopping cart screen appears on the display of the user terminal in the second direction may be displayed.

[0076] That is, as illustrated in FIG. 4, in response to a user's predefined first gesture (e.g., swipe input in the left direction) on a product detail screen (i.e., option selection screen (40a)), an animation (40d) in which the product detail screen disappears and an animation (not illustrated) in which a purchase screen (i.e., shopping cart screen) corresponding to the first gesture appears can be displayed.

[0077] Meanwhile, the user terminal can recognize / detect the first gesture only when the first gesture input (e.g., swipe input in the right direction) is accompanied by movement of a position and angle exceeding a reference value.

[0078] For example, as illustrated in FIG. 4, if a first gesture, which is a rightward swipe input, involves a positional movement of 25% or more from left to right and does not tilt at an angle of 15 degrees or more, the option selection screen previously displayed on the user terminal may be maintained. That is, only when a first gesture input involves a positional movement of 25% or more from left to right and does not tilt at an angle of 15 degrees or more, a process of displaying a purchase screen (i.e., a payment screen) corresponding to the first gesture may be performed.

[0079] Likewise, if the first gesture, which is a left-facing swipe input, involves a positional movement of 25% or more from right to left and does not tilt at an angle of 15 degrees or more, the option selection screen previously displayed on the user terminal may be maintained. That is, only when the first gesture input involves a positional movement of 25% or more from right to left and does not tilt at an angle of 15 degrees or more, a process of displaying a purchase screen (i.e., a shopping cart screen) corresponding to the first gesture may be performed.

[0080] In one embodiment, the animation in which the option selection screen disappears in a specific direction from the display of the user terminal may include an action in which information about a purchase action (e.g., adding to cart) corresponding to the user's gesture is displayed in the form of text on the option selection screen.

[0081] That is, as illustrated in FIG. 4, when the first gesture input satisfies the preset criteria for recognition / detection, information (40c) about a purchase action (e.g., buy now, add to cart, add to wish list) corresponding to the first gesture input may be displayed in the form of text on the option selection screen that disappears from the display of the user terminal.

[0082] However, it should be noted that the form in which the purchase action (e.g., buy now, add to cart, add to wishlist) corresponding to the first gesture input is displayed is not limited to the examples described above. That is, information about the purchase action (e.g., buy now, add to cart, add to wishlist) corresponding to the first gesture input may be displayed in the form of color, transparency, and icons, etc.

[0083] For example, if the purchase action corresponding to the first gesture input is 'Add to Cart', the option selection screen that disappears from the display of the user terminal may be displayed in blue, or a shopping cart-shaped icon may be displayed in an area on the option selection screen. Additionally, if the purchase action corresponding to the first gesture input is 'Buy Now (Pay)', the option selection screen that disappears from the display of the user terminal may be displayed in red, or an icon in the form of cash or a card indicating payment may be displayed in an area on the option selection screen.

[0084] Accordingly, according to the present embodiment, information about a purchase action corresponding to a user's gesture is displayed on the screen, so that the user can intuitively check information about the purchase action he or she intends to perform, and user satisfaction and convenience can be improved.

[0085] Figure 5 is an exemplary diagram illustrating a gesture setting method that may be referenced in some embodiments of the present disclosure. More specifically, it is an exemplary diagram of a setting screen for setting gestures that allow a user to conveniently navigate to various purchase screens that may be referenced during the product purchase process.

[0086] As illustrated in FIG. 5, a gesture setting screen (50a) may be displayed on the user terminal, which allows the user to set a gesture for moving to various purchase screens (e.g., payment screen, shopping cart screen) related to the product purchase process or for transmitting decision information (e.g., wish list) related to the product purchase to the service server. In this case, the gesture setting screen (50a) may be displayed in response to a selection input for a setting button UI displayed on the user terminal or a predefined gesture (e.g., a clockwise swipe input).

[0087] The gesture setting screen (50a) allows the user to set whether the gesture direction is set to two directions or four directions. Furthermore, the user can determine an action corresponding to the gesture direction through the gesture setting screen (50a). For example, a payment screen can be set to be displayed when the user inputs a left-swiping gesture on the display of the user terminal, and an add-to-shopping screen can be set to be displayed when the user inputs a right-swiping gesture.

[0088] Referring to FIG. 5, in response to a user's selection input (5a) for a drop box displayed in an area for selecting an action corresponding to the direction of a gesture, information about actions that the user can select (e.g., payment, add to cart, save, share, gift) may be displayed, and the user may set an action that meets his / her needs and a gesture that performs the action. For example, referring to the gesture setting screens (50b, 50c) illustrated in FIG. 5, in response to the user's selection input (5b) for the save action option displayed on the gesture setting screen, if the user inputs a gesture of swiping to the left, information indicating that the user has selected the current product as a product of interest (i.e., save information) may be transmitted to the service server, and if the user inputs a gesture of swiping to the right, an add to cart screen may be displayed or information indicating that the user has saved the current product to the cart and is scheduled to pay for it in the future (i.e., add to cart information) may be transmitted to the service server.

[0089] Meanwhile, the directions of gestures that can be set on the gesture setting screen are not limited to the two or four directions as illustrated in FIG. 5, and can be set in various directions depending on the user's needs. In addition, it should be noted that the actions corresponding to gestures that can be set by the user are not limited to the contents illustrated in FIG. 5, and various actions corresponding to gestures can be set depending on the user's needs.

[0090] In summary, users can determine the direction of the gesture and the type of action performed in response to the gesture that suits their needs through the gesture setting screen.

[0091] This allows users to freely customize gesture details according to their needs, thereby enhancing user convenience and satisfaction. Furthermore, by enhancing application usability, users' retention time on the e-commerce platform can increase and attract new users.

[0092] So far, with reference to FIGS. 2 through 5 , a method for displaying a purchase screen related to a product in response to a user's predefined gesture input within a detailed information page for a single product, according to one embodiment of the present disclosure, has been described. Below, with reference to FIGS. 6 through 9 , a method for facilitating a user's purchase decision for each of multiple products when detailed information pages for multiple products are stacked in the form of a card stack will be described in detail.

[0093] Figure 6 is a flowchart illustrating a method for providing a product purchase screen according to another embodiment of the present disclosure. However, this is merely a preferred embodiment for achieving the purpose of the present disclosure, and it is understood that some steps may be added or deleted as needed.

[0094] For reference, FIG. 6 illustrates steps / operations of a method for providing a product purchase screen performed on a user terminal (200). Therefore, in the following descriptions, if the subject of a specific step / operation is omitted, it can be understood that it is performed on the user terminal (200). However, in an actual environment, some functions / operations of the user terminal (200) may be implemented on the service server (100), and some functions / operations of the service server (100) may be implemented on the user terminal (200). In other words, the subject performing a specific step / operation may vary depending on the implementation method.

[0095] As illustrated in FIG. 2, a method for providing a product purchase screen according to one embodiment of the present disclosure may begin at step S61, in which a user terminal displays a card stack in which detailed information cards for each of a plurality of products registered on an e-commerce platform are overlapped.

[0096] Here, the detailed information card may refer to a product detailed information page rendered in card form. In other words, the detailed information card and the detailed information page share the same content, but differ only in the form in which they are rendered and displayed on the screen. Furthermore, the card stack may be generated based on the user's history of manipulations on each product detailed information page during an online shopping process via an e-commerce platform. For example, the card stack may consist of detailed information cards for each product selected for "save" by the user on the product detailed information page.

[0097] Meanwhile, the user terminal may be a device such as a mobile phone, smartphone, tablet, laptop PC, or desktop PC. However, for ease of understanding, the following description assumes that the user terminal is a smartphone and that the screen on which the card stack is displayed is the smartphone's screen.

[0098] In step S62, the user terminal can receive a predefined first gesture of the user for the detailed information card for the first product placed at the top of the card stack displayed through step S61.

[0099] In this case, the first gesture may include multiple swipe inputs in different directions. Furthermore, the purchase decision information for the product corresponding to each of the multiple swipe inputs may vary depending on the direction of the swipe input.

[0100] However, it should be noted that the first gesture is not limited to a swipe input and can be configured as various input types. Furthermore, the first gesture can be freely configured by the user through manipulation on a separate gesture configuration screen. A detailed description of the types and configuration methods of the first gesture will be provided below with reference to FIGS. 7 to 9.

[0101] In step S63, the user terminal may transmit purchase decision information for the first product matching the first gesture to the service server in response to the first gesture input through step S62, and display an animation in which a detailed information card for the first product disappears from the display of the computing device.

[0102] For example, if the first gesture is a swipe input in the first direction (e.g., downward right), payment request information for the first product may be transmitted to the service server as purchase decision information for the product, and an animation in which a detailed information card for the first product disappears from the display of the user terminal may be displayed.

[0103] Additionally, if the first gesture is a swipe input in the first direction (e.g., downward right), an animation may be displayed in which a payment screen for the first product is displayed and a detailed information card for the first product disappears from the display of the user terminal.

[0104] Thereafter, in step S64, the user terminal can display a detailed information card for a second product located immediately after the first product placed at the top of the card stack displayed in step S61.

[0105] In summary, a user can easily select an option related to the purchase of each of multiple products by inputting a predefined gesture for each card in a stack of overlapping detailed information cards for each of multiple products displayed on the terminal.

[0106] Accordingly, with just a simple gesture, purchase decision information that matches the user's needs for each of multiple products can be transmitted to the service server, or a purchase screen that matches the user's needs can be provided to the user, thereby improving user convenience and satisfaction.

[0107] Figures 7 and 8 are exemplary drawings for explaining the operation illustrated in Figure 6. More specifically, they are exemplary drawings for explaining animations displayed in response to a user's gesture input for each detailed information card included in a card stack.

[0108] As illustrated in box 70a of FIG. 7, in response to a user's predefined gesture input to the detailed information card of the first product positioned at the top of the card stack (7a), the first product may be stored in the shopping cart, a shopping cart screen may be displayed, and a payment screen for the first product may be displayed. Additionally, a detailed information card of a second product positioned next to the detailed information card of the first product may be displayed, or the display of detailed information cards of all products included in the card stack (7a) may be terminated.

[0109] At this time, as illustrated in box 70b of FIG. 7, in response to a user's gesture input for the detailed information card of the first product included in the card stack, an animation may be displayed in which the detailed information card disappears and a payment screen for the first product appears. However, since the details of the animation have been described above with reference to FIGS. 3 and 4, a detailed description of the overlapping content will be omitted.

[0110] In one embodiment, the user's predefined first gesture for the detailed information card of the first product may be a swipe input in a first direction, and the purchase decision information for the product matching the swipe input in the first direction may be payment request information for the first product. In this case, an animation in which the detailed information card for the first product disappears in the first direction may be displayed on the display of the user terminal.

[0111] In addition, after the animation of the detailed information card for the first product disappearing in the first direction is displayed, the detailed information card for the second product located next to the first product may be displayed. However, in some embodiments, if the purchase decision information for the product matching the swipe input in the first direction is payment request information for the first product, the payment screen for the first product may be displayed between the step of displaying the animation and the step of displaying the detailed information card for the second product. That is, for a gesture input corresponding to a payment request for the first product, the user may be moved directly to the payment screen for the first product before the detailed information card for the next product is displayed, thereby supporting the user to immediately pay for the first product. Thereafter, when payment for the first product is completed, the detailed information card for the second product located next to the first product may be displayed.

[0112] In detail, as illustrated in FIG. 8, in response to a user's predefined first gesture (e.g., swipe input in the upper right direction) for the detailed information card (80a) of the first product, an animation (80b) in which the detailed information screen of the product disappears and an animation (not illustrated) in which a purchase screen (i.e., payment screen) corresponding to the first gesture appears may be displayed.

[0113] Meanwhile, the user terminal can recognize / detect the first gesture only when the first gesture input (e.g., swipe input in the upper right direction) is accompanied by movement of a position and angle exceeding a reference value.

[0114] For example, as illustrated in FIG. 8, if a first gesture, which is a swipe input in the upper right direction, is accompanied by a positional movement of 25% or more toward the upper right with respect to a reference line (i.e., a vertical line passing through the center of the card) and the angle is not tilted by 30 degrees or more, the screen of the detailed information card of the first product displayed on the user terminal can be maintained. That is, only when a positional movement of 25% or more toward the upper right with respect to the first gesture input is accompanied by a positional movement of 30 degrees or more, a process of displaying a purchase screen (i.e., a payment screen) corresponding to the first gesture can be performed.

[0115] In one embodiment, the user's predefined first gesture for the detailed information card of the first product may be a swipe input in a second direction different from the first direction, and the purchase decision information for the product matching the swipe input in the second direction may be a shopping cart request information for the first product. In this case, an animation may be displayed on the display of the user terminal in which the detailed information card for the first product disappears in the second direction.

[0116] In addition, after the animation of the detailed information card for the first product disappearing in the first direction is displayed, the detailed information card for the second product located next to the first product may be displayed. However, in some embodiments, if the purchase decision information for the product matching the swipe input in the first direction is the request information for adding to the shopping cart for the first product, the shopping cart screen for the first product may be displayed between the step of displaying the animation and the step of displaying the detailed information card for the second product. That is, for a gesture input corresponding to the request for adding to the shopping cart for the first product, the user may be moved directly to the shopping cart screen for the first product before the detailed information card for the next product is displayed, thereby supporting the user to immediately pay for some of the multiple products including the first product in the shopping cart. Thereafter, when payment for some of the products is completed, the detailed information card for the second product located next to the first product may be displayed.

[0117] As illustrated in FIG. 8, in response to a user's predefined first gesture (e.g., swipe input in the upper left direction) for the first product detail card (80a), an animation (80c) in which the product detail screen disappears and an animation (not illustrated) in which a purchase screen (e.g., shopping cart screen) corresponding to the first gesture appears can be displayed.

[0118] Meanwhile, as described above, the user terminal can recognize / detect the first gesture only when the first gesture input (e.g., swipe input in the upper left direction) is accompanied by a movement of a position and angle exceeding a reference value.

[0119] For example, if the first gesture, which is a swipe input in the upper left direction, involves a positional movement of 25% or more in the upper left direction and does not tilt at an angle of 30 degrees or more, the screen of the detailed information card of the first product displayed on the user terminal may be maintained. That is, only when the first gesture input involves a positional movement of 25% or more in the upper left direction and does not tilt at an angle of 15 degrees or more, a process of displaying a purchase screen (i.e., a shopping cart screen) corresponding to the first gesture may be performed.

[0120] According to this embodiment, an action / process corresponding to a gesture input is performed only when the gesture input by the user satisfies specific position movement and angle movement conditions, thereby preventing malfunction due to a user's terminal operation error.

[0121] In one embodiment, the user's predefined first gesture for the detailed information card of the first product may be a swipe input in a third direction, and the purchase decision information matching the swipe input in the third direction may be purchase pending information for the first product. In this case, an animation may be displayed on the display of the user terminal in which the detailed information card for the first product disappears in the third direction.

[0122] That is, as illustrated in FIG. 8, in response to a user's predefined first gesture (e.g., swipe input in the lower left direction) on the detailed information card (80a) of the first product, an animation (80d) in which the detailed information card of the first product disappears may be displayed. Meanwhile, the contents regarding the position movement and angle movement that serve as the criteria for recognizing / detecting the first gesture input are applied to this embodiment in the same manner as the above-described contents, and any redundant description thereof will be omitted.

[0123] In one embodiment, the user's predefined first gesture for the detailed information card of the first product may be a swipe input in a fourth direction, and the purchase decision information matching the swipe input in the fourth direction may indicate a lack of purchase intent for all products in the card stack including the first product. In this case, an animation may be displayed in which the detailed information card of the card stack including the detailed information card of the first product disappears from the terminal screen in the fourth direction from the display of the user terminal.

[0124] That is, as illustrated in FIG. 8, in response to a user's predefined first gesture (e.g., swipe input in the lower right direction) on the detailed information card (80a) of the first product, an animation (80e) of the detailed information card of the first product disappearing may be displayed. Similarly, the contents regarding the positional movement and angular movement that serve as the criteria for recognizing / detecting the first gesture input are applied to this embodiment in the same manner as described above, and any redundant description thereof will be omitted.

[0125] In one embodiment, the animation in which the detailed information card of the first product disappears in a specific direction from the display of the user terminal may include an action in which purchase decision information corresponding to the user's gesture (e.g., "Add to Cart") is displayed in the form of text on the detailed information card. Furthermore, information regarding the purchase action (e.g., "Buy Now," "Add to Cart," "Wish List") corresponding to the first gesture input may be displayed in the form of color, transparency, icons, etc. Since this has been previously described with reference to FIGS. 3 and 4 , a detailed description of any overlapping content will be omitted.

[0126] According to this embodiment, information about a purchase action corresponding to a user's gesture is displayed on the screen, so that the user can intuitively check information about the purchase action he or she intends to perform, and user satisfaction and convenience can be improved.

[0127] FIG. 9 is an exemplary diagram illustrating a gesture setting method that may be referenced in some embodiments of the present disclosure. More specifically, it is an exemplary diagram of a setting screen for setting a gesture that allows a user to easily determine a purchase-related intent for each of multiple products on a card stack containing multiple product detail information cards.

[0128] As illustrated in FIG. 9, a gesture setting screen (90a) may be displayed on the user terminal, which allows the user to set a gesture for transmitting purchase decision information (e.g., wish list, add to cart, payment request) related to the purchase of each of multiple products to the service server. In this case, the gesture setting screen (90a) may be displayed in response to a selection input for a setting button UI displayed on the user terminal or a predefined gesture (e.g., a clockwise swipe input).

[0129] The gesture setting screen (90a) can be configured to set whether the direction of the gesture is set to two directions or four directions. In addition, the user can determine an action corresponding to the direction of the gesture through the gesture setting screen (50a). For example, if the user inputs a swiping gesture in the upper left direction on the display of the user terminal, payment intent information for the product can be set to be transmitted to the service server or a payment screen for the product can be displayed. Similarly, if the user inputs a swiping gesture in the upper right direction on the display of the user terminal, information on the intention to add the product to the shopping cart can be set to be transmitted to the service server or a shopping cart screen containing the product can be displayed. Similarly, if the user inputs a swiping gesture in the lower left direction on the display of the user terminal, information on the intention to add the product to the wishlist can be set to be transmitted to the service server. Similarly, if the user inputs a swiping gesture in the lower right direction on the display of the user terminal, information on the intention to share the product can be set to be transmitted to the service server.

[0130] Referring to FIG. 9, in response to a user's selection input (9a) for a drop box displayed in an area for selecting an action corresponding to the direction of a gesture, information about actions selectable by the user (e.g., payment, add to cart, wish list, share, gift) may be displayed, and the user may set an action that meets his / her needs and a gesture for performing the action. For example, referring to the gesture setting screens (90b, 90c) illustrated in FIG. 9, in response to the user's selection input (9b) for a gift action option displayed in the gesture setting screen, when the user inputs a gesture of swiping in the lower right direction, information indicating that the user wants to share information about the current product with other users (i.e., sharing information) may be set to be transmitted to the service server.

[0131] Meanwhile, the directions of gestures that can be set on the gesture setting screen are not limited to the two or four directions as illustrated in FIG. 9, and can be set in various directions depending on the user's needs. In addition, it should be noted that the actions corresponding to gestures that can be set by the user are not limited to the contents illustrated in FIG. 9, and various actions corresponding to gestures can be set depending on the user's needs.

[0132] In summary, users can determine the direction of the gesture and the type of action performed in response to the gesture that suits their needs through the gesture setting screen.

[0133] This allows users to freely customize gesture details according to their needs, thereby enhancing user convenience and satisfaction. Furthermore, by enhancing application usability, users' retention time on the e-commerce platform can increase and attract new users.

[0134] FIG. 10 is a hardware configuration diagram of a computing system according to some embodiments of the present disclosure. The product purchase screen provision system (1000) illustrated in FIG. 10 may include one or more processors (1100), a system bus (1600), a communication interface (1200), a memory (1400) for loading a computer program (1500) executed by the processor (1100), and a storage (1300) for storing the computer program (1500).

[0135] The processor (1100) controls the overall operation of each component of the product purchase screen providing system (1000). The processor (1100) can perform operations on at least one application or program for executing 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 one or more computer programs (1500) from the storage (1300) to execute methods / operations according to various embodiments of the present disclosure. The bus (1600) provides a communication function between components of the product purchase screen providing system (1000). The communication interface (1200) supports Internet communication of the product purchase screen providing system (1000). The storage (1300) can non-temporarily store one or more computer programs (1500). The computer program (1500) may include one or more instructions implementing methods / operations according to various embodiments of the present disclosure. When the computer program (1500) is loaded into the memory (1400), the processor (1100) may execute the one or more instructions to perform the methods / operations according to various embodiments of the present disclosure.

[0136] In some embodiments, the product purchase screen providing system (1000) described with reference to FIG. 10 may be configured using one or more physical servers included in a server farm based on cloud technology such as a virtual machine. In this case, at least some of the components illustrated in FIG. 10, such as the processor (1100), memory (1400), and storage (1300), may be virtual hardware, and the communication interface (1200) may also be configured as a virtualized networking element such as a virtual switch.

[0137] Various embodiments of the present disclosure and effects according to the embodiments have been described with reference to FIGS. 1 through 10. The effects according to the technical concept of the present disclosure are not limited to the effects described above, and other effects not mentioned will be clearly understood by those skilled in the art from the description below.

[0138] The technical concepts of the present disclosure described so far can be implemented as computer-readable code on a computer-readable medium. The computer program recorded on the computer-readable recording medium can be transmitted to another computing device via a network such as the Internet, installed on the other computing device, and thus used on the other computing device.

[0139] Although the operations are depicted in a specific order in the drawings, it should not be understood that the operations must be performed in the specific order depicted, or in a sequential order, or that all depicted operations must be performed to achieve the desired results. In certain circumstances, multitasking and parallel processing may be advantageous. Although the embodiments of the present disclosure have been described above with reference to the attached drawings, those skilled in the art to which the present disclosure pertains will understand that the present invention can be implemented in other specific forms without changing the technical spirit or essential characteristics thereof. Therefore, it should be understood that the embodiments described above are illustrative in all respects and not restrictive. The scope of protection of the present invention should be interpreted by the claims below, and all technical ideas within a scope equivalent thereto should be interpreted as being included in the scope of the technical ideas defined by the present disclosure.

Claims

1. In a method performed by a computing device, A step of displaying a detailed information screen for a product registered on an e-commerce platform; In response to a long-tap input on the above detailed information screen, a step of switching the above detailed information screen to an option selection screen that allows a predefined gesture input; A step of receiving a predefined first gesture for the above option selection screen; and In response to the first gesture, comprising a step of displaying a purchase screen for the product, How to provide a product purchase screen.

2. In paragraph 1, The above first gesture is a swipe input in the first direction, The above purchase screen is the payment screen for the above product. How to provide a product purchase screen.

3. In paragraph 2, The step of displaying the purchase screen for the above product is: The step of displaying an animation in which the option selection screen disappears in the first direction on the display of the computing device, How to provide a product purchase screen.

4. In paragraph 2, The step of displaying the purchase screen for the above product is: The payment screen comprises a step of displaying an animation appearing in the first direction on the display of the computing device. How to provide a product purchase screen.

5. In paragraph 1, The above first gesture is a swipe input in the second direction, The above purchase screen is a shopping cart screen that includes the above product. How to provide a product purchase screen.

6. In paragraph 5, The step of displaying the purchase screen for the above product is: A step of displaying an animation in which the option selection screen disappears in the second direction from the display of the computing device and the shopping cart screen appears in the second direction from the display of the computing device, How to provide a product purchase screen.

7. In paragraph 1, The above option selection screen is, A screen where horizontal scroll input is not possible. How to provide a product purchase screen.

8. In paragraph 1, The first gesture includes multiple swipe inputs in different directions, The purchase screen for the product matching each of the above multiple swipe inputs is: Depending on the direction of the above swipe input, How to provide a product purchase screen.

9. In a method performed by a computing device, A step of displaying a stack of cards in which detailed information cards for each of multiple products registered on an e-commerce platform are overlapped; A step of receiving a predefined first gesture for a detailed information card for a first product placed at the top of the card stack; In response to the first gesture, a step of transmitting purchase decision information for the first product matching the first gesture to a service server and displaying an animation in which a detailed information card for the first product disappears from the display of the computing device; and Including a step of displaying a detailed information card for a second product located next to the first product in the card stack, How to provide a product purchase screen.

10. In paragraph 9, The first gesture includes multiple swipe inputs in different directions, The purchase decision information for the product matching each of the above multiple swipe inputs is: Depending on the direction of the above swipe input, How to provide a product purchase screen.

11. In paragraph 10, The first gesture includes a swipe input in a first direction, The purchase decision information for the product matching the swipe input in the first direction above is payment request information for the product. How to provide a product purchase screen.

12. In paragraph 11, The first gesture includes a swipe input in a second direction different from the first direction, The purchase decision information for the product matching the swipe input in the second direction is the shopping cart request information for the product. How to provide a product purchase screen.

13. In paragraph 9, The above first gesture is a swipe input in the first direction, The above purchase decision information is payment request information for the above product. Between the step of displaying the animation and the step of displaying the detailed information card for the second product, further comprising the step of displaying a payment screen for the first product. How to support product purchases.

14. In paragraph 9, The above first gesture is a swipe input in the third direction, The purchase decision information for the product matching the swipe input in the third direction above is purchase pending information for the product. An animation in which the detailed information card for the above first product disappears from the display of the computing device, An action that includes placing the detailed information card for the first product at the bottom of the card stack, How to support product purchases.

15. In paragraph 9, A step of receiving a predefined second gesture for a detailed information card for the second product; and In response to the second gesture, comprising a step of displaying a detailed information card for the first product, How to support product purchases.

Images