JP2016139189A - Merchandise display program - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide new operability for selecting merchandise by online shopping.SOLUTION: A merchandise display program is configured to allow a computer to achieve a merchandise information storage part for, as for each of a plurality of merchandise, storing the merchandise and a first attribute value in a first attribute of the merchandise and a second attribute value in a second attribute and the image of the merchandise in association with each other; an operation reception part for receiving a first designation value for designating the first attribute and a second designation value for designating the second attribute in accordance with a coordinate value designated on a display area including a first direction associated with the first attribute and a second direction orthogonally crossed with the first direction and associated with the second attribute; a merchandise specification part for specifying merchandise having the first and second attribute values associated with the first and second designation values from among a plurality of merchandise by referring to the merchandise information storage part; and a merchandise display part for displaying the image of the specified merchandise.SELECTED DRAWING: Figure 6

Description

  The present invention relates to a product display program for displaying an image of a product specified from a plurality of products.

  With the spread of the Internet, online shopping has become widely used. In recent years, online shopping applications that operate on mobile terminals such as smartphones have also been provided (for example, Non-Patent Document 1).

“UNIQLO APP”, [online], UNIQLO Co., Ltd. [searched July 30, 1999], Internet <URL: http://www.uniqlo.com/app/>

  In online shopping, for example, by selecting a product category or searching with a keyword related to the product, select the product you are interested in from the list of products displayed and check the details of the product. The operation is performed. However, such an operation is commonplace and lacks the fun when selecting a product.

  This invention is made | formed in view of such a situation, and it aims at providing the new operativity for selecting goods by online shopping.

  A product display program according to one aspect of the present invention provides a computer with a first attribute value in a first attribute and a second attribute value in a second attribute of the product for each of a plurality of products. And a product information storage unit that stores the product image in association with each other, a first direction associated with the first attribute, and a second attribute that is orthogonal to the first direction. An operation for receiving a first designated value for designating a first attribute and a second designated value for designating a second attribute by a coordinate value designated on a display area including the designated second direction. A product specifying unit for specifying a product having first and second attribute values corresponding to the first and second specified values from among a plurality of products with reference to the reception unit and the product information storage unit, and specifying To display a product display unit that displays an image of the selected product It is.

  In the present invention, the “part” does not simply mean a physical means, but includes a case where the function of the “part” is realized by software. Also, even if the functions of one “unit” or device are realized by two or more physical means or devices, the functions of two or more “units” or devices are realized by one physical means or device. May be.

  ADVANTAGE OF THE INVENTION According to this invention, it becomes possible to provide the new operativity for selecting goods by online shopping.

It is a figure which shows an example of an online shopping system. 2 is a diagram illustrating an example of a configuration of a mobile terminal 100. FIG. 3 is a diagram illustrating an example of functional blocks of the mobile terminal 100. FIG. 6 is a diagram illustrating an example of product information stored in a product information storage unit 300. FIG. It is a figure which shows an example of the operation screen for selecting goods. It is a figure which shows the example of the state by which the image of the goods specified by the goods specific part 320 was displayed. It is a figure which shows the example of the state by which the image of the goods specified by the goods specific part 320 was displayed. It is a figure which shows an example of the screen where the detailed information of goods was displayed.

  Hereinafter, an embodiment of the present invention will be described with reference to the drawings. FIG. 1 is a diagram illustrating an example of an online shopping system. The online shopping system includes a mobile terminal 100 and an online shopping server 110. The mobile terminal 100 is a computer such as a smartphone or a tablet terminal, and can communicate with the online shopping server 110 via a network 120 including a wireless communication line of a mobile phone. The online shopping server 110 is a server that provides an online shopping service for clothes to the mobile terminal 100.

  In this embodiment, the product of the online shopping service is clothing, but the type of product is not limited to this. The online shopping service is not limited to the mobile terminal 100, and can be used on various computers such as a personal computer. Although only one portable terminal 100 is shown in FIG. 1, the service of the online shopping server 110 is provided to a plurality of computers. The online shopping server 110 can be configured using a plurality of computers such as a Web application server and a database server.

  FIG. 2 is a diagram illustrating an example of the configuration of the mobile terminal 100. The mobile terminal 100 includes a processor 200, a storage device 210, a touch panel 220, and a communication interface (I / F) 230. Note that FIG. 2 shows only the configuration necessary for the description of the present embodiment, and does not show all the configurations of the mobile terminal 100.

  The processor 200 executes various processes in the mobile terminal 100. The processor 200 can implement various functions in the mobile terminal 100 by executing a program stored in the storage device 210. The storage device 210 stores data and programs used in the mobile terminal 100. The storage device 210 includes, for example, a volatile memory in which data is temporarily stored, a non-volatile memory in which data is permanently stored, and the like. The touch panel 220 is provided with a touch input device for receiving a user input by a touch operation on a display for displaying an image. The communication I / F 230 is an interface for communicating with other devices. The communication I / F 230 includes, for example, an interface for connecting to a wireless communication line of a mobile phone, an interface for connecting to a wireless local area network (LAN), an interface for connecting to a universal serial bus (USB), and the like. included.

  FIG. 3 is a diagram illustrating an example of functional blocks of the mobile terminal 100. The mobile terminal 100 includes a product information storage unit 300, an operation reception unit 310, a product specification unit 320, a product display unit 330, a detailed information acquisition unit 340, and a purchase processing unit 350. The functional blocks shown in FIG. 3 are for using the service of the online shopping server 110 with the mobile terminal 100. These functional blocks are provided by, for example, a program (product display program) for using the service of the online shopping server 110. The program can be installed in advance in the mobile terminal 100 as an application for the mobile terminal 100, for example. The program may be downloaded to the mobile terminal 100 in response to access to the online shopping server 110 or may be executed by the online shopping server 110.

  The merchandise information storage unit 300 stores merchandise information relating to the target merchandise for the online shopping service. Specifically, the product information storage unit 300, for each of a plurality of products (clothing in the present embodiment), the product and the attribute value (first attribute value) of the formal degree (first attribute) of the product. ), An attribute value (second attribute value) of seasonality (second attribute), color information indicating the color of the product, and an image of the product are stored in association with each other.

  FIG. 4 is a diagram illustrating an example of product information stored in the product information storage unit 300. As shown in FIG. 4, the product information includes a product ID, a formal degree attribute value, a seasonal degree attribute value, color information, and a product image. The product information shown in FIG. 4 is downloaded from the online shopping server 110 when using the service of the online shopping server 110, for example.

  The product ID is an identifier for identifying the product. The product is not limited to a single item of clothing, but may be a combination (coordinate) of a plurality of products, for example.

  The formal degree is an attribute indicating the formal degree of the product. The attribute value of the formal degree can be set in the range of 0 to 100 so that the value increases from casual to formal, for example. The seasonality is an attribute indicating the seasonality of the product. The seasonality attribute value can be set in the range of 0 to 100, for example, so that the value increases from spring to winter. Note that the method for setting the attribute values of the formal degree and the seasonal degree is not limited to this. Moreover, the attribute of goods is not restricted to a formal degree and a seasonal degree.

  The color information is information indicating the color of the product, and is represented by RGB values, for example. Each color of RGB is represented by, for example, 8 bits (0 to 255). The color information setting method is not limited to this. For example, “black” or “brown” may be used. The color information may be dynamically generated based on the product image.

  The product image is information indicating a product image, and is, for example, image data in a format such as JPEG, GIF, or PNG. The product image may be information (for example, a URL) indicating the location where the image data is stored.

  The operation reception unit 310 receives an operation for selecting a product. FIG. 5 is a diagram illustrating an example of an operation screen for selecting a product. The operation screen includes a menu area 500 and an information display area 510. The menu area 500 is an area for selecting, for example, a product category or displaying a shopping cart state. The information display area 510 is an area for displaying various information related to the product. The information display area 510 includes a display area 520 in which information related to a product is displayed while a user operation is performed. In the display area 520, the horizontal direction (first direction) is associated with the formal degree (first attribute), and the vertical direction (second direction) is associated with the seasonal degree (second attribute). . The operation accepting unit 310 accepts a designated value that is a value for designating the formal degree and the seasonal degree by the coordinate value designated on the display area 520. Specifically, the operation reception unit 310 determines the formal degree designated value (first designated value) and the seasonal degree designated value (second designated value) according to the coordinate value designated on the display area 520. Accept. In the example illustrated in FIG. 5, when the finger 530 is on the coordinate 540, the operation reception unit 310 can receive (60, 70) as the designated values of the formal degree and the seasonal degree. When the finger 530 is on the coordinate 550, the operation reception unit 310 can receive (65, 20) as the designated value of the formal degree and the seasonal degree.

  The product specifying unit 320 refers to the product information storage unit 300 and specifies a product having attribute values corresponding to the designated values of the formal degree and the seasonal degree received by the operation receiving unit 310 from among a plurality of products. The product having the attribute value corresponding to the specified value can be, for example, a product having an attribute value having the smallest difference from the specified value. The difference between the specified value and the attribute value can be obtained from the distance between coordinates on the display area 520, for example.

  The product display unit 330 refers to the product information storage unit 300 and displays an image of the product specified by the product specifying unit 320. 6 and 7 are diagrams illustrating an example of a state in which an image of a product specified by the product specifying unit 320 is displayed.

  In the example shown in FIG. 6, coordinates 600 are designated in the display area 520. In the example shown in FIG. 7, the coordinate 700 is designated in the display area 520. The product display unit 330 can display images 610 and 710 of products having attribute values corresponding to the coordinate values (specified values) of the coordinates 600 and 700 on the display area 520. The product display unit 330 may display product images 610 and 710 at a place different from the display area 520.

  In addition, the product display unit 330 can display information on attributes in order to indicate the attributes (formal degree and seasonal degree) specified in the display area 520. In the present embodiment, a formal degree is assigned in the horizontal direction of the display area 520 and a seasonal degree is assigned in the vertical direction of the display area 520. Therefore, in the example shown in FIGS. 6 and 7, the product display unit 330 displays “CASUAL” and “FORMAL” in accordance with the formal degree axis (horizontal axis) and the seasonal degree axis (vertical axis). In addition, “SPRING” and “WINTER” are displayed. In addition, the display mode of the information regarding an attribute is not restricted to this.

  Furthermore, the product display unit 330 can change the display mode of the display area 520 according to the coordinate value specified in the display area 520. For example, in the example illustrated in FIGS. 6 and 7, the product display unit 330 displays images of circles arranged at approximately equal intervals on the background of the product images 610 and 710 in the display area 520. The product display unit 330 changes the size of the circle according to the distance from the designated coordinates 600 and 700. The product display unit 330 also changes the size of the information about the attributes (“CASUAL” / “FORMAT” and “SPRING” / “WINTER”) according to the designated coordinates 600 and 700.

  Further, the product display unit 330 can change at least a part of the colors in the display area 520 based on the color information stored in the product information storage unit 300. In the example illustrated in FIGS. 6 and 7, the product display unit 330 changes the information about the image and attribute of the circle in the display area 520 to a color equivalent to the product.

  The detailed information acquisition unit 340 can acquire detailed information such as the price and size of the product. For example, when the “View Product” button 620 is selected on the screen shown in FIG. 6, the detailed information acquisition unit 340 can acquire detailed information on the product from the online shopping server 110. FIG. 8 is a diagram illustrating an example of a screen on which detailed product information is displayed. As shown in FIG. 8, the product display unit 330 can display detailed information such as the price and size of the product based on the information acquired by the detailed information acquisition unit 340. Note that the product display unit 330 may display detailed information on the product in the display area 520.

  The purchase processing unit 350 executes processing related to purchase of the product selected by the user. For example, when the “add to cart” button 800 is selected on the screen shown in FIG. 8, the purchase processing unit 350 can generate information for purchasing the product and register it in the shopping cart.

  In the above, the user interface at the time of selecting goods with portable terminal 100 in the online shopping system of this embodiment was explained. According to the present embodiment, as illustrated in FIG. 6 and FIG. 7, a designated value that designates an attribute of formal degree and seasonal degree is received by coordinates 600 and 700 designated on the display area 520, and the designated value Images 610 and 710 of products having attribute values corresponding to can be displayed. As described above, it is possible to provide a new operability of selecting a product by designating two attributes by an intuitive operation on the display area 520.

  In the present embodiment, an example in which coordinates on the display area 520 are specified on the touch panel 220 of the mobile terminal 100 has been described, but an operation method for specifying coordinates on the display area is not limited thereto. For example, in the case of a personal computer, the coordinates on the display area may be specified by moving the mouse cursor in the display area on the web browser.

  Further, according to the present embodiment, as illustrated in FIGS. 6 and 7, the product images 610 and 710 can be displayed on the display area 520 for performing the product selection operation. Accordingly, the product images 610 and 710 can be easily confirmed while performing operations on the display area 520.

  In addition, according to the present embodiment, by a continuous operation on the display area 520, designated values that specify the attributes of the formal degree and the seasonal degree are continuously received, and images of a plurality of products corresponding to the designated values are switched. Can be displayed. More specifically, as shown in FIG. 5, the coordinate value specified by the finger 530 is obtained by an operation (swipe operation) of moving the finger 530 in the display area 520 while keeping the finger 530 in contact with the touch panel 220. Accordingly, images of a plurality of products can be switched and displayed. Thereby, it is possible to select a product while switching images of a plurality of products with the feeling of zapping a TV program.

  Moreover, according to this embodiment, as illustrated in FIGS. 6 and 7, the display mode of the display area 520 can be changed according to the coordinate value specified in the display area 520. This makes it possible to visually grasp the attributes of the selected product.

  Further, according to the present embodiment, as illustrated in FIGS. 6 and 7, at least a part of the color of the display area 520 can be changed according to the color of the product. Thereby, it can be set as the screen matched with the atmosphere of goods. Further, when the product is changed, the color of the display area 520 is also changed, so that it is possible to produce fun when selecting the product.

  Note that this embodiment is intended to facilitate understanding of the present invention and is not intended to limit the present invention. The present invention can be changed / improved without departing from the spirit thereof, and the present invention includes equivalents thereof.

DESCRIPTION OF SYMBOLS 100 Mobile terminal 110 Online shopping server 120 Network 200 Processor 210 Storage device 220 Touch panel 230 Communication interface 300 Product information storage unit 310 Operation reception unit 320 Product specification unit 330 Product display unit 340 Detailed information acquisition unit 350 Purchase processing unit 500 Menu area 510 Information Display area 520 Display area 530 Finger 540, 550, 600, 700 Coordinates 610, 710 Image 620, 800 Button

Claims (6)

On the computer,
For each of a plurality of products, product information that stores the product, the first attribute value in the first attribute of the product, the second attribute value in the second attribute, and the image of the product in association with each other A storage unit;
Coordinates designated on a display area including a first direction associated with the first attribute and a second direction orthogonal to the first direction and associated with the second attribute An operation accepting unit that accepts a first designated value that designates the first attribute and a second designated value that designates the second attribute by a value;
Referring to the product information storage unit, from among the plurality of products, a product specifying unit for specifying a product having the first and second attribute values corresponding to the first and second specified values;
A product display unit for displaying the image of the specified product;
Product display program to realize The product display program according to claim 1,
The product display unit displays the image of the specified product on the display area.
Product display program. The product display program according to claim 1 or 2,
The operation accepting unit continuously accepts a plurality of sets of the first and second designated values by continuous operation on the display area,
The product specifying unit, for each of the plurality of sets of the first and second specified values, out of the plurality of products, the first and second corresponding to the first and second specified values. Identify products with attribute values of
The product display unit switches and displays images of the plurality of specified products according to the continuous operation.
Product display program. The product display program according to claim 3,
The display area is an area displayed on the touch panel,
The continuous operation on the display area is an operation of moving the finger in the display area while keeping the finger in contact with the touch panel.
Product display program. The product display program according to any one of claims 1 to 4,
The product display unit changes a display mode of the display area according to the designated coordinate value.
Product display program. A product display program according to any one of claims 1 to 5,
The product information storage unit further stores color information indicating the color of the product,
The product display unit changes the color of at least a part of the display area based on the color information.
Product display program.