JP2018045648A - Display control program, display control method, terminal and distribution server - Google Patents

Abstract

PROBLEM TO BE SOLVED: To provide a display control program, a display control method, a terminal and a distribution server which can draw an interest of a user to a specific commodity.SOLUTION: A display control program of the invention causes a computer to execute a display procedure, an arrangement procedure, a presentation procedure, a movement detection procedure and a movement procedure. The display procedure displays a display area of a first content in a state in which a part thereof is superposed to a display area of a second content. The arrangement procedure arranges a presentation area where information on a commodity is presented in the first content. The presentation procedure presents related information of a commodity in which information is presented on a presentation area positioned in the nearest part from a non-superposition area, out of plural presentation areas, in a non-presentation area with the first content on the second content. The movement detection procedure detects a movement operation of the first content. The movement procedure moves the first content and covers the related information when the movement operation is detected.SELECTED DRAWING: Figure 1

Description

  The present invention relates to a display control program, a display control method, a terminal device, and a distribution server.

  Conventionally, there are shopping sites that sell products using a communication network such as the Internet. The shopping site distributes and displays content including information on a plurality of products on a terminal device of a user who is a customer.

  Generally, content distributed by a shopping site is provided with a plurality of information display areas for each product, and information such as product images, product names, and product prices is posted in each information display region.

  The user can browse more products by scrolling and moving the content displayed on the terminal device, select a desired product from the plurality of browsed products, and perform a predetermined settlement process. By doing so, the product can be purchased.

JP 2012-243126 A

  However, content distributed from a shopping site often has a rectangular shape with the same size for each product information display area, and even when scrolled, the same size rectangular group moves only monotonously. It was difficult to attract the user's interest in the product.

  The present invention has been made in view of the above, and an object of the present invention is to provide a display control program, a display control method, a terminal device, and a distribution server that can attract a user's interest in a specific product.

  The display control program according to the present application causes a computer to execute a display procedure, an arrangement procedure, a presentation procedure, a movement detection procedure, and a movement procedure. In the display procedure, a part of the display area of the first content is superimposed and displayed on the display area of the second content. In the arranging procedure, a plurality of presentation areas in which product information is presented are arranged in the display area of the first content. In the presentation procedure, information is presented in the non-superimposed area of the second content display area with the display area of the first content in the presenting area located closest to the non-superimposed area among the plurality of presentation areas. Present relevant information related to the product being sold. The movement detection procedure detects a movement operation for moving the display area of the first content in the direction of the non-overlapping area. In the movement procedure, when the movement operation is detected by the movement detection procedure, the display area of the first content is moved, and the related information is covered by the display area of the first content.

  The display control program, the display control method, the terminal device, and the distribution server according to the present application can attract the user's interest in specific products.

FIG. 1 is an explanatory diagram of a display control method according to the embodiment. FIG. 2 is a diagram illustrating a configuration example of the display control system according to the embodiment. FIG. 3 is a diagram illustrating a configuration example of the site server device according to the embodiment. FIG. 4 is a diagram illustrating a configuration example of the store server device according to the embodiment. FIG. 5 is a diagram illustrating a configuration example of the user terminal device according to the embodiment. FIG. 6 is a flowchart illustrating processing executed by the control unit of the user terminal device according to the embodiment. FIG. 7 is an explanatory diagram illustrating another display control example (1) according to the embodiment. FIG. 8 is an explanatory diagram illustrating another display control example (2) according to the embodiment. FIG. 9 is an explanatory diagram illustrating another display control example (3) according to the embodiment. FIG. 10 is an explanatory diagram illustrating another display control example (4) according to the embodiment. FIG. 11 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the site server apparatus.

  Hereinafter, embodiments of a display control program, a display control method, a terminal device, and a distribution server according to the present application will be described in detail with reference to the drawings. Note that the display control program, the display control method, the terminal device, and the distribution server according to the present application are not limited by this embodiment. Moreover, in the following embodiment, the same code | symbol is attached | subjected about the same component, and the overlapping description is abbreviate | omitted.

  Here, a content display control program, a display control method, a terminal device that displays content, and a distribution server that distributes the display control program are displayed as examples on a shopping terminal that sells electronic books. I will give you a description. Note that the products sold by the shopping site according to the embodiment are not limited to electronic books, and may be arbitrary products such as clothing and sundries.

[1. Display control method]
First, a display control method according to an embodiment will be described with reference to FIG. FIG. 1 is an explanatory diagram of a display control method according to the embodiment. As shown in FIG. 1A, in the display control method according to the embodiment, first, a part of the display area C1 of the first content is displayed so as to be superimposed on the display area C2 of the second content. As a result, a non-overlapping area e in which the display area C1 of the first content is not superimposed is formed in the display area C2 of the second content.

  Then, a plurality of presentation areas E1, E2, E3, E4 (see FIG. 1C) in which product information is presented are arranged in the display area C1 of the first content. Here, a case where a plurality of presentation areas E1, E2, E3, and E4 are arranged in a horizontal row will be described as an example. However, the arrangement of the presentation areas E1, E2, E3, and E4 may be in a vertical row, It may be a matrix.

  In the presentation area E1, a cover image D1, a volume number, and a browsing button of the first electronic book are presented. In the presentation area E2, the display image, the volume number, and the browsing button of the second electronic book are presented. In the presentation area E3, a cover image, a volume number, and a browsing button of the third electronic book are presented. In the presentation area E4, a cover image, a volume number, and a browsing button of the fourth electronic book are presented.

  Each browsing button is associated with a URL (Uniform Resource Locator) of a web page on which one episode of each corresponding electronic book is posted. The user can browse one episode of the electronic book corresponding to the selected browsing button by selecting each browsing button.

  In the display control method according to the embodiment, the non-overlapping area e of the plurality of presentation areas E1, E2, E3, and E4 is not superimposed on the non-overlapping area e of the second content display area C2 with the first content display area C1. Related information that is related to the product whose information is presented in the presentation area E1 located closest to the area e is presented.

  For example, in the display control method according to the embodiment, the illustration D2 of the character of the first electronic book is presented using the entire non-overlapping region e. Here, in the display control method according to the embodiment, the area of the non-overlapping area e in the display area C2 of the second content is the area of each presentation area E1, E2, E3, E4 in the initial state shown in FIG. The position of the display area C1 of the first content is set at a position equal to.

  As described above, if the display control method according to the embodiment is a content of a general shopping site, the electronic book is placed in a region where the other electronic book is presented (non-superimposed region e shown in FIG. 1A). By not presenting, it is possible to make the user aware of the non-overlapping region e.

  In addition, the display control method according to the embodiment presents the user's interest in the first electronic book by presenting the illustration D2 of the character of the first electronic book presented in the latest presentation area E1 over the entire non-overlapping area e. Can be collected.

  Thereafter, the display control method according to the embodiment detects a moving operation of the user that moves the display area C1 of the first content in the direction of the non-overlapping area e. When the display control method according to the embodiment detects a user's movement operation, the display area C1 of the first content is moved by moving the display area C1 of the first content as shown in FIG. By covering a part of the related information.

  That is, in the display control method according to the embodiment, the first content is moved onto the non-overlapping area e while the display position of the character illustration D2 is stationary, and a part of the character illustration D2 is visible to the user. It is not in a state.

  As described above, the display control method according to the embodiment includes a display area that is moved by a movement operation by a user and a display area that is not moved and remains stationary when a movement operation by the user is performed. Is provided. Thereby, the display control method according to the embodiment can make the user feel more aware of the character illustration D2 by giving the user an unexpected feeling, and can gather the user's interest in the first electronic book.

  After that, the display control method according to the embodiment moves the display area C1 of the first content further toward the non-overlapping area e as shown in FIG. The character illustration D2 is completely hidden.

  As described above, the display control method according to the embodiment can conceal the character illustration D2 by making the user interested in the character illustration D2, and can attract the user's interest in the first electronic book.

[2. Configuration of display control system]
Next, the configuration of the display control system according to the embodiment will be described with reference to FIG. FIG. 2 is a diagram illustrating a configuration example of the display control system 100 according to the embodiment. As shown in FIG. 2, the display control system 100 includes a site server device 1, a store server device 2, and a user terminal device 3.

  The site server device 1, the store server device 2, and the user terminal device 3 are connected via a network N so as to be communicable by wire or wirelessly. Note that the display control system 100 illustrated in FIG. 2 may include a plurality of user terminal devices 3, a plurality of site server devices 1, and a plurality of store server devices 2.

  The site server device 1 is a web server or the like that distributes contents (for example, web pages) of a shopping site to the user terminal device 3. The content distributed by the site server device 1 is formed by, for example, an HTML file described in HTML (Hyper Text Markup Language), an XML file described in XML (Extensible Markup Language), or the like.

  The content distributed by the site server device 1 includes control information for controlling the display mode of the content. This control information is described in an HTML file or the like that forms a web page by using a script language such as JavaScript (registered trademark) or CSS (Cascading Style Sheets).

  Further, the content distributed by the site server device 1 includes an image acquisition command. For example, the URL or the like of the store server device 2 is described as an image acquisition command in an HTML file or the like that forms content. In this case, the user terminal device 3 accesses the URL described in the HTML file or the like, thereby describing information about the product including image information of the product sold from the store server device 2 (hereinafter referred to as “product information”). To get).

  The store server device 2 is a server device used by a store that sells products for sale on a shopping site. The store server device 2 submits product information to the site server device 1 in accordance with operations by store employees.

  For example, the store server device 2 uses, as the product information, a still image of the product, a moving image, text data describing a description and a price of the product, and a URL for accessing a store page distributed by the store server device 2 Are submitted to the site server device 1. The store server device 2 distributes content including a product purchase page to the user terminal device 3 when the user terminal device 3 selects a product from the content of the shopping site.

  The user terminal device 3 is an information processing device used by a user who browses content on a shopping site. For example, the user terminal device 3 is a mobile phone such as a smartphone, a tablet terminal, a PDA (Personal Digital Assistant), a desktop PC (Personal Computer), a notebook PC, or the like.

  The user terminal device 3 acquires content from the site server device 1 in accordance with a user operation, and displays the acquired content. Moreover, when the image acquisition command is included in the content, the user terminal device 3 acquires the product information from the store server device 2 and displays the image information of the product included in the acquired product information together with the content.

[3. Configuration of site server device]
Next, the configuration of the site server device 1 according to the embodiment will be described with reference to FIG. FIG. 3 is a diagram illustrating a configuration example of the site server device 1 according to the embodiment. As shown in FIG. 3, the site server device 1 includes a communication unit 11, a control unit 12, and a content storage unit 13.

  The communication unit 11 is realized by, for example, a NIC (Network Interface Card). The communication unit 11 is connected to the network N by wire or wirelessly and transmits / receives information to / from the store server device 2 and the user terminal device 3.

  The content storage unit 13 is realized by, for example, a semiconductor memory device such as a RAM (Random Access Memory) or a flash memory, or a storage device such as a hard disk or an optical disk. And the content memory | storage part 13 memorize | stores the content of a shopping site.

  For example, the content storage unit 13 stores an HTML file forming the content, a still image or a moving image displayed in the display area C1 of the first content or the display area C2 of the second content shown in FIG.

  The content stored in the content storage unit 13 includes an image acquisition command for acquiring product information. The content stored in the content storage unit 13 includes control information that is a program written in a script language such as JavaScript (registered trademark) or CSS.

  Here, the control by the control information included in the content will be described. The control information according to the embodiment causes the user terminal device 3 to execute, for example, a display procedure, an arrangement procedure, a presentation procedure, a movement detection procedure, and a movement procedure.

  In the display procedure, a part of the display area C1 of the first content is superimposed and displayed on the display area C2 of the second content. The arrangement procedure arranges a plurality of presentation areas in which product information is presented in the display area C1 of the first content.

  In the presentation procedure, information is presented in the non-overlapping area e of the second content display area C2 with the first content display area C1 in the presentation area E1 located closest to the non-overlapping area e among the plurality of presentation areas. Present relevant information related to the product being sold.

  The movement detection procedure detects a movement operation for moving the display area C1 of the first content in the direction of the non-overlapping area e. In the movement procedure, when a movement operation is detected by the movement detection procedure, the display area C1 of the first content is moved, and the related information is covered by the display area C1 of the first content.

  The control unit 12 is realized by, for example, a CPU (Central Processing Unit), an MPU (Micro Processing Unit), or the like executing various programs stored in the storage device inside the site server device 1 using the RAM as a work area. Is done. The control unit 12 is realized by an integrated circuit such as an application specific integrated circuit (ASIC) or a field programmable gate array (FPGA).

  As illustrated in FIG. 3, the control unit 12 includes a reception unit 14 and a distribution unit 15, and realizes or executes information processing functions and operations described below. Note that the internal configuration of the control unit 12 is not limited to the configuration illustrated in FIG. 3, and may be another configuration as long as the information processing described later is performed. Further, the connection relationship between the processing units included in the control unit 12 is not limited to the connection relationship illustrated in FIG. 3, and may be another connection relationship.

  The accepting unit 14 accepts a content acquisition request from the user terminal device 3. For example, the reception unit 14 receives an HTTP request as an acquisition request for the first content and the second content shown in FIG.

  The distribution unit 15 distributes the content and control information to the user terminal device 3 when the content acquisition request is received by the reception unit 14. Specifically, the distribution unit 15 acquires content to be acquired from the content storage unit 13 and distributes the acquired content to the user terminal device 3. As described above, since the content stored in the content storage unit 13 includes control information, the distribution unit 15 distributes the content and the control information.

  Note that the content storage unit 13 described above may store content and control information separately, not content including control information. For example, the content storage unit 13 may store an HTML file forming the content and a file in which control information is described in association with each other. In this case, the distribution unit 15 distributes both content and control information to the user terminal device 3.

[4. Configuration of store server device]
Next, the configuration of the store server apparatus 2 according to the embodiment will be described with reference to FIG. FIG. 4 is a diagram illustrating a configuration example of the store server device 2 according to the embodiment. As illustrated in FIG. 4, the store server device 2 includes a communication unit 21, a control unit 22, and a product information storage unit 23.

  The communication unit 21 is realized by a NIC or the like, for example. The communication unit 21 is connected to the network N in a wired or wireless manner, and transmits / receives information to / from the site server device 1 and the user terminal device 3.

  The merchandise information storage unit 23 is realized by, for example, a semiconductor memory device such as a RAM or a flash memory, or a storage device such as a hard disk or an optical disk. Then, the product information storage unit 23 stores product information.

  The product information includes, for example, a still image of a product to be exhibited on a shopping site, a moving image, text data describing a description and a price of the product, and a store page distributed by the store server device 2 by the user terminal device 3. URL to do so.

  The control unit 22 is realized, for example, by executing various programs stored in the storage device inside the store server device 2 using the RAM as a work area by a CPU, an MPU, or the like. The control unit 22 is realized by an integrated circuit such as an ASIC or FPGA, for example.

  As illustrated in FIG. 4, the control unit 22 includes a reception unit 24 and a distribution unit 25, and realizes or executes functions and operations of information processing described below. Note that the internal configuration of the control unit 22 is not limited to the configuration illustrated in FIG. 4, and may be another configuration as long as information processing described later is performed. In addition, the connection relationship between the processing units included in the control unit 22 is not limited to the connection relationship illustrated in FIG. 4, and may be another connection relationship.

  The receiving unit 24 receives a product information acquisition request from the user terminal device 3. For example, the reception unit 24 receives an HTTP request as a product information acquisition request. The distribution unit 25 extracts the product information requested to be acquired from the product information storage unit 23 when the acquisition unit 24 receives the product information acquisition request. And the delivery part 25 delivers the extracted merchandise information with respect to the user terminal device 3 which transmitted the acquisition request of merchandise information.

[5. Configuration of user terminal device]
Next, the configuration of the user terminal device 3 according to the embodiment will be described with reference to FIG. FIG. 5 is a diagram illustrating a configuration example of the user terminal device 3 according to the embodiment. As illustrated in FIG. 5, the user terminal device 3 includes a communication unit 31, a control unit 32, an input unit 33, and an output unit 34.

  The communication part 31 is implement | achieved by NIC etc., for example. The communication unit 31 is connected to the network N in a wired or wireless manner, and transmits and receives information to and from the site server device 1 and the store server device 2.

  The input unit 33 is an input device that receives various operations from the user. For example, the input unit 33 is realized by a keyboard, a mouse, an operation key, or the like. The output unit 34 is a display device for displaying various information. For example, the output unit 34 is realized by a liquid crystal display or the like. In addition, when a touch panel is employ | adopted for the user terminal device 3, the input part 33 and the output part 34 are integrated.

  The control unit 32 is realized, for example, by executing various programs (corresponding to an example of a display control program) stored in a storage device inside the user terminal device 3 using the RAM as a work area by a CPU, an MPU, or the like. The For example, these various programs correspond to application programs called web browsers. Moreover, the control part 32 is implement | achieved by integrated circuits, such as ASIC and FPGA, for example.

  As shown in FIG. 5, the control unit 32 includes a request unit 41, a reception unit 42, and a display control unit 43, and realizes or executes functions and operations of information processing described below. Note that the internal configuration of the control unit 32 is not limited to the configuration illustrated in FIG. 5, and may be another configuration as long as the information processing described later is performed. Further, the connection relationship between the processing units included in the control unit 32 is not limited to the connection relationship illustrated in FIG. 5, and may be another connection relationship.

  The request unit 41 transmits a content acquisition request to the site server device 1 in accordance with a user operation received via the input unit 33. The request unit 41 transmits a product information acquisition request to the store server device 2 when the content received by the receiving unit 42 includes an image acquisition command.

  The receiving unit 42 receives content. Specifically, the reception unit 42 receives the content of the shopping site from the site server device 1 that responds to the content acquisition request transmitted by the request unit 41. At this time, if the content includes an image acquisition command, the reception unit 42 instructs the request unit 41 to transmit a product information acquisition request. And the reception part 42 receives merchandise information from the shop server apparatus 2 which responded to the acquisition request of the merchandise information transmitted by the request | requirement part 41. FIG.

  The display control unit 43 controls the display of the content on the output unit 34 in accordance with the control information included in the content received by the receiving unit 42. As shown in FIG. 5, the display control unit 43 includes a display unit 44, an arrangement unit 45, a presentation unit 46, a movement unit 47, and a movement detection unit 48.

  The display unit 44, the arrangement unit 45, the presentation unit 46, the movement unit 47, and the movement detection unit 48 are realized, for example, when the control information included in the content is executed using the RAM as a work area by a CPU, MPU, or the like. The

  That is, the display unit 44 is realized by the above-described display procedure, the arrangement unit 45 is realized by the above-described arrangement procedure, and the presentation unit 46 is realized by the above-described presentation procedure. The moving unit 47 is realized by the moving procedure described above, and the movement detecting unit 48 is realized by the moving detecting procedure described above.

  The display unit 44 displays the content received by the receiving unit 42 on the output unit 34. Specifically, the display unit 44 causes the output unit 34 to display the display area C2 of the second content shown in FIG. 1, and further, part of the display area C1 of the first content becomes the display area C2 of the second content. Superimposed and displayed on the output unit 34.

  The arrangement unit 45 arranges a plurality of presentation areas E1, E2, E3, and E4 in which product information is presented in the display area C1 of the first content displayed on the output unit. The presentation unit 46 is related to the product whose information is presented in the presentation area E1 located closest to the non-overlapping area e in the non-superimposing area e of the second content display area C2 with the first content display area C1. Present relevant information.

  The movement detection unit 48 detects a movement operation for moving the content displayed on the display unit 44. The movement detection unit 48 according to the embodiment detects a scroll operation on the first content as an example of the movement operation.

  When the movement detecting unit 48 detects a scroll operation, the moving unit 47 moves the display area C1 of the first content displayed by the display unit 44 and covers the related information by the display area C1 of the first content. .

  Although illustration is omitted here, the control unit 32 receives information indicating that a selection operation for selecting product information being displayed by the user has been performed in addition to content display control. And a purchase processing unit for performing a predetermined product purchase process. The operation of the purchase processing unit will be described later with reference to FIG.

[6. Terminal device processing flow]
Next, with reference to FIG. 6, the procedure of the process which the control part 32 of the user terminal device 3 which concerns on embodiment performs is demonstrated. FIG. 6 is a flowchart illustrating processing executed by the control unit 32 of the user terminal device 3 according to the embodiment.

  As illustrated in FIG. 6, the control unit 32 determines whether a content display operation has been received from the input unit 33 (step S <b> 101). And when it determines with the control part 32 not receiving content display operation (step S101, No), it repeats the determination process of step S101 until content display operation is received.

  When it is determined that the content display operation has been received (step S101, Yes), the control unit 32 transmits a content acquisition request to the site server device 1 (step S102). Subsequently, the control unit 32 determines whether or not content has been received from the site server device 1 (step S103).

  And when it determines with the control part 32 not receiving the content (step S103, No), it repeats the determination process of step S103 until a content is received. If it is determined that the content has been received (step S103, Yes), the control unit 32 causes a part of the first content to be superimposed on the second content (step S104).

  For example, as shown in FIG. 1A, the control unit 32 displays a part of the display area C1 of the first content so as to overlap the display area C2 of the second content, thereby displaying the second content. A part of the display area C2 is defined as a non-overlapping area e.

  Subsequently, the control unit 32 arranges the product information in the display area C1 of the first content (Step S105). For example, as shown in FIG. 1, the control unit 32 arranges a plurality of presentation areas E1, E2, E3, and E4 in the display area C1 of the first content. And the control part 32 is the cover image D1 of the 1st electronic book which is an example of goods, the 2nd electronic book, the 3rd electronic book, and the 4th electronic book in each presentation area | region E1, E2, E3, E4, respectively. Product information including the cover image is displayed.

  Subsequently, the control unit 32 displays related information in the non-overlapping area e of the second content (step S106). For example, as illustrated in FIG. 1, the control unit 32 causes the non-overlapping area e to display a character illustration D2 appearing in the first electronic book in which the cover image D1 is presented in the immediate vicinity of the non-overlapping area e.

  After that, the control unit 32 determines whether or not a movement operation of the first content by the user has been detected (step S107). If the control unit 32 determines that a moving operation has been detected (step S107, Yes), it moves the display area C1 of the first content (step S108), and moves the process to step S109.

  At this time, when the display area C1 of the first content is moved in the direction of the non-overlapping area e (first method), the control unit 32 covers the non-overlapping area e with the display area C1 of the first content.

  In addition, the control unit 32 moves the display area C1 of the first content in the second direction opposite to the first direction from the state where the non-overlapping area e is covered with the display area C1 of the first content. First, the display area C1 of the first content is moved to expose the non-overlapping area e.

  On the other hand, when it determines with the control part 32 not detecting movement operation (step S107, No), it determines whether the merchandise information selection operation by the user was detected (step S110). In this product information selection operation, for example, one of the cover images of the first electronic book, the second electronic book, the third electronic book, and the fourth electronic book shown in FIG. 1 is selected by the user. It is an operation.

  And when it determines with the control part 32 having detected merchandise information selection operation (step S110, Yes), a predetermined goods purchase process is performed (step S111), and a process is moved to step S109.

  In the product purchase process, the control unit 32 transmits an acquisition request for the purchase page for the product selected by the product information selection operation to the store server device 2, and acquires the purchase page for the product from the store server device 2. It is displayed on the output unit 34.

  And the control part 32 will transmit the input predetermined matter to the store server apparatus 2, if the predetermined matter for goods purchase is input into the goods purchase page by the user. When the store server device 2 receives a predetermined item for product purchase from the user terminal device 3, the store server device 2 performs a settlement process and then performs a shipping process for shipping the product to the user.

  On the other hand, when it determines with the control part 32 not detecting merchandise information selection operation (step S110, No), it determines whether the relevant information selection operation was detected (step S112). The related information selection operation here is, for example, an operation in which the character illustration D2 presented in the non-overlapping area e of the second content shown in FIG. 1 is selected by the user.

  Then, when it is determined that the related information selection operation has not been detected (No at Step S112), the control unit 32 moves the process to Step S109. On the other hand, if it is determined that the related information selection operation has been detected (Yes at Step S112), the control unit 32 performs the predetermined product purchase process described above (Step S111), and moves the process to Step S109.

  In step S109, the control unit 32 determines whether or not a content display end operation by the user has been detected. If it is determined that the content display operation has not been detected (step S109, No), the process proceeds to step S107. . On the other hand, when it determines with the control part 32 having detected content display end operation (step S109, Yes), a process is complete | finished.

  As described above, the control unit 32 executes the product purchase process not only when the product information selection operation is detected but also when the related information selection operation is detected. That is, the control unit 32 includes two areas, a non-overlapping area e in the second content display area C2 and a presentation area E1 provided in a position closest to the non-superimposing area e in the first content display area C1. Is an area for purchase operation of a product for which product information is presented in the presentation area E1.

  Thus, in the example shown in FIG. 1, the user can select the first electronic book by selecting the cover image D1 of the first electronic book or by selecting the illustration D2 of the character appearing in the first electronic book. You can purchase books.

  Therefore, the operator of the site server device 1 or the store server device 2 sells the product by, for example, causing the presentation area E1 shown in FIG. Can be promoted.

  In the embodiment described above, the case where the control unit 32 of the user terminal device 3 performs the display control illustrated in FIG. 1 has been described, but the display control performed by the control unit 32 is not limited to this. Hereinafter, other display control examples (1) to (4) performed by the control unit 32 of the user terminal device 3 will be described.

[7. Other display control examples (1)]
First, another display control example (1) will be described with reference to FIG. FIG. 7 is an explanatory diagram illustrating another display control example (1) according to the embodiment.

  As shown in FIG. 7A, in the other display control example (1), the control unit 32, in the same manner as the display mode shown in FIG. The part is displayed superimposed on the display area C2 of the second content.

  At this time, the control unit 32 makes the area other than the display area of the first electronic book cover image D1, the volume number, and the browsing button in the display area C1 of the first content only in the presentation area E1, Display control is performed so that the display area C2 of the second content is a transparent area that can be seen through.

  Thus, as shown in FIGS. 7B and 7C, when the display area C1 of the first content is moved in the direction of the non-overlapping area e by the user, the character is transmitted through the transparent area in the presentation area E1. Part of the illustration D2 of FIG. In other words, the character illustration D2 is partially invisible due to the cover image D1 and the like.

  Thus, when the display area C1 of the first content is moved, the control unit 32 makes the character illustration D2 partially invisible by the cover image D1 or the like, so that the character illustration D2 is again displayed to the user. It can make you feel like you want to see. In this way, the control unit 32 can attract the user's interest in the first electronic book by making the user interested in the illustration D2 of the character.

  Further, as shown in FIG. 7D, the control unit 32 makes the entire illustration D2 of the character invisible, for example, when the display area C1 of the first content is further moved by the user. In this way, the control unit 32 can conceal the character's illustration D2 and cause the user to have the feeling of wanting to see the character's illustration D2 again, and attract the user's interest in the first electronic book.

  Here, the case where the display position of the display area C2 of the second content is fixed has been described, but the control unit 32 can also move the display position of the display area C2 of the second content.

  In the case of such a configuration, for example, when the display area C1 of the first content is moved, the control unit 32 moves the presentation area of the related information in the same direction as the movement direction of the display area C1 of the first content. It is moved at a movement speed lower than the movement speed of the display area C1.

  As a result, the control unit 32 more effectively increases the interest of the user by the difference between the moving speed of the display area C1 of the first content and the moving speed of the character illustration D2 in the display area C2 of the second content. It can be collected in illustration D2.

  Further, when moving the display area C <b> 1 of the first content, the control unit 32 can also move the display area C <b> 2 of the second content to outside the viewable area in the output unit 34 of the user terminal device 3.

  As a result, the control unit 32 once again displays the character illustration D2 in the same manner as in the case of performing the above-described display control in which the character illustration D2 is intentionally invisible as the first content display area C1 is moved. It can make you feel like you want to see.

  Here, the transmission area is provided only in the presentation area E1 of the first electronic book. However, the control unit 32 provides the presentation areas E2, E3, and the second electronic book, the third electronic book, and the fourth electronic book. A transmission region can also be provided in E4.

  In the case of such a configuration, the control unit 32 can continue to allow the user to visually recognize the character illustration D2 as the background of the first content. You can hold them.

[8. Other display examples (2)]
Next, another display control example (2) will be described with reference to FIG. FIG. 8 is an explanatory diagram illustrating another display control example (2) according to the embodiment.

  As shown in FIG. 8A, in the other display control example (2), the control unit 32, as in the display mode shown in FIG. 1A, displays one of the display areas C1 of the first content. The part is displayed superimposed on the display area C2 of the second content.

  Thereafter, when the display area C1 of the first content is moved in the direction of the non-overlapping area e as shown in FIGS. 8B and 8C, the control unit 32 performs another display control example (1). The visibility changing procedure for reducing the visibility of the character illustration D2 in the transparent area is performed.

  For example, the control unit 32 reduces the visibility of the character illustration D2 by reducing the display density of the character illustration D2, which is an example of the related information. Thereby, the control part 32 can reduce the visibility of related information, without changing the display control of 1st content.

  Moreover, the control part 32 can also reduce the visibility of the illustration D2 of a character also by reducing the transmittance | permeability of the permeation | transmission area | region in the display area C1 of 1st content. Thereby, the control part 32 can reduce the visibility of related information, without changing the display control of 2nd content.

  In this way, when the display area C1 of the first content is moved, the control unit 32 allows the user to confirm the presence of the character illustration D2 from the gap such as the cover image D1 of the first electronic book. Can create situations that cannot be recognized. As a result, the control unit 32 can attract the user's interest in the first electronic book by further increasing the user's feeling that he wants to see the character illustration D2 once.

  Further, as shown in FIG. 8D, the control unit 32 makes the entire illustration D2 of the character invisible, for example, when the display area C1 of the first content is further moved by the user. In this way, the control unit 32 can conceal the character illustration D2 to make the user more interested in the character illustration D2, and can attract the user's interest in the first electronic book.

  Here, when the presentation area E1 of the first electronic book is superimposed on the character illustration D2, the visibility of the character illustration D2 is reduced, but the other presentation areas E2, E3, and E4 are displayed in the illustration D2. The same display control can be performed even when superimposed on.

  Thereby, since the control part 32 can make a user visually recognize the illustration D2 of a character as a background of 1st content, it makes a user hold the feeling that he wants to see the illustration D2 of a character once again. be able to.

[9. Other display examples (3)]
Next, another display control example (3) will be described with reference to FIG. FIG. 9 is an explanatory diagram illustrating another display control example (3) according to the embodiment.

  As shown in (a), (b), and (c) in FIG. 9, in another display control example (3), the control unit 32 is shown in (a), (b), and (c) in FIG. Display control similar to display control is performed. However, as shown in FIG. 9D, the control unit 32 then displays the non-overlapping area when the display area C1 of the first content is moved in the direction in which the display area C2 of the second content is exposed. In e, an illustration D3 of another character is presented.

  For example, the control unit 32 displays and presents an illustration D3 of another character appearing in the first electronic book in the non-overlapping area e in the display area C2 of the second content. In addition, when the shielding and exposure of the area where the illustration D3 is displayed are repeated thereafter, the control unit 32 sequentially presents another illustration of the character appearing in the first electronic book each time the area is exposed. To do. Thereby, the control part 32 can raise a user's interest with respect to a 1st electronic book more.

[10. Other display examples (4)]
Next, another display control example (4) will be described with reference to FIG. FIG. 10 is an explanatory diagram illustrating another display control example (4) according to the embodiment.

  As shown in FIG. 10A, in another display control example (4), the control unit 32 displays a part of the display area C2 of the second content so as to be superimposed on the display area C1 of the first content. . That is, the control unit 32 arranges the layer of the display area C1 of the first content behind the layer of the display area C2 of the second content.

  In this case, the control unit 32 displays and presents the illustration D2 of the character appearing in the first electronic book in the superimposed area superimposed on the display area C1 of the first content in the display area C2 of the second content.

  Then, as shown in FIG. 10B, the control unit 32 displays the first content display area when the user moves the first content display area C1 in the direction of the second content display area C2. The overlapping part with the display area C2 of the second content in C1 is made invisible. That is, the control unit 32 shields the overlapping portion of the first content display area C1 and the second content display area C2 with the display area of the illustration D2 in the second content.

  Thereafter, as illustrated in FIG. 10C, the control unit 32 further moves the display area C1 of the first content in the direction of the display area C2 of the second content by the user, and presents the display area E2 of the second electronic book. When the position is adjacent to the display area C2 of the second content, the illustration is changed.

  For example, the control unit 32 displays an illustration D4 of a character appearing in the second electronic book in the second content display area C2. Furthermore, whenever the display area C1 of the first content is moved and the presentation area adjacent to the display area C2 of the second content is changed, the control unit 32 appears in the electronic book in which the cover image is presented in the presentation area. An illustration of the character is displayed in the display area C2 of the second content. Thereby, the control part 32 can collect a user's interest about all the products by which product information is shown by the display area C1 of 1st content.

[11. Device configuration]
In the above embodiment, an example is shown in which the display control system 100 includes the site server device 1 and the store server device 2, but the site server device 1 and the store server device 2 are formed as a single device. May be.

  In this case, the site server apparatus 1 illustrated in FIG. 3 includes, for example, the product information storage unit 23 illustrated in FIG. When the site server device 1 receives a content acquisition request from the user terminal device 3, the site server device 1 distributes content not including an image acquisition command to the user terminal device 3 together with the product information extracted from the product information storage unit 23. .

  Moreover, in the said embodiment, although the merchandise information was delivered from the shop server apparatus 2 to the user terminal device 3, the site server apparatus 1 may acquire merchandise information from the shop server apparatus 2. In this case, the reception unit 24 of the store server device 2 receives a product information acquisition request from the site server device 1. The distribution unit 25 of the store server device 2 distributes product information to the site server device 1. In addition, the distribution unit 15 of the site server device 1 distributes content not including an image acquisition command to the user terminal device 3 together with the product information acquired from the store server device 2.

[12. Others]
In addition, among the processes described in the above embodiment, all or part of the processes described as being automatically performed can be performed manually, or the processes described as being performed manually can be performed. All or a part can be automatically performed by a known method. In addition, the processing procedures, specific names, and information including various data and parameters shown in the document and drawings can be arbitrarily changed unless otherwise specified. For example, the various types of information illustrated in each drawing is not limited to the illustrated information.

  Further, each component of each illustrated apparatus is functionally conceptual, and does not necessarily need to be physically configured as illustrated. In other words, the specific form of distribution / integration of each device is not limited to that shown in the figure, and all or a part thereof may be functionally or physically distributed or arbitrarily distributed in arbitrary units according to various loads or usage conditions. Can be integrated and configured. For example, the request unit 41 and the reception unit 42 illustrated in FIG. 5 may be integrated.

  Moreover, each embodiment mentioned above can be combined suitably in the range which does not contradict a process content.

[13. Hardware configuration]
Further, the site server device 1, the store server device 2, and the user terminal device 3 according to the embodiment described above are realized by a computer 5 having a configuration as shown in FIG. 11, for example. Hereinafter, the site server apparatus 1 will be described as an example. FIG. 11 is a hardware configuration diagram illustrating an example of a computer 5 that implements the functions of the site server device 1. The computer 5 includes a CPU 51, a RAM 52, a ROM 53, an HDD 54, a communication interface (I / F) 55, an input / output interface (I / F) 56, and a media interface (I / F) 57.

  The CPU 51 operates based on a program stored in the ROM 53 or the HDD 54 and controls each unit. The ROM 53 stores a boot program executed by the CPU 51 when the computer 5 is started up, a program depending on the hardware of the computer 5, and the like.

  The HDD 54 stores a program executed by the CPU 51, data used by the program, and the like. The communication interface 55 receives data from other devices via a communication network (corresponding to the network N shown in FIG. 2), sends the data to the CPU 51, and transmits the data generated by the CPU 51 to other devices via the communication network. To do.

  The CPU 51 controls an output device such as a display and a printer and an input device such as a keyboard and a mouse via the input / output interface 56. The CPU 51 acquires data from the input device via the input / output interface 56. Further, the CPU 51 outputs the generated data to the output device via the input / output interface 56.

  The media interface 57 reads a program or data stored in the recording medium 58 and provides it to the CPU 51 via the RAM 52. The CPU 51 loads such a program from the recording medium 58 onto the RAM 52 via the media interface 57 and executes the loaded program. The recording medium 58 is, for example, an optical recording medium such as a DVD (Digital Versatile Disc) or PD (Phase change rewritable disk), a magneto-optical recording medium such as an MO (Magneto-Optical disk), a tape medium, a magnetic recording medium, or a semiconductor memory. Etc.

  For example, when the computer 5 functions as the site server device 1 according to the embodiment, the CPU 51 of the computer 5 realizes the function of the control unit 12 by executing a program loaded on the RAM 52. The HDD 54 stores data in the content storage unit 13. The CPU 51 of the computer 5 reads these programs from the recording medium 58 and executes them, but as another example, these programs may be acquired from other devices via a communication network.

  When the computer 5 functions as the store server device 2 according to the embodiment, the CPU 51 of the computer 5 realizes the function of the control unit 22 by executing a program loaded on the RAM 52.

  When the computer 5 functions as the user terminal device 3 according to the embodiment, the CPU 51 of the computer 5 realizes the function of the control unit 32 by executing a program loaded on the RAM 52.

[14. effect]
As described above, the display control program according to the embodiment causes a computer to execute a display procedure, an arrangement procedure, a presentation procedure, a movement detection procedure, and a movement procedure. In the display procedure, a part of the display area of the first content is superimposed and displayed on the display area of the second content. The arrangement procedure arranges a plurality of presentation areas in which product information is presented in the display area of the first content. The presentation procedure is related to a product in which information is presented in a non-overlapping area of the second content display area with the display area of the first content, among the plurality of presentation areas, in the presentation area positioned closest to the non-overlapping area. Present relevant and relevant information. The movement detection procedure detects a movement operation that moves the display area of the first content in the direction of the non-overlapping area. In the movement procedure, when a movement operation is detected by the movement detection procedure, the display area of the first content is moved, and the related information is covered by the display area of the first content.

  Thereby, the display control program which concerns on embodiment can collect a user's interest in a specific goods.

  In addition, according to the presentation procedure of the display control program according to the embodiment, a transparent area in which a part of the display area of the second content can be seen through is provided in the presentation area located nearest.

  Thereby, the display control program according to the embodiment corresponds to the related information by making the user want to see the related information again by making the related information partially invisible by the product information. Users can be attracted to products.

  Further, the display control program according to the embodiment causes the computer to execute a visibility changing procedure for reducing the visibility of the related information in the superimposed portion when the display area of the first content is superimposed on the related information presentation area. .

  Thereby, the display control program according to the embodiment can gather the user's interest in the product corresponding to the related information by further increasing the user's feeling that the user wants to see the related information once.

  Moreover, the visibility change procedure of the display control program according to the embodiment reduces the display density of related information.

  Thereby, the display control program according to the embodiment can reduce the visibility of related information without changing the display control of the first content.

  Further, the visibility changing procedure of the display control program according to the embodiment reduces the transmittance of the transmissive region.

  Thereby, the display control program according to the embodiment can reduce the visibility of related information without changing the display control of the second content.

  Further, according to the moving procedure of the display control program according to the embodiment, when the display area of the first content is moved, the related information presentation area is moved in the same direction as the moving direction of the display area of the first content. The moving speed is lower than the moving speed of the display area.

  Thereby, the display control program according to the embodiment more effectively relates the user's interest to the related information by the difference between the moving speed of the display area of the first content and the moving speed of the related information in the display area of the second content. Can be collected.

  The display control program according to the embodiment provides a selection detection procedure for detecting a selection operation for selecting related information, and when the selection operation is detected by the selection detection procedure, information is presented in the nearest presentation area. And a page display procedure for displaying a purchase page for purchasing a product to be purchased.

  Thereby, the display control program which concerns on embodiment can promote sales of the goods corresponding to related information by making a user select the relevant information which collects a user's interest.

  As described above, some of the embodiments of the present application have been described in detail with reference to the drawings. However, these are merely examples, and various modifications, including the aspects described in the disclosure section of the invention, based on the knowledge of those skilled in the art, It is possible to implement the present invention in other forms with improvements.

  In addition, the “section (module, unit)” described above can be read as “means” or “circuit”. For example, the distribution unit can be read as distribution means or a distribution circuit.

DESCRIPTION OF SYMBOLS 1 Site server apparatus 11 Communication part 12 Control part 13 Content storage part 14 Reception part 15 Distribution part 2 Store server apparatus 21 Communication part 22 Control part 23 Merchandise information storage part 24 Reception part 25 Distribution part 3 User terminal device 31 Communication part 32 Control Unit 33 Input unit 34 Output unit 41 Request unit 42 Reception unit 43 Display control unit 44 Display unit 45 Arrangement unit 46 Presentation unit 47 Movement unit 48 Movement detection unit

Claims (10)

A display procedure for displaying a part of the display area of the first content superimposed on the display area of the second content;
An arrangement procedure for arranging a plurality of presentation areas in which product information is presented in the display area of the first content;
A product in which information is presented in the presenting region located closest to the non-overlapping region among the plurality of presenting regions in a non-overlapping region with the display region of the first content in the display region of the second content A presentation procedure to present relevant information,
A movement detection procedure for detecting a movement operation for moving the display area of the first content in the direction of the non-overlapping area;
When the movement operation is detected by the movement detection procedure, the computer executes a movement procedure of moving the display area of the first content and covering the related information with the display area of the first content. Characteristic display control program. The presentation procedure is as follows:
2. The display control program according to claim 1, wherein a transmissive area in which a part of the display area of the second content can be seen through is provided in the presentation area located at the nearest position. The visibility change procedure for reducing the visibility of the related information in the overlapped portion is caused to be executed by a computer when the display area of the first content is superimposed on the related information presentation area. Display control program described in 1. The visibility changing procedure is as follows:
The display control program according to claim 3, wherein the display density of the related information is reduced. The visibility changing procedure is as follows:
The display control program according to claim 3, wherein the transmittance of the transmissive region is reduced. The moving procedure is:
When moving the display area of the first content, the moving speed of the related information presentation area is lower than the moving speed of the display area of the first content in the same direction as the moving direction of the display area of the first content The display control program according to claim 1, wherein the display control program is moved by. A selection detection procedure for detecting a selection operation for selecting the related information;
When the selection operation is detected by the selection detection procedure, a computer executes a page display procedure for displaying a purchase page for purchasing the product for which information is presented in the presentation area located nearest to the selection area. The display control program according to claim 6. A display control method executed by a computer,
A display step of displaying a part of the display area of the first content superimposed on the display area of the second content;
An arrangement step of arranging a plurality of presentation areas in which product information is presented in the display area of the first content;
A product in which information is presented in the presenting region located closest to the non-overlapping region among the plurality of presenting regions in a non-overlapping region with the display region of the first content in the display region of the second content A presentation process for presenting relevant information,
A movement detection step of detecting a movement operation for moving the display area of the first content in the direction of the non-overlapping area;
A moving step of moving the display area of the first content and covering the related information by the display area of the first content when the moving operation is detected by the movement detecting step. Display control method. A display unit for displaying a part of the display area of the first content superimposed on the display area of the second content;
An arrangement unit for arranging a plurality of presentation areas in which product information is presented in the display area of the first content;
A product in which information is presented in the presenting region located closest to the non-overlapping region among the plurality of presenting regions in a non-overlapping region with the display region of the first content in the display region of the second content A presentation procedure to present relevant information,
A movement detector for detecting a movement operation for moving the display area of the first content in the direction of the non-overlapping area;
A moving unit that moves the display area of the first content and covers the related information by the display area of the first content when the movement operation is detected by the movement detecting unit. Terminal device. A display procedure for displaying a part of the display area of the first content superimposed on the display area of the second content;
An arrangement procedure for arranging a plurality of presentation areas in which product information is presented in the display area of the first content;
A product in which information is presented in the presenting region located closest to the non-overlapping region among the plurality of presenting regions in a non-overlapping region with the display region of the first content in the display region of the second content A presentation procedure to present relevant information,
A movement detection procedure for detecting a movement operation for moving the display area of the first content in the direction of the non-overlapping area;
When the movement operation is detected by the movement detection procedure, display control for causing the computer to execute a movement procedure for moving the display area of the first content and covering the related information with the display area of the first content. A distribution server for distributing a program to a terminal device.

Images