Method, device and recording medium for providing multiple product images

Abstract

A technique for providing multiple product images is disclosed. A method performed by an electronic device according to one aspect of the present disclosure may comprise the steps of: outputting a first page including at least one of a thumbnail for a target product, text data for the target product, and a graphic object indicating that there are multiple images for the target product; and, in response to receiving a first user input for at least one of the thumbnail and the graphic object, outputting a plurality of floating images including the images for the target product on the first page.

Description

Method, device and recording medium for providing multiple product images

[0001] The present disclosure relates to a method for providing multiple images of a product on a screen of limited size.

[0002] Recent advancements in communication technology and changes in social and environmental factors have led to the expansion and widespread adoption of delivery ordering services via online platforms. Users can enter search keywords to find desired products on online platforms and conveniently order products based on the search results. In particular, search results pages often include images of the products found, and product images are a key factor influencing users' purchasing decisions.

[0003] However, due to limitations in the screen size of the user's device, it may not be possible to display all information about multiple products included in the search results page. For example, even if a product has multiple images, screen limitations may prevent all images from being displayed. Furthermore, if multiple actions are required to view multiple product images, this can lead to user fatigue and a decrease in purchasing intent.

[0004] A technical problem to be solved through one embodiment of the present disclosure is to inform a user that there are multiple product images for a target product, and guide the user to view various product images.

[0005] Another technical challenge to be solved through one embodiment of the present disclosure is to improve user convenience and customer experience by displaying multiple product images with minimal user input.

[0006] Another technical problem to be solved through one embodiment of the present disclosure is to provide an environment in which a detailed page of a target product can be conveniently purchased in response to a user input for a plurality of product images.

[0007] 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.

[0008] A method performed by an electronic device according to one aspect of the present disclosure may include the steps of: outputting a first page including at least one of a thumbnail for a target product, text data for the target product, and a graphic object indicating that there are a plurality of images for the target product; and, in response to receiving a first user input for at least one of the thumbnail and the graphic object, outputting a plurality of floating images including an image for the target product on the first page.

[0009] In one embodiment, the first page includes a plurality of products including the target product arranged in a predetermined layout, and the step of outputting a plurality of floating images of the target product may further include a step of determining a position at which the plurality of floating images of the target product are output based on the layout of the first page.

[0010] In one embodiment, the step of determining the position at which the plurality of floating images of the target product are output may include the step of determining the position of each of the plurality of floating images so that the plurality of floating images are arranged in one of a semicircular shape, a horizontal line shape, a vertical line shape, and a circular shape.

[0011] In one embodiment, the step of outputting a plurality of floating images of the target product may include, when the plurality of floating images are arranged in a semicircular or circular shape, a step of arranging the plurality of floating images in a circular or semicircular shape centered on a central point of one of the thumbnails or the graphic objects.

[0012] In one embodiment, the step of outputting a plurality of floating images of the target product may further include the step of checking the number of the plurality of floating images; and the step of determining that the plurality of floating images move in a circular manner along a predetermined path in response to the number of the plurality of floating images being greater than or equal to a predetermined number.

[0013] In one embodiment, the step of determining that the plurality of floating images move in a circular manner along a predetermined path may further include the step of determining that the plurality of floating images move along the path at a first speed; and the step of determining that the plurality of floating images move along the path at a second speed that is faster than the first speed in response to receiving a fourth user input for one of the plurality of floating images.

[0014] In one embodiment, the fourth user input may be a swipe input.

[0015] In one embodiment, the step of determining that the plurality of floating images move in a circular manner along a predetermined path may further include the step of determining a target position within the path; and the step of determining a size of each of the plurality of floating images based on a distance between each of the plurality of floating images and the target position on the path.

[0016] In one embodiment, the step of determining that the plurality of floating images move in a circular manner along a predetermined path may further include the step of determining a target position within the path; and the step of determining the transparency of each of the plurality of floating images based on a distance between each of the plurality of floating images and the target position on the path.

[0017] In one embodiment, the method may further include a step of enlarging the selected image to a predetermined size in response to receiving a second user input selecting one of the plurality of floating images.

[0018] In one embodiment, the method may further include the step of outputting a second page corresponding to the selected image in response to receiving a third user input for the selected image.

[0019] In one embodiment, the floating image includes a review image registered by a purchaser of the target product, and the step of outputting the second page may further include a step of outputting a review page including a review of the purchaser's target product based on the third user input for the review image.

[0020] In one embodiment, the first user input may be a press input, the second user input may be a drag input, and the third user input may be a drop input.

[0021] In one embodiment, the graphic object may include at least one of text indicating the number of the plurality of floating images, text indicating that there are multiple images for the target product, and an icon indicating that there are multiple images for the target product.

[0022] In one embodiment, the floating image may include a video of the target product.

[0023] An electronic device according to one embodiment of the present disclosure comprises one or more processors, one or more memories storing instructions to be executed by the one or more processors, and when the instructions are executed by the one or more processors, the one or more processors may be configured to execute a method according to the present disclosure.

[0024] In one embodiment of the present disclosure, a non-transitory computer-readable recording medium having recorded thereon instructions that, when executed by one or more processors, cause the one or more processors to perform an operation, the instructions may be configured to cause the one or more processors to perform a method according to the present disclosure.

[0025] According to various embodiments of the present disclosure, it is possible to inform a user that there are multiple product images for a target product, and guide the user to view various product images.

[0026] According to various embodiments of the present disclosure, user convenience and customer experience can be improved by displaying multiple product images with minimal user input.

[0027] According to various embodiments of the present disclosure, an environment in which a detailed page of a target product is provided in response to a user input for a plurality of product images can be conveniently purchased.

[0028] The effects according to the technical idea of ​​the present disclosure are not limited to the effects mentioned above, and other effects not mentioned can be clearly understood by a person skilled in the art from the description of the specification.

[0029] FIG. 1 illustrates an environment in which an electronic device according to one embodiment of the present disclosure can be applied.

[0030] FIG. 2 is a block diagram of an electronic device according to one embodiment of the present disclosure.

[0031] FIGS. 3A to 3D illustrate examples of a first page including a graphic object indicating that there are multiple product images of a target product according to one embodiment of the present disclosure.

[0032] FIGS. 4A to 4C illustrate a plurality of floating images output on a first page in response to a first user input for a graphic object according to one embodiment of the present disclosure.

[0033] FIG. 5 illustrates an example of selecting one image from among a plurality of floating images according to one embodiment of the present disclosure.

[0034] FIG. 6 illustrates movement of multiple floating images according to a fourth user input for multiple floating images according to one embodiment of the present disclosure.

[0035] FIG. 7 is a flowchart of a method for providing multiple product images according to one embodiment of the present disclosure.

[0036] The various embodiments described in this document are exemplified for the purpose of clearly explaining the technical concept of the present disclosure and are not intended to limit it to a specific embodiment. The technical concept of the present disclosure includes various modifications, equivalents, alternatives, and embodiments selectively combining all or part of each embodiment described in this document. Furthermore, the scope of the technical concept of the present disclosure is not limited to the various embodiments presented below or the specific descriptions thereof.

[0037] Terms used in this document, including technical or scientific terms, unless otherwise defined, may have the meaning commonly understood by one of ordinary skill in the art to which this disclosure belongs.

[0038] The expressions "includes," "may include," "comprises," "may have," "have," and "may have" used in this document imply the presence of a target feature (e.g., a function, operation, or component), but do not exclude the presence of other additional features. In other words, such expressions should be understood as open-ended terms that imply the possibility of including other embodiments.

[0039] The singular forms used in this document may include the plural form unless the context clearly indicates otherwise, and this also applies to the singular forms set forth in the claims.

[0040] The expressions "first," "second," or "first", "second", etc. used in this document, unless the context indicates otherwise, are used to refer to multiple similar objects and to distinguish one object from another, and do not limit the order or importance among the objects.

[0041] As used herein, the expressions "A, B, and C", "A, B, or C", "A, B, and / or C", or "at least one of A, B, and C", "at least one of A, B, or C", "at least one of A, B, and / or C", etc., may refer to each of the listed items or to all possible combinations of the listed items. For example, "at least one of A or B" may refer to (1) at least one A, (2) at least one B, (3) at least one A and at least one B.

[0042] The expression "based on" as used in this document is used to describe one or more factors that influence the decision, act of judgment, or action described in the phrase or sentence containing the expression, and this expression does not exclude additional factors that influence the decision, act of judgment, or action.

[0043] As used herein, the expression that a component (e.g., a first component) is “connected” or “connected” to another component (e.g., a second component) may mean that the component is directly connected or connected to the other component, as well as connected or connected via a new other component (e.g., a third component).

[0044] The expression "configured to" as used in this document can mean "set to do", "having the ability to do", "modified to do", "made to do", "capable of doing", etc., depending on the context. The expression is not limited to the meaning of "specifically designed in hardware", and for example, a processor configured to perform a specific operation can mean a generic-purpose processor that can perform the specific operation by executing software.

[0045] Hereinafter, various embodiments of the present disclosure will be described with reference to the attached drawings. In the attached drawings and the description of the drawings, identical or substantially equivalent components may be assigned the same reference numerals. Furthermore, in the description of various embodiments below, duplicate descriptions of identical or corresponding components may be omitted, but this does not mean that the corresponding components are not included in the embodiments.

[0046] FIG. 1 is a diagram illustrating an environment in which an electronic device according to one embodiment of the present disclosure can be applied.

[0047] An electronic device (110) and a user terminal (120) are connected via a network and can communicate with each other. The electronic device (110) may be a server or a terminal distinct from the user terminal (120).

[0048] The electronic device (110) may be a server device that provides an e-commerce service. That is, the electronic device (110) may be a server device operated under the management of an operator of the e-commerce service.

[0049] An electronic device (110) can manage information about users using e-commerce services. The user information managed by the electronic device (110) may include, for example, the user's name, age, address, or contact information. Managing user information can encompass a series of actions involving controlling and processing that information. For example, managing user information can include storing, updating, or modifying that information.

[0050] An electronic device (110) can manage information about items provided by an e-commerce service. An e-commerce service may provide users with a service that allows them to purchase goods, such as items, food, or products. Alternatively, the e-commerce service provided by the electronic device (110) may include a service that mediates the sale of goods by some users to other users. Information about items managed by the electronic device (110) may include, for example, item identification information, item name, product information corresponding to the item, item price, item capacity, item size, item weight, item attributes, category, or unit price. An item may be a sales unit of a product, and even for the same product, it may be provided to users as different items. For example, even for the same product, it may be sold as different items with different sales unit quantities and prices. Therefore, different items may share product information. Managing information about an item can collectively refer to a series of actions that control and process that information. For example, managing information about an item may include storing, updating, or modifying that information.

[0051] The electronic device (110) can manage various information to be provided to users using e-commerce services. Based on requests from an administrator managing the e-commerce service or a user using the e-commerce service, the electronic device (110) can manage various data necessary to provide e-commerce services. For example, the electronic device (110) can create, modify, store, or provide to users data related to various pages associated with the e-commerce service, such as an item list page, a product detail page, a search results page, a product sales page, an event page, and landing pages requested by users.

[0052] Regarding the management method of the electronic device (110), in one embodiment, the electronic device (110) can manage information accompanying the provision of an electronic commerce service based on a user's input.

[0053] In one embodiment, the electronic device (110) may provide a page related to an e-commerce service to a user terminal (120) based on a request from a user using the e-commerce service. Here, the page related to the e-commerce service provided to the user terminal (120) may include a page that provides various information regarding items that the user can purchase, a page regarding the purchase of an item requested by the user, a shopping cart page for the purchase of an item, a page providing a list of items searched in various ways, a page providing detailed information about an item, etc. The page providing operation may include an operation of providing the user with at least a portion of all data generated in the process of the user using the e-commerce service.

[0054] In addition, the electronic device (110) can manage transactions related to e-commerce services provided to users, i.e., transactions related to online products (e.g., goods or services). That is, the electronic device (110) can manage a series of processes, such as allowing users to search for, select, purchase, pay for, and request delivery of items. As such processes, the electronic device (110) can provide information regarding items and delivery to the user so that the user can search for, select, purchase, pay for, and request delivery of items, and can receive purchase, payment, and delivery requests from the user. In addition, it should be noted that even if an operation that the electronic device (110) can perform is not mentioned in the present disclosure, if it is a general operation that a server device providing a known e-commerce service can perform, applying the technical ideas of the present disclosure with reference to that operation is not excluded from the scope of the present disclosure.

[0055] The electronic device (110) may be a server device that manages an e-commerce service. In other words, the electronic device (110) may be a server device that manages a platform that provides an e-commerce service. A user may subscribe to the e-commerce service and purchase an item through the e-commerce service. The user terminal (120) may transmit an input requesting item information to the electronic device (110), and the electronic device (110) may provide the item information to the user terminal (120).

[0056] The electronic device (110) described above may be implemented as one or more computing devices. For example, all functions of the electronic device (110) may be implemented in a single computing device. For another example, a first function of the electronic device (110) may be implemented in a first computing device, and a second function may be implemented in a second computing device. As another example, multiple computing devices may be used, each of which implements all or specific functions of the electronic device (110). The computing devices described above may be, but are not limited to, a desktop computer, a laptop computer, an application server, a proxy server, or a cloud server, and any type of device equipped with computing functions may be a computing device.

[0057] The user terminal (120) may be a device for a user to use an e-commerce service. The user terminal (120) may be implemented as a terminal capable of transmitting and receiving various information with the electronic device (110) via a network. For example, the user terminal (120) may be one of a computer, a laptop, a portable communication terminal (such as a smartphone), a portable multimedia device, a wearable device, or an HMD. However, the type of the user terminal (120) is not limited thereto, and the user terminal (120) may be any device that includes an input / output interface capable of receiving information from a user or outputting information to a user, and that can communicate with the electronic device (110) or other devices via a network.

[0058] The user terminal (120) can provide information received from the electronic device (110) to the user, and can receive input from the user and transmit it to the electronic device (110). Specifically, the user terminal (120) can obtain inputs from the user that instruct to call various pages, and generate commands that instruct to call various pages in response to the obtained inputs. The user terminal (120) can transmit commands that instruct to call various pages to the electronic device (110). The input obtained from the user can include various forms of input, such as a click using a mouse, a touch using a touchpad or a touch screen, voice recognition, and other electronic inputs. The user terminal (120) can receive various pages from the electronic device (110) and output the received various pages.

[0059] The user terminal (120) may be a device for a user to use a delivery order service. The user terminal (120) may be implemented as a terminal capable of transmitting and receiving various information with the electronic device (110) via a network. For example, the user terminal (120) may be one of a computer, a laptop, a portable communication terminal (such as a smartphone), a portable multimedia device, a wearable device, or an HMD. However, the type of the user terminal (120) is not limited thereto, and the user terminal (120) may be any device that includes an input / output interface capable of receiving information from a user or outputting information to a user, and that can communicate with the electronic device (110) or other devices via a network.

[0060] A network may serve to connect an electronic device (110) and a user terminal (120) or other external device. For example, the network may provide a connection path so that a user terminal (120) or other external device can be connected to the electronic device (110) and transmit and receive packet data with the electronic device (110). The network may be implemented as any type of wired or wireless network, such as a local area network (LAN), a wide area network (WAN), a mobile radio communication network, or Wibro (Wireless Broadband Internet).

[0061] In one embodiment, the electronic device (110) and the user terminal (120) may operate as a single device. The user terminal (120) may be included in the electronic device (110) as a component of all or part of the electronic device (110). In this case, for example, various types of information exchanged between the electronic device (110) and the user terminal (120) via a network may be various types of information exchanged between components within a single device.

[0062] Electronic devices (e.g., electronic device (110)) according to various embodiments of the present disclosure may be devices of various forms. For example, the electronic device (110) may be a portable communication device, a computer device, a portable multimedia device, a wearable device, a home appliance device, or a device according to a combination of one or more of the above-described devices. The electronic device (110) of the present disclosure is not limited to the above-described devices.

[0063] FIG. 2 is a block diagram of an electronic device according to one embodiment of the present disclosure.

[0064] An electronic device (200) can process information regarding an e-commerce service. In one embodiment, the electronic device (200) may include one or more processors (210), one or more memories (220), and a communication interface (230) as components. In one embodiment, at least one of the components of the electronic device (200) may be omitted, or another component may be added to the electronic device (200). In one embodiment, additionally or alternatively, some of the components may be implemented in an integrated manner or implemented as a single or multiple entities. In the present disclosure, one or more processors (210) may be referred to as a processor (210). The expression “processor (210)” may mean a set of one or more processors, unless the context clearly indicates otherwise. In the present disclosure, one or more memories (220) may be referred to as a memory (220). The expression "memory (220)" may mean a set of one or more memories, unless the context clearly indicates otherwise. In one embodiment, at least some of the components inside / outside the electronic device (200) may be connected to each other via a bus, a General Purpose Input / Output (GPIO), a Serial Peripheral Interface (SPI), or a Mobile Industry Processor Interface (MIPI), and may exchange information (data, signals, etc.).

[0065] The communication interface (communication interface, 230) can communicate with the user's terminal and an external device. The communication interface (230) can perform wireless or wired communication between the electronic device (200) and the terminal. For example, the communication interface (230) can perform wireless communication according to a method such as eMBB (enhanced Mobile Broadband), URLLC (Ultra Reliable Low-Latency Communications), MMTC (Massive Machine Type Communications), LTE (Long-Term Evolution), LTE-A (LTE Advance), NR (New Radio), UMTS (Universal Mobile Telecommunications System), GSM (Global System for Mobile communications), CDMA (Code Division Multiple Access), WCDMA (Wideband CDMA), WiBro (Wireless Broadband), WiFi (Wireless Fidelity), Bluetooth (Bluetooth), NFC (Near Field Communication), GPS (Global Positioning System), or GNSS (Global Navigation Satellite System). For example, the communication interface (230) may perform wired communication according to a method such as Universal Serial Bus (USB), High Definition Multimedia Interface (HDMI), Recommended Standard-232 (RS-232), or Plain Old Telephone Service (POTS). In one embodiment, the electronic device (200) may be implemented by being integrated with another device. In this case, the communication interface (230) may function as a connection circuit or interface connecting the electronic device (200) and the other device.

[0066] The processor (210) can control at least one component of the electronic device (200) connected to the processor (210) by running software (e.g., commands, programs, etc.). In addition, the processor (210) can perform various operations related to the present disclosure, such as calculations, processing, data generation, and processing. In addition, the processor (210) can load data from the memory (220) or store data in the memory (220). Furthermore, the processor (210) can transmit and receive various information with the user's terminal and external devices through the communication interface (230). In one embodiment, the processor (210) can control the communication interface (230) to transmit various information, such as information on various pages, to the user's terminal.

[0067] The memory (220) can store various information (data). The information stored in the memory (220) is information acquired, processed, or used by at least one component of the electronic device (200), and may include software (e.g., commands, programs, etc.). The memory (220) may include volatile and / or non-volatile memory. In the present disclosure, the commands or programs are software stored in the memory (220), and may include an operating system for controlling the resources of the electronic device (200), an application, and / or middleware for providing various functions to the application so that the application can utilize the resources of the electronic device (200). In one embodiment, the memory (220) may store commands that cause the processor (210) to perform operations when executed by the processor (210). The memory (220) may store at least a portion of information received from the terminal via the communication interface (230) and / or information transmitted to the terminal via the communication interface (230). The processor (210) can store at least a portion of information received from the terminal through the communication interface (230) and / or information transmitted to the terminal through the communication interface (230) in the memory (220).

[0068] A user may input a keyword for product search on a user terminal, and the processor may receive the search keyword from the user terminal. The processor may provide a first page (e.g., a search results page) corresponding to the search keyword received from the user terminal. The first page may include a plurality of products corresponding to the search keyword, and may include a thumbnail for each product and text data containing information about the product. The first page may arrange the plurality of products corresponding to the search keyword in a predetermined layout. For example, the plurality of products may be arranged in one column or in two or more columns. The thumbnail is an image representing each product and may be displayed on the first page along with text data about each product. In addition to the thumbnail, there may be multiple images for each product, but they may not be displayed on the initial screen of the first page. For example, the product image may include a basic image registered by the seller of the product or registered on an online platform, and a review image registered by a purchaser of the product on the product review page. The initial screen of the first page may mean a state in which the user has not made any action on a page provided based on keywords acquired by the processor.

[0069] The processor may provide a first page further including a graphic object indicating that there are multiple images for the product. For example, the graphic object may include at least one of text indicating the number of images for the product (e.g., a number such as "+3"), text indicating that there are multiple images for the product (e.g., the word "image"), and an icon indicating that there are multiple images for the product. In another embodiment, the processor may provide a first page including a thumbnail indicating that there are multiple images for the product. For example, the thumbnail of the first page may be composed of multiple images or may be an image of multiple images overlapping each other.

[0070] In response to receiving a first user input regarding at least one of a thumbnail and a graphic object of a product selected by the user from among products displayed on the first page (hereinafter, "target product"), the processor may output a plurality of floating images of the target product on the first page. The floating image may refer to a form in which an image of the target product is displayed on an upper layer of the first page. According to one embodiment, the floating image may include a thumbnail of a video of the target product. For example, in response to receiving the first user input, the processor may place the images of the target product in a predetermined position in an area of ​​the first page. If a video is included among the floating images, the processor may generate a floating image including a still image of the video and a button (e.g., a play button) indicating that the video is included. The processor may play the video based on the user input for the button. The first user input may be a press or a long touch and hold, but examples of the first user input are not limited thereto and may include various forms of input, such as a touch or a touch and hold. In one embodiment, the floating image may not include a thumbnail of the target product.

[0071] The processor can determine the arrangement of floating images of the target product. For example, the processor can determine the position of each of the plurality of floating images so that the floating images of the target product are arranged in one of the following shapes: a semicircle, a horizontal line, a vertical line, or a circle. When arranging the plurality of floating images of the target product in a semicircle or circle shape, the processor can arrange the floating images in a circle or semicircle shape centered around the center point of the thumbnail or one of the graphic objects.

[0072] In one embodiment, the processor may determine the arrangement of floating images of target products based on the layout of products included on the first page. In one embodiment, the processor may determine the location where the floating images are output so as to minimize overlap with the area where information about the target product is displayed. For example, the processor may determine the location where the floating images are output so that the floating images of the target product and the information about the target product do not overlap. For example, if products are arranged in a single column on the first page, the floating images of the target product may be arranged in a horizontal line so as not to overlap with the area where information about the target product is displayed. Alternatively, if products are arranged in two columns on the first page, the floating images of the target product may be arranged in a vertical line so as not to overlap with the area where information about the target product is displayed. The processor may determine the arrangement of the floating images of the target product based on the arrangement of other products or the information about the target product on the first page.

[0073] The processor may determine whether to move the floating images based on the number of floating images of the target product. According to one embodiment, if the number of floating images of the target product is greater than or equal to a predetermined number (e.g., 5), the processor may determine that the floating images move cyclically along a predetermined path in a predetermined direction (e.g., clockwise, counterclockwise, left-to-right, right-to-left, up-to-down, down-to-up, etc.). In other words, the processor may determine that the floating images move along the predetermined path without a separate user input, thereby providing all images of the target product without requiring additional input from the user. For example, if the number of floating images of the target product is greater than or equal to a predetermined number and are arranged in a semicircle, the processor may determine that the floating images move cyclically along a circle centered on a thumbnail of the target product or a graphic object of the target product. Similarly, even if the floating images of the target product are arranged in a horizontal, vertical, or circular form, the floating images may be displayed on the first page in a cyclic manner based on the arrangement form.

[0074] In one embodiment, the processor may change the speed at which the plurality of floating images move based on user input received. For example, in response to receiving a swipe input in the direction in which the plurality of floating images move, the processor may increase the speed at which the floating images move. Conversely, in response to receiving a swipe input in the opposite direction of the direction in which the plurality of floating images move, the processor may decrease the speed at which the floating images move.

[0075] The processor can determine the size of each floating image of the target product. In one embodiment, the size of each floating image may be within a predetermined margin of error compared to the size of the thumbnail. In another embodiment, the processor can determine the size based on the location of each floating image. For example, when the floating images move, the processor can determine a point on the path along which the floating images move, and determine the size of each floating image based on the distance between each floating image and the point on the path. For example, the processor can increase the size of the floating image as the floating image gets closer to the point on the path, and decrease the size of the floating image as the floating image gets farther from the point on the path. In one embodiment, the processor can determine the size of the floating images in response to a zoom input. For example, the processor can increase the size of the floating images in response to a zoom-in input, or decrease the size of the floating images in response to a zoom-out input.

[0076] The processor may, in response to receiving a second user input for selecting one image from among a plurality of floating images, enlarge the selected image to a predetermined size. For example, the second user input may be a drag input. The processor may, in response to receiving a drag input for one image from among the plurality of floating images, enlarge the selected image. For example, the processor may, in response to receiving a press input for a graphic object of the target product, display a plurality of floating images of the target product, and, when receiving a drag input from a point where the press input is input to one image from among the plurality of floating images of the target product, determine that an image corresponding to an end point of the drag input is selected and enlarge the size of the corresponding image to a predetermined size.

[0077] In one embodiment, when multiple floating images of a target product are moving, the processor may fix the positions of the multiple floating images in response to receiving a second user input. For example, the processor may output and move the multiple floating images in response to receiving a first user input, and then, in response to receiving a second user input, the processor may enlarge a selected image, simultaneously stopping the movement of the floating images and fixing them in their current positions.

[0078] In response to receiving a third user input regarding the selected image, the processor may output a second page (e.g., a product detail page, a review page) corresponding to the selected image. For example, the third user input may be a drop input. If the user terminates the touch input on the selected image, the processor may output a second page displaying the corresponding image. In one embodiment, the plurality of floating images may include review images registered by purchasers of the target product. In response to receiving a third user input regarding the review image, the processor may output the review page.

[0079] FIGS. 3A to 3D illustrate examples of a first page including a graphic object indicating that there are multiple product images of a target product according to one embodiment of the present disclosure.

[0080] The processor may generate a first page (300) based on a search keyword received from a user terminal. The processor may generate the first page (300) including one or more products (310, 320) corresponding to the search keyword. For example, the processor may generate the first page (300) including a thumbnail (312) of a target product (310), text data (314) including information about the target product (310), and graphic objects (316a, 316b, 316c) indicating the presence of multiple images of the target product (310). The graphic objects (316a, 316b, 316c) may include at least one of text (316a) indicating the number of images for the target product (310), text (316b) indicating that there are multiple images for the target product (310), and icon (316c) indicating that there are multiple images for the target product (310). According to one embodiment, the processor may also generate a thumbnail (312) indicating that there are multiple images for the target product (310). By adding a graphic object to the first page (300) or generating a thumbnail indicating that there are multiple images for the target product, there is an effect of providing an environment in which a user can intuitively recognize that there are multiple images for the target product.

[0081] Referring to FIG. 3a, the graphic object may include text indicating the number of images for the target product (310). For example, if the number of images of the target product (310) excluding thumbnails is three, the processor may output a graphic object (316a) including "+3."

[0082] Referring to FIG. 3b, the graphic object may be text indicating that there are multiple images for the target product (310). For example, if there are images of the target product (310) other than the thumbnail, the processor may output a graphic object (316b) containing a specified phrase (e.g., "image").

[0083] Referring to FIG. 3c, the graphic object may be an icon indicating that there are multiple images for the target product (310). For example, if there are multiple images of the target product (310) excluding thumbnails, the processor may output a graphic object (316c) in the form of an icon.

[0084] Referring to FIG. 3D, the processor may generate a thumbnail (312) indicating that there are multiple images for the target product (310). For example, the processor may generate a thumbnail (312) in which images are overlapped as many times as the number of images for the target product (310) or as many times as a predetermined number.

[0085] FIGS. 4A to 4C illustrate a plurality of floating images output on a first page in response to a first user input for a graphic object according to one embodiment of the present disclosure.

[0086] In response to receiving a first user input (412) for a graphic object (410), the processor may output a plurality of floating images (420) for a target product. According to one embodiment, the area where the first user input (412) is received is not limited to the graphic object (410) and may be a thumbnail of the target product. However, for convenience, the first user input (412) is described below as being received for the graphic object (410). The first user input (412) may be, for example, a press input (or, long touch and hold), a touch input, or a touch and hold input. In response to receiving the first user input (412) received by a user terminal through an input device, the processor may output a plurality of floating images (420) for the target product.

[0087] According to one embodiment, the plurality of floating images (420) for the target product may be images registered on an online platform by various entities, such as a seller, a buyer, or an e-commerce service operator. For example, the plurality of floating images (420) may be basic images registered by a seller or an e-commerce service operator, or review images registered by a buyer while writing a review of the target product. According to one embodiment, the plurality of floating images may not include thumbnails, but embodiments of the present disclosure are not limited thereto.

[0088] The processor may determine the positions at which the plurality of floating images (420) are output. According to one embodiment, the processor may determine the positions at which the plurality of floating images (420) of the target product are output based on the layout in which the plurality of products are arranged on the first page (400). For example, the processor may determine the positions at which the plurality of floating images (420) are output so that the positions at which the plurality of floating images (420) are output do not overlap with an area on the first page (400) where information about the target product or other products is displayed.

[0089] The processor may determine, based on the number of floating images (420) of the target product, to cause the output floating images (420) to move in a circular motion along a predetermined path. In one embodiment, if the number of floating images (420) is greater than or equal to a predetermined number (e.g., 5), the processor may determine that the floating images (420) move in a circular motion along a predetermined path. For example, the floating images (420) of the target product may move along the predetermined path and be displayed on the first page (400). Conversely, if the number of floating images (420) is less than the predetermined number, the user can view all images of the target product even if the floating images (420) do not move, and thus the positions of the floating images may not be moved. Through this, the processor may provide an environment in which users can view all images of the target product without additional manipulation. The path along which the floating images (420) move in a circular manner can be determined based on the position at which the floating images (420) are initially output. For example, if the floating images (420) are arranged in a semicircular shape, the path along which the floating images (420) move can be a semicircular shape (clockwise or counterclockwise), and if the floating images (420) are arranged in a straight line (horizontal line or vertical line), the path along which the floating images (420) move can also be a straight line (left->right, right->left, up->down, down->up).

[0090] Referring to FIG. 4A, in response to receiving a first user input (412) for a graphic object (410), the processor may arrange a plurality of floating images (420) in a semicircular shape centered around the graphic object (410). If the number of floating images (420) of the target product is greater than or equal to a predetermined number, the processor may determine that the floating images (420) move in a circular manner along a semicircular path. For example, the floating images (420) move clockwise along the arrows in FIG. 4A, and an image that moves downward may disappear from the screen and then be displayed again at the top.

[0091] Referring to FIG. 4B, in response to receiving a first user input (412) for a graphic object (410), the processor may arrange a plurality of floating images (420) in a vertical line shape. If the number of floating images (420) of a target product is greater than or equal to a predetermined number, the processor may determine that the floating images (420) move in a circular manner along a vertical line-shaped path. For example, the floating images (420) may move from bottom to top along the arrows in FIG. 4B, and an image that has moved to the top of the screen may disappear from the screen and then reappear at the bottom.

[0092] Referring to FIG. 4C, in response to receiving a first user input (412) for a graphic object (410), the processor may arrange a plurality of floating images (420) in a horizontal line shape. If the number of floating images (420) of the target product is greater than or equal to a predetermined number, the processor may determine that the floating images (420) move in a circular manner along a horizontal line-shaped path. For example, the floating images (420) move from left to right along the arrows in FIG. 4C, and an image that moves to the right side of the screen may disappear from the screen and then reappear on the left side.

[0093] According to one embodiment, the processor can adjust the size of each image based on the location where the plurality of floating images (420) are displayed. The processor can determine a target point along a path along which the floating image moves, and determine the size of the image based on the distance between each image and the target point. The target point may be, for example, a point closest to the center of the display of the user terminal among the points along the path of the floating images. For example, the processor can increase the size of the image as the distance between the floating image and the target point gets closer, and decrease the size of the image as the distance gets farther away.

[0094] According to one embodiment, the processor can adjust the transparency of each image according to the position at which the plurality of floating images (420) are displayed. The processor can determine a target point on a path along which the floating image moves, and determine the transparency of the image based on the distance between each image and the target point. For example, the processor can reduce the transparency of the image as the distance between the floating image and the target point gets closer, so that the image can be clearly displayed on the first page (400), and increase the transparency of the image as the distance gets farther away, so that other information on the first page (400) is not obscured.

[0095] In one embodiment, the processor can adjust the size and transparency of each floating image (420) based on its display location. For example, as the floating image moves away from the target point, the size of the image can be reduced while simultaneously increasing its transparency. As the floating image moves closer to the target point, the size of the image can be increased while simultaneously decreasing its transparency. This has the effect of allowing the user to focus on one image among multiple floating images.

[0096] FIG. 5 illustrates an example of selecting one image from among a plurality of floating images according to one embodiment of the present disclosure.

[0097] The processor may select and enlarge an image on the first page (500) based on a second user input (520) for one of the plurality of floating images (510). The second user input (520) may be, for example, a drag input. For example, if the user drags one of the plurality of floating images (510) following the first user input (412) for the graphic object, the processor may determine that the image is selected. In one embodiment, the processor may enlarge the selected image to a predetermined size. In one embodiment, when the plurality of floating images (510) are moving, the processor may stop the movement of the floating images (510) in response to receiving the second user input (520). Referring to FIG. 5, in response to receiving the second user input (520) for the target image, the processor may stop the movement of the floating images (510) and enlarge and display the target image.

[0098] The processor may output a second page corresponding to the selected image based on a third user input (530) regarding the selected image. The third user input (530) may be, for example, a drop input. In response to confirming that the user input for the selected image has ended, the processor may output a second page corresponding to the image. For example, if the selected image is a default image registered by the seller, the processor may output a product detail page for the target product. Alternatively, if the selected image is a review image registered by the buyer, the processor may output a review page for the target product.

[0099] FIG. 6 illustrates movement of multiple floating images according to a fourth user input for multiple floating images according to one embodiment of the present disclosure.

[0100] The processor may determine a speed at which the floating images (600) move in response to receiving a fourth user input (610) for the plurality of floating images (600). For example, the processor may determine that a predetermined number or more of the plurality of floating images (600) move along a predetermined path at a first speed, and, in response to receiving a fourth user input (610) for the plurality of floating images (600), determine a speed at which the plurality of floating images (600) move at a second speed that is faster than the first speed. For example, the fourth user input (610) may be a swipe input. If the fourth user input (610) is in a direction in which the floating images (600) move, the processor may determine that the floating images (600) move at a speed that is faster than the first speed (e.g., the second speed). Conversely, if the fourth user input (610) is made in the opposite direction to the direction in which the floating images (600) move, the processor may determine the speed at which the floating images (600) move to be slower than the first speed (e.g., a third speed). For example, referring to FIG. 6, if the floating images (600) are moving from top to bottom and a fourth user input (610) from top to bottom is received, the processor may increase the moving speed of the floating images (600), and if the fourth user input (610) from bottom to top is received, the processor may decrease the moving speed of the floating images (600). The embodiment in which the processor determines the moving speed of the plurality of floating images (600) is not limited to that described above, and the processor may also determine the moving speed according to the strength of the user's swipe input (swiping speed).

[0101] FIG. 7 is a flowchart of a method for providing multiple product images according to one embodiment of the present disclosure.

[0102] In step 710, the electronic device may output a first page including at least one of a thumbnail for a target product, text data for the target product, and a graphic object indicating that there are multiple images for the target product. The first page may include a plurality of products corresponding to a search keyword, and may include text data including a thumbnail for each product, information about the product, and a graphic object. The first page may arrange a plurality of products corresponding to the search keyword in a predetermined layout. The graphic object may include at least one of text indicating the number of images for the product, text indicating that there are multiple images for the product, and an icon indicating that there are multiple images for the product.

[0103] In step 720, the electronic device may output a plurality of floating images including an image of a target product on a first page in response to receiving a first user input for at least one of a thumbnail and a graphic object. In response to receiving the first user input, the electronic device may place the images of the target product at a predetermined location in an area of ​​the first page.

[0104] The electronic device may determine the position of each of the plurality of floating images so that the floating images of the target product are arranged in one of the following shapes: a semicircle, a horizontal line, a vertical line, or a circle. According to one embodiment, the electronic device may determine the arrangement of the floating images of the target product based on the layout in which the products included in the first page are arranged. According to one embodiment, the electronic device may determine the position at which the floating images are output so as to minimize overlap with the area where information about the target product is displayed.

[0105] An electronic device may determine whether to move floating images based on the number of floating images of a target product. According to one embodiment, if the number of floating images of a target product is greater than or equal to a predetermined number, the electronic device may determine to move the floating images in a circular manner along a predetermined path in a predetermined direction. According to one embodiment, the electronic device may change the speed at which a plurality of floating images move based on receiving a user input. For example, in response to receiving a swipe input in the direction in which the plurality of floating images move, the electronic device may increase the speed at which the floating images move. Conversely, in response to receiving a swipe input in the opposite direction to the direction in which the plurality of floating images move, the electronic device may decrease the speed at which the floating images move.

[0106] In one embodiment, the electronic device can determine the size of each of the floating images of the target product.

[0107] In step 730, the electronic device may, in response to receiving a second user input for selecting one of the multiple floating images, enlarge the selected image to a predetermined size. For example, the second user input may be a drag input. In one embodiment, if multiple floating images of the target product are moving, the electronic device may, in response to receiving the second user input, fix the positions of the multiple floating images.

[0108] In step 740, the electronic device may output a second page corresponding to the selected image in response to receiving a third user input regarding the selected image. In one embodiment, the plurality of floating images may include review images registered by purchasers of the target product. The electronic device may output the review page in response to receiving a third user input regarding the review image.

[0109] Although the steps of the method or algorithm according to the present disclosure are described in a sequential order in the flowchart illustrated in FIG. 7, the steps may be performed in any order that can be arbitrarily combined according to the present disclosure, in addition to being performed sequentially. The description according to this flowchart does not exclude changes or modifications to the method or algorithm, and does not imply that any step is essential or desirable. In one embodiment, at least some of the steps may be performed in parallel, iteratively, or heuristically. In one embodiment, at least some of the steps may be omitted, or other steps may be added.

[0110] Various embodiments of the present disclosure may be implemented as software on a machine-readable storage medium. The software may be software for implementing various embodiments of the present disclosure. The software may be inferred from various embodiments of the present disclosure by programmers skilled in the art to which the present disclosure pertains. For example, the software may be a program including machine-readable instructions (e.g., code or code segments). The device may be a device capable of operating according to instructions called from a storage medium, such as a computer. In one embodiment, the device may be an electronic device (200) according to embodiments of the present disclosure. In one embodiment, the processor of the device may execute the called instructions, causing components of the device to perform functions corresponding to the instructions. In one embodiment, the processor may be a processor (210) according to embodiments of the present disclosure. The storage medium may refer to any type of recording medium that stores data and can be read by the device. The storage medium may include, for example, ROM, RAM, CD-ROM, magnetic tape, floppy disk, optical data storage, etc. In one embodiment, the storage medium may be memory (220). In one embodiment, the storage medium may be implemented in a distributed form, such as in a network-connected computer system. The software may be distributed and stored and executed in a computer system, etc. The storage medium may be a non-transitory storage medium. A non-transitory storage medium means a tangible medium regardless of whether data is stored semi-permanently or temporarily, and does not include a signal that is propagated transitorily.

[0111] While the technical concept of the present disclosure has been described through various embodiments, it should be understood that the technical concept of the present disclosure encompasses various substitutions, modifications, and variations that can be made within the scope of those skilled in the art to which the present disclosure pertains. Furthermore, it should be understood that such substitutions, modifications, and variations are encompassed within the scope of the appended claims.

Claims

1. In a method performed by an electronic device, A step of outputting a first page including at least one of a thumbnail for a target product, text data for the target product, and a graphic object indicating that there are multiple images for the target product; A method comprising the step of outputting a plurality of floating images including an image of the target product on the first page in response to receiving a first user input for at least one of the thumbnail and the graphic object.

2. In paragraph 1, The above first page includes a plurality of products including the target product, arranged in a set layout, The step of outputting multiple floating images of the above target product is: A method further comprising the step of determining the positions at which a plurality of floating images of the target product are output based on the layout of the first page.

3. In paragraph 2, The step of determining the position where multiple floating images of the above target product are output is as follows: A method comprising the step of determining the position of each of the plurality of floating images so that the plurality of floating images are arranged in one of a semicircular shape, a horizontal line shape, a vertical line shape, and a circular shape.

4. In paragraph 3, The step of outputting multiple floating images of the above target product is: A method comprising the step of arranging the plurality of floating images in a circle or semicircle shape centered on a center point of one of the thumbnails or the graphic objects, when arranging the plurality of floating images in a semicircle or circle shape.

5. In paragraph 3, The step of outputting multiple floating images of the above target product is: A step of checking the number of the plurality of floating images; and A method further comprising a step of determining that the plurality of floating images move in a circular manner along a predetermined path in response to the number of the plurality of floating images being greater than or equal to a predetermined number.

6. In paragraph 5, The step of determining that the above plurality of floating images move in a circular manner along a predetermined path is: a step of determining that the plurality of floating images move along the path at a first speed; and A method further comprising, in response to receiving a fourth user input for one of the plurality of floating images, determining that the plurality of floating images move along the path at a second speed that is faster than the first speed.

7. In paragraph 6, A method wherein the fourth user input is a swipe input.

8. In paragraph 5, The step of determining that the above plurality of floating images move in a circular manner along a predetermined path is: a step of determining a target location within the above path; and A method further comprising the step of determining a size of each of the plurality of floating images based on a distance between each of the plurality of floating images and a target location on the path.

9. In paragraph 5, The step of determining that the above plurality of floating images move in a circular manner along a predetermined path is: A step of determining a target location within the above path; A method further comprising the step of determining the transparency of each of the plurality of floating images based on a distance between each of the plurality of floating images and a target location on the path.

10. In paragraph 1, A method further comprising the step of enlarging the selected image to a predetermined size in response to receiving a second user input selecting one image from among the plurality of floating images.

11. In paragraph 10, A method further comprising the step of outputting a second page corresponding to the selected image in response to receiving a third user input for the selected image.

12. In paragraph 11, The above floating image includes a review image registered by a purchaser of the target product, The step of printing the above second page is: A method further comprising the step of outputting a review page including a review of the buyer's target product based on the third user input for the review image.

13. In paragraph 12, The above first user input is a press input, The above second user input is a drag input, A method wherein the third user input is a drop input.

14. In paragraph 1, A method wherein the graphic object includes at least one of text indicating the number of the plurality of floating images, text indicating that there are multiple images for the target product, and an icon indicating that there are multiple images for the target product.

15. In paragraph 1, A method wherein the floating image includes a video of the target product.

16. In electronic devices, One or more processors, comprising one or more memories storing instructions executed by the one or more processors; An electronic device, wherein when the instructions are executed by the one or more processors, the one or more processors are configured to execute a method according to any one of claims 1 to 15.

17. In a non-transitory computer-readable recording medium, instructions are recorded that cause one or more processors to perform an operation when executed by one or more processors. A non-transitory computer-readable recording medium, wherein the instructions are configured to cause the one or more processors to execute a method according to any one of claims 1 to 15.

Images