JP2020057155A - Information processing device, information processing method, and program - Google Patents

Abstract

To display a pop-up window so as not to damage the visibility of content information to be displayed in a content window in the display of a webpage or the like.SOLUTION: A distribution server 2 of a network system includes a control part 21 and a webpage data generation part 22. The webpage data generation part 22 performs first processing, second processing, and third processing to generate webpage data. The first processing displays a page area having a content display image in a first window. The second processing selects a display position of a second window in accordance with the arrangement of the content display image in the page area. The third processing displays the second window at the display position on the page area of the first window. The control part 21 transmits the generated webpage data to a terminal device to cause the terminal device to display the webpage data.SELECTED DRAWING: Figure 1

Description

  The present invention relates to an information processing apparatus, an information processing method, and a program, and particularly relates to a technical field of display control of a web page or the like.

In a first window in which a certain content is displayed, a display method of pop-up displaying a second window including detailed information and related information of the content on the first window is known (hereinafter, referred to as a first window). , The first window is also referred to as a content window, and the second window is also referred to as a pop-up window.)
In the cited document 1, when an item to be displayed, such as a purchase button for a product, is hidden below a pop-up window in a content window on which a product purchase screen is displayed, a substitute item having the same function as the item is displayed. Is displayed in the pop-up window.

WO 2015/159360

The pop-up window is convenient for the user because detailed information and related information of the content displayed on the content window can be visually confirmed in an easily understandable manner.
However, since the pop-up window is displayed on the content window, not only the area where the function for realizing the service such as the purchase button is realized, but also the image and the description in the content are hidden, and the content is originally provided. In some cases, the information of the content displayed in the content window, which is the subject of the service to be provided, cannot be sufficiently transmitted to the user.
Therefore, an object of the present invention is to display a pop-up window so as not to impair the visibility of content information displayed in the content window.

An information processing apparatus according to the present invention includes a first process for displaying a page area having a content display image in a first window, and selecting a display position of a second window in accordance with an arrangement of the content display image in the page area. Causing the terminal device to execute a second process to be performed and a third process to display the second window at a display position selected in the second process on the page area displayed in the first window. And a control unit that transmits the generated web page data to the terminal device and performs a process of presenting the web page data to the terminal device.
Thus, in the content image displayed in the first window that changes in response to the scroll operation, the position of the content display area displayed as the content image is added at each stop position of the first window, and then the second window is displayed. Can be determined.
Here, the window refers to an area in a frame including a frame for presenting a web page on a web browser.
In the following embodiments, the first window is referred to as a content window, and the second window is referred to as a pop-up window.
Here, the content window refers to a window that displays a content image displayed on the browser of the terminal device. Here, in the content image, a content that can be handled in a service provided using the system is displayed.
Further, the pop-up window refers to a window that is pop-up displayed on a content image displayed in the content window.
The pop-up display is composed of sentences, images, links, and the like, and expands and displays information on functions and images used in the content image of the content window, for example. The function or information is displayed on the content image by displaying a popup window overlapping a part of the content image being displayed on the content window.
In the pop-up window, the contents (functions and information) displayed in the content window can be alternatively displayed in a pop-up window.
In the following, a content display image is also referred to as a content display area.

In the information processing apparatus described above, in the second processing, a display position of the second window may be selected from a content non-display area in the page area.
As a result, the second window is displayed so as not to overlap the content display area displayed in the first window.

In the above information processing apparatus, in the second processing, the display position of the second window may be selected based on an analysis of an area in the page area where presentation information is superimposed due to the display of the second window. Conceivable.
This makes it possible to select the display position of the second window in consideration of the arrangement relationship of the content display area.

In the information processing apparatus described above, in the second processing, it is conceivable that a display position of the second window is selected from the content non-display area in a display range at the end of scrolling of the page area.
Thus, the display position of the second window that does not overlap the content display area displayed in the first window can be specified based on the content image in the first window after the scroll operation is completed.

In the above information processing apparatus, when the second window is displayed on the first window, the second window may be hidden in response to the start of scrolling of the page area. Can be
Thus, the second window is not displayed on the first window while the content image is scrolling. When the scroll of the content image is completed, the second window is displayed so as not to overlap the content display area.

In the information processing apparatus described above, the size of the second window displayed in the third process may be variable according to the size of the display position area of the second window selected in the second process. Can be considered.
Thus, by adjusting the size of the second window so as to fit in the display position area of the second window, for example, the second window does not overlap the content display area.

In the information processing apparatus described above, in the second processing, the page area is divided into a plurality of arrangement columns in a scroll advancing direction, and among the plurality of arrangement columns, the arrangement area having the lowest area ratio of the content display image is set. It is conceivable to select a position included in the column as a display position of the second window.
Thus, when scrolling the content image, the position of the second window displayed in the first window in the scrolling progress method does not change according to the displayed content image.

In the above-described information processing apparatus, in the third process, it is conceivable that the scroll following display of the second window is started according to the start of scrolling of the page area.
Accordingly, in the content image displayed in the first window that changes in accordance with the scroll, the moving position of the displayed second window can be easily visually confirmed.

In the information processing apparatus described above, when the second window overlaps the content display image, the second window may be translucently displayed so that the content display image overlapping the second window becomes visible. Can be
Thus, even when the second window overlaps the content display area, the second window can be displayed while ensuring the visibility of the content content in the content display area.

In the information processing apparatus described above, when the cursor on the first window approaches the second window, it may be possible to cancel the translucent display of the second window.
Thus, when the user attempts to click the second window with the cursor, the second window is displayed so as to overlap the content display area or the like.

In the above information processing apparatus, in the second processing, when the content non-display area serving as the display position of the second window does not exist, a position that does not impair the visibility of the content displayed in the content display image. May be selected as the display position of the second window.
Thus, even when there is no content non-display area large enough to display the second window, for example, the visibility of the provided content such as the background pattern of the content image displayed in the first window is impaired. The second window is displayed in the missing part.

In the above information processing apparatus, it is considered that the display of the second window is not performed during a period in which the page area displayed in the first window includes an area that can be replaced with the second window. It is.
That is, for example, when the second window displays a link to the content purchase screen, a link to the purchase screen having the same function as the second window is displayed in the content image displayed in the first window. , The second window is not displayed.

The information processing method according to the present invention includes a first process of displaying a page area having a content display image in a first window, and a display position of a second window according to an arrangement of the content display image in the page area. Causing the terminal device to execute a second process to be performed and a third process to display the second window at the display position selected in the second process on the page area displayed in the first window. A web page data generating step of generating web page data including:
A control step of transmitting the generated web page data to the terminal device and performing a process of presenting the web page data to the terminal device;

A program according to the present invention is a program for causing an information processing device to execute each process of the information processing method. A storage medium according to the present invention is a storage medium storing the above program.
The above information processing apparatus is realized by these programs and storage media.

  In the information processing method according to the present invention, a first process of displaying a page image having a content display area in a first window, and a display position of a second window in accordance with an arrangement of the content display area in the page image Information as a terminal device, wherein a second process to be selected and a third process to display the second window at the display position selected in the second process on the page image displayed in the first window This is an information processing method executed by the processing device.

A program according to the present invention is a program that causes a terminal device to execute each process of the information processing method. A storage medium according to the present invention is a storage medium storing the above program.
The information processing device as the above terminal device is realized by these programs and storage media.

  ADVANTAGE OF THE INVENTION According to this invention, a user's convenience can be improved by controlling a display of a pop-up window, without impairing the visibility of a content window. Thus, the display area can be effectively used.

FIG. 1 is an explanatory diagram of a configuration example of a network system according to an embodiment. FIG. 3 is an explanatory diagram of a hardware configuration according to an embodiment; It is an explanatory view of the outline of the presentation screen in the user terminal of an embodiment. FIG. 3 is an explanatory diagram of a processing flow of the entire system according to the embodiment; It is an explanatory view of the outline of the presentation screen in the user terminal of a 1st embodiment. It is an explanatory view of the outline of the presentation screen in the user terminal of a 1st embodiment. 5 is a flowchart of a process flow of the user terminal according to the first embodiment. It is an explanatory view of the outline of the presentation screen in the user terminal of a 1st embodiment. 5 is a flowchart of a process flow of the user terminal according to the first embodiment. It is an explanatory view of the outline of the presentation screen in the user terminal of a 2nd embodiment. It is an explanatory view of the outline of the presentation screen in the user terminal of a 2nd embodiment. It is a flow chart of a flow of processing of a user terminal of a 2nd embodiment. It is a flow chart of a flow of processing of a user terminal of a 2nd embodiment. It is a flow chart of a flow of processing of a user terminal of a 2nd embodiment.

<1. Overall Configuration>
In the following embodiments, an overall configuration of a display control system for a pop-up window in a content window (hereinafter, simply referred to as the present system) will be described.
FIG. 1 shows a configuration example of the present system of the embodiment. In this example, the present system functions as a system for executing display control of a pop-up window on a content window displaying a content image having a content display area.
In addition, the user terminal includes a web browser, and executes various processes according to a user operation based on web page data received from the distribution server.
In the embodiment, an EC (electronic commerce (EC)) system is cited as an example, and control of a display mode of a pop-up window according to a scroll operation of a product browsing image (content image) displayed on the content window is performed. Will be described.

The distribution server 2 in FIG. 1 corresponds to the information processing device according to the present invention.
As shown in FIG. 1, in the network system according to the present embodiment, one or a plurality of user terminals 1 and a distribution server 2 are connected in a state where they can communicate with each other via a network NW. The distribution server 2 can access the content database 3.
In the following, a database is also described as a DB (Database).

Various examples are assumed for the configuration of the network NW. For example, the Internet, an intranet, an extranet, a LAN (Local Area Network), a CATV (Community Antenna TeleVision) communication network, a virtual private network (VPN), a telephone line network, a mobile communication network, a satellite communication network, and the like. is assumed.
Also, various examples of transmission media constituting all or a part of the network NW are assumed. For example, even in the case of a wire such as IEEE (Institute of Electrical and Electronics Engineers) 1394, USB (Universal Serial Bus), power line carrier, and telephone line, infrared rays such as IrDA (Infrared Data Association), Bluetooth (registered trademark), and 802.11 wireless. It can also be used by wireless such as a mobile phone network, a satellite line, and a terrestrial digital network.

  The distribution server 2 is an information processing device on the operation side that provides a service using the present system. The distribution server 2 is realized by, for example, a computer device having a communication function set up in an operating company.

  The user terminal 1 is an information processing device used by a user who uses the service, that is, a user who browses an advertisement. The user terminal 1 is assumed to be, for example, a feature phone or a PDA having a communication function, or a smart device such as a smartphone or a tablet terminal. The user terminal 1 is also realized by a PC (Personal Computer) having a communication function.

  The content DB 3 comprehensively indicates a DB in which information necessary for the distribution server 2 to execute a process is stored. Details of the content DB 3 will be described later.

  Next, FIG. 2 illustrates a hardware configuration of the information processing apparatus that configures the user terminal 1, the distribution server 2, and the content DB 3 illustrated in FIG. Each device shown as the user terminal 1, the distribution server 2, and the content DB 3 can be realized as a computer device capable of information processing and information communication as shown in FIG.

In FIG. 2, a CPU (Central Processing Unit) 101 of a computer device executes various programs according to a program stored in a ROM (Read Only Memory) 102 or a program loaded from a storage unit 108 into a RAM (Random Access Memory) 103. Execute the process. The RAM 103 also appropriately stores data necessary for the CPU 101 to execute various processes.
The CPU 101, the ROM 102, and the RAM 103 are mutually connected via a bus 104. An input / output interface 105 is also connected to the bus 104.
The input / output interface 105 includes an input unit 106 including a keyboard, a mouse, and a touch panel, a display including an LCD (Liquid Crystal Display), a CRT (Cathode Ray Tube), an organic EL (Electroluminescence) panel, and an output including a speaker. The storage unit 108 includes a unit 107, a hard disk drive (HDD), a flash memory device, and the like, and a communication unit 109 that performs communication processing and communication between devices via a network NW.
A media drive 110 is connected to the input / output interface 105 as necessary, and a removable medium 111 such as a magnetic disk, an optical disk, a magneto-optical disk, or a semiconductor memory is appropriately mounted. Reading is performed.

In such a computer device, data and programs can be uploaded and downloaded by communication through the communication unit 109, and data and programs can be transferred via the removable medium 111.
When the CPU 101 performs processing operations based on various programs, necessary information processing and communication as the user terminal 1, the distribution server 2, and the content DB 3 are executed.
It should be noted that the information processing apparatus constituting the user terminal 1, the distribution server 2, and the content DB 3 is not limited to a single computer apparatus as shown in FIG. You may. The plurality of computer devices may be systemized by a LAN (Local Area Network) or the like, or may be arranged in a communicable state at a remote location by a VPN (Virtual Private Network) using the Internet or the like. .

<2. Functions of User Terminal, Distribution Server and DB>
Returning to FIG. 1, the functions of the user terminal 1, the distribution server 2, and the content DB 3 will be described.
The user terminal 1 and the distribution server 2 include one or a plurality of information processing devices. Each function of the user terminal 1 and the distribution server 2 is a function realized by processing executed by the CPU 101 in the information processing apparatus according to a program. However, the processing of all or some of the components described below may be realized by hardware.
When each function is realized by software, each function does not need to be realized by an independent program. Processing of a plurality of functions may be executed by one program, or one function may be realized by cooperation of a plurality of program modules. Each function may be distributed to a plurality of information processing devices. Further, one of the functions may be realized by a plurality of information processing devices.

The distribution server 2 has a control unit 21 and a web page data generation unit 22.
The control unit 21 performs various processes for realizing a service using the present system. For example, in the embodiment, the control unit 21 starts an HTTP (Hypertext Transfer Protocol) daemon. On the other hand, a web browser is started in the user terminal 1, and a processing request (HTTP request) is transmitted from the user terminal 1 to the distribution server 2 via the web browser. The control unit 21 of the distribution server 2 transmits a processing result (HTTP response) corresponding to the processing request to the user terminal 1. Thereby, the web page data described in the web page description language is transmitted to the user terminal 1.

  As a web page description language, for example, HTML (HyperText Markup Language) or XHTML (Extensible HyperText Markup Language) is used. The web page description language describes text data such as articles, image data such as images attached to articles, and their arrangement and presentation mode (character color, font, size, decoration, etc.). In addition, a script language for causing a destination terminal to execute various processes may be plugged into such a web page description language. As a script language, for example, JavaScript (registered trademark) is used.

  Then, the control unit 21 controls presentation of a web page (screen) based on the processing result on the web browser of the user terminal 1 based on the web page data.

  The page generation unit 22 generates a web page to be transmitted to the user terminal 1. The web page is a plug-in of a script language for causing a web browser of the user terminal 1 to execute a process.

  The user terminal 1 includes a web browser, and requests a web page such as a product browsing screen by transmitting a request signal (HTTP request) conforming to HTTP to a server such as the distribution server 2. Then, the user terminal 1 receives the web page sent from the server such as the distribution server 2 in response to the HTTP request, and displays the web page on the web browser. Thereby, the user can browse and operate a desired web page.

The user terminal 1 executes various processes based on the script language plugged into the received web page.
Specifically, the user terminal 1 displays a web page having a content display area in a content window, selects a display position of a pop-up window according to the arrangement of the content display area in the web page, Performing a process of displaying a pop-up window at the display position selected in the second process on the displayed web page.

Next, the content DB 3 used by the distribution server 2 having the above function to generate web page data such as a product browsing image will be described.
The content DB 3 stores various web page data constituting the EC system. The stored web page data includes, for example, a login screen, a product browsing screen, and a product purchase screen. These web page data are, for example, structured document files such as HTML (Hyper Text Markup Language) and XHTML (Extensible Hyper Text Markup Language).
The distribution server 2 causes the image or text acquired from the content DB 3 to be presented on the web browser of the user terminal 1.
In addition, a DB required for functioning as the distribution server 2 of the Internet may be configured in addition to the above.

Each DB such as the DB 3 described above may be constructed in a server computer different from the distribution server 2 or may be constructed in the distribution server 2.
Each DB may be realized in any form as long as the distribution server 2 is accessible. For example, all of the DBs may be formed in a storage unit in the same system as the distribution server 2, or some or all of the DBs may be provided in a separate or remote computer system. Of course, each DB need not be formed in one device (for example, one HDD). Further, each of the DBs does not need to be configured as one DB. The DB described in the embodiment is merely an example of the storage unit of information related to the processing of the embodiment in the form of one DB.

<3. Overview of presentation screen on user terminal>
An example of a screen presented on the user terminal 1 when the user of the embodiment uses the EC system will be described with reference to FIG.

FIG. 3 shows a part of the web page data WP displayed on the product browsing screen that introduces a purchaseable product in the EC system. In the embodiment, as an example of the user terminal 1, a computer device or a portable tablet terminal installed at the user's home is assumed.
A product browsing screen is displayed in the content window WD based on the web page data WP.

The content window WD (hereinafter, also referred to as a window WD) indicates a range of a product browsing screen displayed by the web browser of the user terminal 1 based on web page data received by the user terminal 1 from the distribution server 2. I have.
The area of the window WD surrounded by the thick frame in FIG. In FIG. 3, as an example, the first view image of the product browsing screen is displayed in the window WD.

A pop-up window PU is pop-up displayed on the product browsing screen of the window WD.
In the pop-up window PU, auxiliary information about the product displayed on the product browsing screen, a link for moving to another screen such as a purchase screen, an operation area for displaying a function on the EC system, and the like are displayed. You.
In FIG. 3, as an example, a name (men's shoes), a price (3,900 yen including tax), a link for moving to a purchase procedure screen (to the purchase procedure), and related information of the displayed product are displayed. An operation area (addition to a product basket) for performing a function of adding a product to a purchase list is provided in the pop-up window PU.
The pop-up display means that the pop-up window PU is automatically displayed on the window WD of the web browser of the user terminal 1. The pop-up display is displayed in various modes. For example, the pop-up window PU can be displayed while gradually moving from the outside of the screen to the inside of the screen, or the pop-up window PU can be suddenly displayed from an empty area.

  The web page data WP includes a content display area (CT1 to CT7), a priority display area PR, a blank area BK, and the like.

  The content display area CT (CT1 to CT7) is an area in which information on products provided by the EC system is displayed. By browsing the content display area on the product browsing screen, the user can obtain various information on the product when considering purchasing the product in the EC system. The content display area has an image content area (CT1 to CT4) that mainly displays an image related to a product, and a character content area (CT5 to CT7) that mainly displays a description about the product.

The priority display area PR is an area in which the same (substitutable) information as that displayed in the pop-up window PU is displayed, or an area in which a similar (substitutable) function can be exhibited. When the same content as the pop-up window PU is to be displayed, the priority display area PR is an area to be displayed with priority over the pop-up window PU.
For example, in FIG. 3, a link (to purchase procedure) for moving to a specific screen displayed in the pop-up window PU, and an operation area (add to product basket) for displaying a function of adding a purchase list, etc. Since there is an area corresponding to the page data WP, this area is shown as the priority display area PR.
Note that, in the present embodiment, a link for moving to a specific screen and an operation area for exhibiting functions such as adding a purchase list have been described as the priority display area PR. , An image or the like may be displayed. For example, information such as “product 10% off sale is being held” may be displayed in the pop-up window PU.

The blank area BK is an area in which the content display area CT, the priority display area PR, and the like are not provided. That is, the blank area BK is a surplus area that remains after, for example, arranging the content information and the operation area of the product on the web page data WP.
The blank area BK mainly refers to a blank area in which nothing is displayed on the product browsing screen. However, the blank area BK is not limited to the blank area, and is, for example, a background screen for decorating the product browsing screen. It may be an area or the like. That is, the blank area BK refers to an area in which specific product (content) information is not displayed.

By displaying a part of the web page data WP configured to include the area as a product browsing screen on a window WD on a web browser of the user terminal 1, the user can browse the product and information about the product. Can be.
In the state where the product browsing screen is presented in this manner, a pop-up window PU displaying relevant information of the product and a link to the purchase screen is appropriately pop-up displayed on the window WD.
Thus, the user can browse and select the related information or link that is not currently displayed in the window WD without searching the web page data WP.

As described above, although the pop-up window PU improves the convenience of the user, depending on the display mode on the product browsing screen, there is a possibility that the product information may not be sufficiently transmitted to the user.
For example, as shown in FIG. 3, when the pop-up window PU is displayed on the product browsing screen, the pop-up window PU may overlap the image content areas CT1, CT2 and the character content area CT5. In such a case, the image of the product displayed in the image content area or a part of the text written in the text content area may be hidden by the pop-up window PU, and the user may not be able to sufficiently view the information on the product. . In particular, in the case of a sentence displayed in the character content area, it is often found that it is difficult to grasp the contents of the entire sentence because only a part is hidden.

Therefore, in the present invention, by changing the display mode of the pop-up window PU displayed on the product browsing screen of the window WD according to the situation, the pop-up window PU can be displayed without impairing the visibility of the content display area. did.
This allows the user to browse the product information and the like in the content display area CT, acquire the relevant information of the product, and select a link to the purchase screen without searching for the web page. It becomes possible. That is, the convenience of the user is improved by the present invention.

<4. Overview of Display Control System Processing>
Next, an outline of a display control system used for a product browsing screen or the like of the EC system will be described with reference to FIG. FIG. 4 shows an example of the flow of processing executed by the user terminal 1 and the distribution server 2.

First, in step S11, the user terminal 1 requests web page data of a product browsing screen in response to a user operation.
Upon receiving the request, the distribution server 2 generates web page data in step S12. At this time, the distribution server 2 generates web page data into which a script language for causing the user terminal 1 to execute a product screen browsing process described later is plugged in.
Then, the distribution server 2 transmits the generated web page data to the user terminal 1 in step S13.
Upon receiving the web page data from the distribution server 2, the user terminal 1 executes a product screen browsing process based on the web page data in step S14. By executing the product screen browsing process on the web browser of the user terminal 1, the display control of the pop-up window PU in the window WD as shown in FIG. 3 is realized.
The details of the product screen browsing process will be described later.

<5. Overview of Presentation Screen in First Embodiment>
The outline of the display control of the pop-up window PU on the product browsing screen in the user terminal 1 according to the first embodiment will be described with reference to FIGS. 5 and 6.

First, as shown in FIG. 5, when moving to the product browsing screen on the web browser of the user terminal 1, the first view image of the product browsing screen is displayed in the window WD.
In the present embodiment, the pop-up window PU is not displayed when the first view image is displayed in the window WD. That is, at the beginning of moving to the product browsing screen, the pop-up window PU is not displayed on the product browsing screen of the window WD.

Thereafter, the user performs a scroll operation on the product browsing screen when browsing further product information.
Then, as shown in FIG. 6, the product browsing screen in the window WD scrolls in accordance with the scroll operation of the user. Then, as the user finishes the scroll operation, the scrolled image is displayed on the product browsing screen.

  Then, after the scrolling of the image on the product browsing screen is stopped, a pop-up window PU is pop-up displayed in the blank area BK as shown in FIG. That is, the user terminal 1 displays the pop-up window PU in a pop-up manner so as to overlap the blank area BK detected from the determined display area after the display area for the window WD is determined by the end of the scroll.

  In the present embodiment, the pop-up window PU is displayed in a pop-up manner so as to overlap the blank area BK, thereby preventing the pop-up window PU from overlapping the content display area and ensuring the visibility of the content display area. Further, the blank area BK having a small amount of information can be effectively used.

<6. Product Screen Browsing Process in First Embodiment>
The merchandise screen browsing process (S14 in FIG. 4) executed by the user terminal 1 on the web browser to realize the operation of the display control system according to the first embodiment will be described with reference to FIGS. The user terminal 1 executes a product screen browsing process based on a program plugged into the web page data received from the distribution server 2.
Hereinafter, the same processes as those described once are denoted by the same reference numerals, and description thereof will be omitted.

  First, in step S101, the user terminal 1 executes a process of displaying a product browsing screen of the window WD based on the web page data received from the distribution server 2. As a result, for example, as shown in FIG. 5, the first view image is displayed on the product browsing screen of the window WD. At this time, the pop-up window PU is not displayed in the first view image.

In a state where the product browsing screen is displayed, the user terminal 1 waits until it detects that the user has started the scroll operation in step S102.
Upon detecting the start of the user's scroll operation, the user terminal 1 proceeds to step S103 and determines whether or not the pop-up window PU is displayed.
Here, in a state where the first view image is displayed in the window WD, the pop-up window PU is not displayed, and thus the user terminal 1 proceeds to the process in step S105 without performing the process in step S104.
The image displayed in the window WD moves according to the scroll operation. In the embodiment, the scroll direction of the product browsing screen in the window WD is, for example, the vertical direction shown in FIG. However, the scroll direction is not limited to the up-down direction, and scrolling may be performed in various directions such as a left-right direction and an oblique direction.

In step S105, the user terminal 1 waits until detecting the end of the user's scroll operation started in step S102.
Upon detecting the end of the scroll operation in step S105, the user terminal 1 displays the scrolled product browsing image in the window WD. For example, by a scroll operation, the image displayed in the window WD moves from the first view image in FIG. 5 to the image shown in FIG. 6 and is displayed.

Thereafter, in step S106, the user terminal 1 executes an analysis process of the product browsing screen. The user terminal 1 grasps the presence / absence and arrangement relationship of the content display area CT and the priority display area PR on the product browsing screen displayed in the window WD by the analysis processing. Further, the user terminal 1 specifies the blank area BK based on the arrangement relationship between the content display area CT and the priority display area PR.
Here, if there is a blank area or a background screen area in which the popup window PU can be popped up as the blank area BK, the user terminal 1 acquires information such as the position thereof. In addition, the user terminal 1 acquires arrangement information of an operation area that can be selected by a user's operation in order to exercise the function of the EC system. Parse and get. The user terminal 1 executes a display area determination process and the like to be described later based on the information acquired in the analysis process.

  After the analysis processing in step S106, the user terminal 1 advances the processing to step S107, and determines whether or not the priority display area PR is displayed on the scrolled product browsing screen. The user terminal 1 performs the determination based on the information on the presence or absence of the preferential display area PR acquired by the analysis processing.

For example, as shown in FIG. 8, when the priority display area PR is displayed on the product browsing screen of the window WD, the link to the purchase procedure screen (to the purchase procedure) or the purchase can be made without displaying the pop-up window PU. An operation area (added to a product basket) for displaying a function such as adding a list is displayed on the product browsing screen.
In such a case, if the pop-up window PU is displayed on the product browsing screen, a plurality of areas having the same function depend on each other, which may cause confusion for the user.
Therefore, if the user terminal 1 determines in step S107 that the priority display area PR is displayed on the product browsing screen, the process proceeds to step S102 without performing the process of displaying the pop-up window PU after step S108. Then, the user terminal 1 waits until a scroll operation is detected again in step S102.
As a result, when the priority display area PR is displayed on the product browsing screen, the pop-up window PU is not displayed as shown in FIG.

In step S107, when there is no priority display area PR in the product browsing screen, the user terminal 1 executes the processing of steps S108 to S112 in order to display the pop-up window PU on the product browsing screen.
In step S108, the user terminal 1 executes a display area determination process for determining an area for displaying the content PU.
Here, details of the display area determination processing will be described with reference to FIG. The user terminal 1 executes a display area determination process based on the information obtained by the analysis process in step S106 in FIG.

First, in step S201, the user terminal 1 determines whether or not there is a blank area in which the pop-up window PU can be pop-up displayed on the product browsing screen. Specifically, the user terminal 1 determines whether or not there is a blank area having a size capable of displaying the pop-up window PU among the blank areas acquired by the analysis processing.
As the size of the area in which the pop-up window PU can be displayed, the visibility of the user can be ensured such that the displayed characters are not too small. It is desirable to have a width that does not impair. It is desirable that the size of the area be set for each terminal device having a different display screen size, such as a computer device or a portable terminal.
Note that the size of the area is set by the user terminal 1 in the analysis processing in step S106 of FIG. You may do it.
The blank area in which the pop-up window PU can be displayed in a pop-up window is not necessarily a blank area in which the pop-up window PU overlaps. The size of an area that partially overlaps the content display area may be used. As a result, the pop-up window PU can be displayed even when a very large blank area is not provided on the product browsing screen.

If the user terminal 1 determines in step S201 that there is a blank area in which the pop-up window PU can be displayed, the process proceeds to step S202, and selects the blank area as a display screen of the pop-up window PU.
When the selection of the display area is completed in step S202, the user terminal 1 advances the process to step S109 in FIG.

Here, when there are a plurality of blank areas in which the pop-up window PU can be displayed, the user terminal 1 performs a process of selecting a certain blank area as a display area. For example, it is conceivable that the user terminal 1 selects a blank area having the largest area among the plurality of blank areas as the display area. Thereby, it is possible to display the pop-up window PU with a margin.
The display area can be selected based on various other criteria. For example, a blank area having a narrowest area among a plurality of blank areas may be selected as a display area, or an average size may be selected. May be selected as the display area.

  It is also conceivable that the user terminal 1 sets the size of the pop-up window PU in advance and selects the blank area closest to the size as the display area. As a result, a pop-up window PU with a small gap can be displayed, and a coherent product browsing screen can be displayed as a whole. In addition, by not selecting a blank area having an extra area, the display area on the product browsing screen can be effectively used, such as displaying another pop-up window in a blank area having a large size.

The user terminal 1 may select an area provided at one of the left and right ends of the blank area as the display area. For example, if a pop-up window PU displaying product related information and links is displayed in the center of the screen, it becomes difficult to determine what the EC system originally provided, and for the user, In some cases, the content display area, which is provided by the user, becomes difficult to see.
Therefore, by displaying the pop-up window PU in an inconspicuous position such as the end of the product browsing screen, a pop-up display without impairing the visibility of the user can be performed. Since the pop-up display automatically appears on the product browsing screen in various modes, it is originally easy to catch the eyes of the user. Therefore, it can be said that the visibility of the user is easily ensured even when the pop-up window PU is displayed at the end.
Note that the user terminal 1 can select a blank area arranged near the frame of the window WD, such as not only one of the right and left ends but also one of the upper and lower ends, as the display area.

If there is no blank area in which the pop-up window PU can be displayed in step S201, the user terminal 1 determines in step S203 whether there is a background screen area in which the pop-up window PU can be displayed.
Since the background screen area is an area in which a pattern or the like for decorating the product browsing screen is displayed, even if the pop-up window PU is displayed, the user is provided with product information like a content display area after the blank area. This is because it is considered that the browsing is not prevented.
When determining whether or not there is a background screen area, the user terminal 1 combines the blank area and the background screen area to secure an area where the pop-up window PU can be displayed. It may be determined.

If the user terminal 1 determines in step S203 that there is a background screen area on which the popup window PU can be displayed, the process proceeds to step S204, and selects the background screen area as a display screen of the popup window PU.
When the selection of the display area is completed in step S204, the user terminal 1 advances the process to step S109 in FIG.
When there are a plurality of background screen regions, a display region may be selected by the same processing as in the case where there are a plurality of blank regions.

If it is determined in step S203 that there is no background screen area in which the pop-up window PU can be displayed, the user terminal 1 proceeds to step S205. In step S205, the user terminal 1 determines whether or not there is an image content area in which the pop-up window PU can be popped up.
When there is no blank area and no background screen area, a pop-up window PU may be unavoidably displayed so as to overlap with the content display area. The pop-up window PU is displayed in the image content area where the entire content can be roughly grasped even if a part is hidden, avoiding the content area.

When the user terminal 1 determines in step S205 that there is an image content area, the process proceeds to step S206, and the image content area is selected as a display area.
When there are a plurality of image content areas, a display area may be selected by the same processing as when there are a plurality of blank areas.
Here, the user terminal 1 performs an analysis process on the image content area, specifies a blank area in the image content area, and displays the pop-up window PU in a pop-up window so as to overlap the specified blank area. It is also possible to select an area as a display area. Thereby, even if a part is hidden by the pop-up window PU, the contents of the image content area can be easily grasped, and the pop-up window PU can be displayed without impairing the visibility of the user.
When the selection of the display area is completed in step S205, the user terminal 1 advances the process to step S109 in FIG.

If it is determined in step S205 that there is no image content area in which the pop-up window PU can be displayed, the user terminal 1 proceeds to step S207. In step S207, the user terminal 1 selects a display area from an area other than the operation area. The operation area refers to an area in which the user receives an operation such as touching and clicking on the operation area.
That is, this is a process for displaying the pop-up window PU at a position where the operability of the user is not hindered. The user terminal 1 selects a display area from an area other than the operation area by the same processing as when there are a plurality of blank areas and the like.
When the selection of the display area is completed in step S207, the user terminal 1 advances the process to step S109 in FIG.
Note that the user terminal 1 may proceed to step S108 in FIG. 7 without selecting a display area in step S208. That is, when the process proceeds to step S207, there may be an example in which the process returns to step S102 without displaying the popup window PU.
If the pop-up window PU cannot be displayed in any of the blank area, the background screen area, and the image content area, there is a high possibility that the visibility of the product browsing screen cannot be secured. .

  This is the end of the description of the display region determination process (step S108 in FIG. 7) illustrated in FIG. When the user terminal 1 displays the popup window PU on the product browsing screen by performing the display area determination process, the position (display area) where the popup window PU is displayed is determined.

Referring back to FIG. 7, in step S109, the user terminal 1 determines whether there is a display area.
If it is determined in step S109 that there is no display area, the user terminal 1 proceeds to step S102 without performing the popup display processing of the popup window PU in steps S110 to S112, and detects a scroll start operation from the user. Wait until you do.
The case where there is no display area is, for example, a case where the user terminal 1 has not selected a display area in step S207 of FIG.

  If it is determined in step S109 that there is a display area, the user terminal 1 proceeds to step S110 and acquires size information on the size of the display area. The size information is obtained by the analysis process in step S106 by the user terminal 1.

Then, in step S111, the user terminal 1 adjusts the size of the popup window PU. The user terminal 1 adjusts the size of the pop-up window PU based on the size information of the display area, and enlarges or reduces the pop-up window PU to, for example, the same size as the display area.
At this time, the user terminal 1 may enlarge or reduce the screen itself of the pop-up window PU, or prepare pop-up windows PU of various sizes in advance, and select the one closest to the size of the display area. It may be that.
In addition, the size of the pop-up window PU may be adjusted to be slightly larger or narrower than the display area.

When the size adjustment of the pop-up window PU is completed, in step S112, the user terminal 1 displays the pop-up window PU in the display area on the product browsing screen.
Thereby, after scrolling the product browsing screen from the image displayed in the window WD of FIG. 5 to the image displayed in the window WD of FIG. 6, when the scrolling is stopped, for example, the blank selected in the display area is displayed. A pop-up window PU is displayed so as to overlap the area BK (FIG. 6).

After the process of step S112 is completed, the user terminal 1 waits in step S102 until a scroll operation is detected again with the popup window PU displayed on the product browsing screen.
Then, upon detecting the start of the user's scroll operation, the user terminal 1 proceeds to step S103. Here, since the pop-up window PU is displayed on the product browsing screen by the process of step S112, the user terminal 1 proceeds from step S103 to step S104, and hides the displayed pop-up window PU. Execute the process.
Then, the user terminal 1 advances the process to step S105, and executes the same process as above. Thereby, the process of hiding the pop-up window PU during scrolling and displaying the pop-up window PU on the product browsing screen after the scrolling is stopped can be realized.

In step S104, while the product browsing screen is scrolling, the pop-up window PU may be displayed following the scrolling.
Further, the processing in FIG. 7 is appropriately ended when the user moves from the product browsing screen to another screen in the window WD or closes the window WD on which the product browsing screen is displayed in the window WD.

<7. Overview of Presentation Screen in Second Embodiment>
Next, the outline of the display control of the pop-up window PU on the product browsing screen displayed on the user terminal 1 in the second embodiment will be described with reference to FIGS. 5, 10, and 11. FIG. The present embodiment is an example in which a pop-up window PU is displayed so as to follow a scrolling screen when scrolling a product browsing screen displayed in a window WD.

First, as shown in FIG. 5, when the user moves to the product browsing screen on the web browser of the user terminal 1, the first view image is displayed on the product browsing screen of the window WD.
In the present embodiment, as in the first embodiment, the pop-up window PU is not displayed while the first view image is displayed in the window WD.

Thereafter, when the user performs a scroll operation on the product browsing screen in the window WD, a pop-up window PU is displayed in a pop-up window, for example, in the upper right portion of the window WD as shown in FIG.
At this time, the display position of the popup window PU on the window WD is fixed. That is, even when the product browsing screen is scrolling, the pop-up window PU is always displayed at a fixed position with respect to the window WD. For example, the pop-up window PU is fixedly displayed on the upper right portion of the window WD.
Thus, the pop-up window PU is displayed so as to follow the moving direction of the product browsing screen in accordance with the scroll of the screen.

In the second embodiment, the pop-up window PU is always displayed fixedly in any arrangement row on the window WD during and after scrolling of the product browsing screen. There is an advantage that the position of the pop-up window PU can be easily grasped even when it is performed.
Further, in the second embodiment, the layout column in which the content display area CT is unlikely to overlap among the plurality of layout rows is used as the display area of the pop-up window PU, thereby ensuring the visibility of the content display area CT. Can be realized.

  In addition, the pop-up window PU is always fixedly displayed on the upper right portion of the window WD while the product browsing screen is being scrolled and the scrolling is completed. Therefore, depending on the display portion of the product browsing screen, as shown in FIG. 11, for example, the pop-up window PU may overlap the content display area such as the image content area CT3. Therefore, in such a case, display control is performed so that the pop-up window PU becomes translucent. In FIG. 11, the pop-up window PU displayed translucently is indicated by a broken line. This allows the pop-up window PU to be displayed while scrolling the screen and in a stopped state without unnecessarily impairing the visibility of the content display area.

<8. First Example of Product Screen Browsing Process in Second Embodiment>
A first example of the product screen browsing process (S14 in FIG. 4) executed by the user terminal 1 on the web browser to realize the operation of the display control system in the second embodiment will be described with reference to FIGS. Will be explained. The user terminal 1 executes a product screen browsing process based on a program plugged into the web page data received from the distribution server 2.

  First, in step S101, the user terminal 1 displays a product browsing screen on the window WD. Then, in step S301, the user terminal 1 performs an arrangement column determination process for determining the position of the pop-up window PU that displays a pop-up when a scroll operation by the user is detected.

Here, details of the arrangement column determination processing will be described with reference to FIG.
First, in step S401, the user terminal 1 acquires the window size information of the window WD, and in step S402, executes a process of specifying a display mode of the product browsing screen on the window WD according to the acquired window size information. . That is, the user terminal 1 specifies the configuration of the web page data WP displayed in the window WD. This is because the size of the web page data to be displayed and the arrangement relationship of the content display area and the priority display area are adjusted by the window size of the window WD.

  After specifying the configuration of the web page data WP displayed in the window WD, the user terminal 1 performs an analysis process on the web page data WP in step S403. Thereby, the user terminal 1 can specify the arrangement relationship of the content display area CT and the priority display area PR in the web page data WP. By specifying the arrangement relationship of the content display area CT and the priority display area PR, the position of the blank area BK can also be specified.

In step S404, the user terminal 1 divides the web page data WP into a plurality of columns. For example, as shown in FIG. 10, the web page data WP is divided into equally-spaced columns wh1 to wh3.
The user terminal 1 calculates the ratio of the blank area BK for each column. Then, in step S405, the user terminal 1 determines a column having the highest area ratio of the blank region BK (that is, a column having the lowest area ratio of the content display region CT) as the arrangement column. That is, when the user terminal 1 detects the start of a scroll operation from the user, which will be described later, the user terminal 1 displays the pop-up window PU in a pop-up window in any area of the arrangement row.
As described above, the user terminal 1 ends the arrangement sequence determination processing in FIG. 13 and performs a monitoring loop of steps S302 → S304 → S305 in FIG. 12 after the arrangement sequence determination processing in step S301.

If the user terminal 1 detects in step S302 in FIG. 12 that the user has started the scroll operation, the process proceeds to step S303.
In step S303, the user terminal 1 displays the pop-up window PU so as to follow the scroll of the product browsing screen of the window WD.
That is, the user terminal 1 displays the fixed display position on the window WD of the pop-up window PU. As a result, even during scrolling, the pop-up window PU is always displayed at a fixed position with respect to the window WD. For example, in FIG. 10 showing before scrolling and FIG. 11 showing after scrolling, the pop-up window PU is fixedly displayed in the upper right portion of the window WD.
In addition, when the user terminal 1 detects that the scroll operation of the user has been started, if the pop-up window PU is not displayed in the window WD, the pop-up window PU is displayed in the arrangement row determined in step S301. Then, the follow-up display is executed.
After finishing the process of step S303, the user terminal 1 returns to the monitoring of steps S302 → S304 → S305.
Note that the scrolling follow-up display is not limited to the timing of step S302, and it is assumed that the user terminal 1 appropriately performs the follow-up display of the pop-up window PU when detecting that the user has started the scroll operation. I do.

When the user terminal 1 determines in step S304 that the change in the window size has been changed, the user terminal 1 proceeds to step S301, performs the arrangement column determination process again, and monitors the steps S302 → S304 → S305. Return.
Here, the change in the window size refers to, for example, a case where the window of the web browser on the computer device is made full-screen, enlarged, reduced, or the like.

  If the user terminal 1 determines in step S305 that the pop-up window PU is displayed on the window WD, the process proceeds to step S306. Here, the display of the pop-up window PU includes a normal display displayed in a normal display mode that is not translucent, and a translucent display in which the content display area is translucent and the content display area is visible in a superimposed portion. It is only necessary that the information be displayed in any of the display modes.

In step S306, the user terminal 1 determines whether the area where the pop-up window PU is displayed overlaps the content display area.
If the pop-up window PU does not overlap the content display area, the user terminal 1 determines in step S307 whether the pop-up window PU is normally displayed on the window WD.

If the pop-up window PU is not normally displayed, that is, if the pop-up window PU is displayed translucently, the user terminal 1 proceeds to step S308, and performs a process of setting the pop-up window PU to normal display. Here, since the pop-up window PU does not overlap the content display area, it is not necessary to make the pop-up window PU semi-transparent in order to ensure the visibility of the content display area.
After step S308, the user terminal 1 proceeds to step S311.

  If the pop-up window PU is not normally displayed in step S307, the user terminal 1 proceeds to step S311 without performing the process in step S308.

If the pop-up window PU overlaps the content display area in step S306, the user terminal 1 proceeds to step S309.
The user terminal 1 determines in step S309 whether the pop-up window PU is normally displayed on the window WD.
If the pop-up window PU is normally displayed on the window WD, that is, if the pop-up window PU is not displayed translucently as shown in FIG. 11, for example, the user terminal 1 determines in step S310 that the pop-up window PU Is executed to make the translucent display. At this time, a process of making the pop-up window PU transparent may be performed. After step S309, the user terminal 1 proceeds to step S311.
If the pop-up window PU is not normally displayed on the window WD in step S309, that is, if the pop-up window PU is translucently displayed, the process proceeds to step S311 without performing the process of step S310.

In step S311, the user terminal 1 determines whether a priority display area is displayed in the product browsing screen of the window WD. If the priority display area is not displayed, the user terminal 1 proceeds to step S304, and thereafter returns to the monitoring loop.
When the priority display area is displayed, the user terminal 1 performs a process of hiding the pop-up window PU in step S312. For example, as shown in FIG. 8, when the priority display area PR is displayed on the product browsing screen displayed in the window WD, a link to the purchase procedure screen (to the purchase procedure) is displayed without displaying the pop-up window PU. This is because the operation area (added to the product basket) for exhibiting functions such as ()) and the purchase list addition is displayed on the product browsing screen.

After the process of step S312 ends, in step S313, the user terminal 1 waits until the priority display area moves out of the product browsing screen of the window WD.
When the priority display area moves out of the product browsing screen, in step S314, the user terminal 1 displays the pop-up window PU again. At this time, the display is performed in the same display mode (normal display, translucent display, or the like) as the pop-up window PU displayed in step S312.
When the process of step S314 ends, the user terminal 1 advances the process to step S304, and thereafter returns to the monitoring loop.

  Note that the processing in FIGS. 12 and 13 is appropriately performed by moving from the product browsing screen to another screen in the window WD by the user's operation or closing the window WD displaying the product browsing screen. Will be terminated.

  When the user terminal 1 executes the above product screen browsing process, the pop-up window PU is displayed following the scroll of the product browsing screen in the window WD while changing the display mode.

<9. Second Example of Product Screen Browsing Process in Second Embodiment>
A second example of the product screen browsing process (S14 in FIG. 4) according to the second embodiment will be described with reference to FIG.
In the second example, when an operator such as a cursor approaches a popup window PU displayed in a translucent state, the popup window PU is set to a normal display state.
The second example is the same as the first example except for the processing after step S501 executed before step S311. Therefore, in this example, only the processing after step S501 will be described. Step S501 is a process executed after any of the processes of steps S307 to S310.

First, in step S501, the user terminal 1 determines whether or not the cursor is approaching the pop-up window PU.
If the cursor has not approached the pop-up window PU, the user terminal 1 proceeds to step S311 and performs the same processing as in the first example.
If it is detected that the cursor is approaching the pop-up window PU, the process proceeds to step S502, and it is determined whether the pop-up window PU is normally displayed. If it is normally displayed, the user terminal 1 proceeds to step S311 and performs the same processing as in the first example.

If the pop-up window PU is not normally displayed, that is, if the pop-up window PU is in a semi-transparent state, the user terminal 1 proceeds to step S503.
In step S503, the user terminal 1 executes a process of setting the display mode of the pop-up window PU displayed in the semi-transparent state to the normal display.
Thereafter, in step S504, the user terminal 1 waits until the cursor is not approaching the pop-up window PU, that is, waits until the cursor leaves the pop-up window PU. When detecting that the cursor has left the pop-up window PU, the user terminal 1 proceeds to step S306, and executes the same processing as in the first example below.
This concludes the description of the second example of the product screen browsing process according to the second embodiment.

<10. Summary and Modified Examples>
The distribution server 2 described in the above embodiments and the like performs a first process of displaying a page area having a content display image (content display area) in a first window (window WD), and a process of displaying a content display area in the page area. The second processing for selecting the display position of the second window (pop-up window PU) according to the arrangement, and the display position (display area) selected in the second processing on the page area displayed in the first window (window WD) ), A third process for displaying a second window (pop-up window PU), and a web page data generation unit 22 for generating web page data WP including a program for causing a terminal device (user terminal 1) to execute the third process. Control for transmitting web page data WP to a terminal device (user terminal 1) and presenting the web page data WP 21, but with a (7, 12, 14).
Thus, in the product browsing screen displayed in the window WD that changes in response to the scroll operation, at each stop position of the product browsing screen, the position of the content display area displayed in the window WD is added, and the pop-up window is displayed. The pop-up display position of the PU can be determined. That is, for example, the display area of the pop-up window PU can be determined so as not to overlap the content display area on the window WD.

Displaying the pop-up window PU on the product browsing screen exerts, for example, a link (to purchase procedure) for moving to a specific screen that is not displayed on the product browsing screen, and functions such as adding a purchase list. The user's convenience is improved by displaying an operation area (added to the product basket) for the user in the pop-up window PU.
Therefore, for example, by determining the display area of the pop-up window PU so as not to overlap the content display area on the window WD, it is convenient for the user without impairing the visibility of the product browsing screen displayed on the window WD. Can be displayed.
In addition, by displaying the pop-up window PU so as not to overlap the content display area on the window WD, it is possible to effectively use the display area on the window WD.

In the second processing of the web page data generated by the distribution server 2, it is conceivable to select a display position of the second window (pop-up window PU) from the content non-display area (blank area BK) in the page area ( S201 of FIG. 9).
The blank area BK is an area having a small amount of information for the user such as a blank area on the product browsing screen. By setting such an area as the display area of the pop-up window PU, the pop-up window PU is displayed in a pop-up manner so as not to overlap the content display area displayed in the window WD. The visibility can be further improved.
Further, by displaying the pop-up window PU in an area where the amount of information is small for the user, it is possible to further effectively utilize the display area on the window WD.

In the second processing, the display position of the second window (pop-up window PU) is selected from the content non-display area (blank area BK) in the display range at the end of scrolling of the page area (S108 in FIG. 7). .
Thereby, the pop-up display position of the pop-up window PU that does not overlap the content display area displayed in the window WD can be specified based on the product browsing screen displayed in the window WD after the scroll operation ends.
To prevent the pop-up window PU from being overlapped with the content display area by once hiding the pop-up window PU after the start of scrolling and selecting the display area of the pop-up window PU again on the product browsing screen after the scroll is completed. It is possible to improve the visibility of the user.
Further, by performing the process of selecting the display area of the pop-up window PU every time the scroll is stopped, the display area of the pop-up window PU suitable for each of the currently displayed product browsing screens can be selected each time. Therefore, the pop-up window PU in which the display mode of the latest product browsing screen is reflected can be displayed.

When the second window (pop-up window PU) is displayed on the first window (window WD), the second window (pop-up window PU) is not displayed in response to the start of scrolling of the page area. (S104 in FIG. 7).
By not displaying the pop-up window PU on the window WD while the product browsing screen is scrolling, the user can comfortably browse the scrolling screen. In addition, during scrolling, the pop-up window PU is not displayed on the window WD, and the pop-up window PU is displayed after the scrolling is stopped, so that a natural display of the pop-up window PU can be realized.

Further, the second window (pop-up window PU) displayed in the third process is adjusted to the size of the display position area of the second window (pop-up window PU) selected in the second process in the web page data generated by the distribution server 2. ) Is variable (S110 to S112 in FIG. 7).
Thus, for example, when the blank area is smaller than the pop-up window PU, the size of the pop-up window PU is adjusted so as to fit in the display area such as the blank area, so that the pop-up window PU overlaps the content display area of the product browsing screen. It can be displayed so as not to be. Therefore, the visibility of the content display area of the user can be further secured.
Also, by adjusting the size of the pop-up window PU so as to fit in a display area such as a blank area, for example, when the blank area is large, the pop-up window PU is enlarged and displayed so that the user can easily browse and operate. It is also possible to do. Thereby, the visibility and operability of the pop-up window PU of the user can be improved.
Also, since the pop-up window PU can be displayed regardless of the size of the blank area or the like, the display area of the window WD can be effectively used.

In the second processing of the web page data generated by the distribution server 2, the second window (pop-up window) is analyzed based on the analysis of the region of the page area where the presentation information is superimposed by the display of the second window (pop-up window PU). It is conceivable to select the display position of (PU) (S301 in FIGS. 12 and 14).
Thus, when scrolling the product browsing screen, the position of the pop-up window PU displayed in the window WD in the scrolling progress method does not change according to the displayed product browsing screen.
Therefore, the display position of the pop-up window PU does not frequently change on the window WD in accordance with the scrolling of the screen or the like. It is possible to improve the user's visibility by displaying the pop-up window PU at the position.

In the second processing of the web page data generated by the distribution server 2, the page area is divided into a plurality of arrangement rows (wh1 to wh3) in the scrolling direction, and among the plurality of arrangement rows, the content display area is displayed. It is conceivable that a position included in the arrangement row having the lowest area ratio is selected as a display position of the second window (pop-up window PU) (S405 in FIG. 13).
Thereby, even if the position of the popup window PU displayed in the window WD in the scrolling progress method is fixed, the popup window PU is less likely to overlap the content display area. Therefore, it is possible to improve the visibility of the user on the product browsing screen during or after scrolling.

In the third processing of the web page data generated by the distribution server 2, the scroll following display of the second window is started in response to the start of the scroll of the page area (S303 in FIG. 12).
This makes it easy to visually confirm the moving position of the pop-up window PU displayed in the pop-up window on the product browsing screen displayed in the window WD that changes according to the scroll. Therefore, when the user browses related information displayed in the pop-up window PU or operates a link, the pop-up window PU can be easily visually recognized, and user convenience can be improved.

Further, when the second window (pop-up window PU) overlaps the content display area, the second window (pop-up window PU) is displayed translucently so that the content display area overlapping the second window (pop-up window PU) becomes visible. (S310 in FIGS. 12 and 14).
For the user, it is desired that the pop-up window PU does not overlap with the content display area so that the contents of the product cannot be grasped. However, since the pop-up window PU is not displayed, the functions and information of the pop-up window PU are displayed on the product browsing screen. Searching from is more troublesome. In addition, when browsing the content display area, there may be a case where it is sufficient if the content of the content can be grasped even if there is a part that is hard to see.
Therefore, by setting the pop-up window PU overlapping the content display area to be in a semi-transparent state, even when the pop-up window PU overlaps the content display area, it is possible to secure visibility in which the contents of the content display area can be grasped. , The position of the pop-up window PU can be grasped.

When the cursor on the first window (window WD) approaches the second window (pop-up window PU), the translucent display of the second window (pop-up window PU) may be canceled (S503 in FIG. 14). .
Thus, when the pop-up window PU is clicked with the cursor, the pop-up window PU is displayed in a state of overlapping the content display area or the like.
When the cursor is approaching the pop-up window PU, it can be assumed that the user intends to operate a function or the like displayed in the pop-up window PU. In such a case, if the pop-up window PU is in a semi-transparent state, it may be difficult for the user to visually recognize an area selected by the user.
Therefore, the operability of the user can be improved by releasing the transparent state of the popup window PU in response to the cursor approaching the popup window PU.

In the second processing of the web page data generated by the distribution server 2, when there is no content non-display area (blank area BK) to be displayed in the second window (pop-up window PU), the content is displayed in the content display area. It is conceivable to select a position that does not impair the visibility of the content being displayed as the display position of the second window (pop-up window PU) (FIG. 9).
Thus, even when there is no blank area BK large enough to display the pop-up window PU, the pop-up window PU is displayed in a portion where the visibility of the provided content such as the background pattern of the content image is not impaired. I do.
The content display screen such as the product browsing screen does not always have a sufficient blank area. Therefore, it is possible to improve the convenience for the user by automatically selecting and displaying a part or the like where specific content information is not described, such as a background screen area.

While the page area displayed in the first window (window WD) includes an area (priority display area PR) that can be replaced by the second window (pop-up window PU), the second window (pop-up window PU) is used. PU) may not be displayed (S107 in FIG. 7, S311 in FIGS. 12 and 14).
For example, as shown in FIG. 8, when the priority display area PR is displayed on the product browsing screen displayed in the window WD, a link to the purchase procedure screen (to the purchase procedure) is displayed without displaying the pop-up window PU. ) And an operation area (added to a product basket) for exhibiting functions such as addition of a purchase list are displayed on the product browsing screen.
In such a case, if the pop-up window PU is displayed on the product browsing screen, a plurality of areas having the same function depend on each other, which may cause confusion for the user.
Therefore, for example, when the pop-up window PU displays a link to the content purchase screen, and when information having the same function as the pop-up window PU is displayed in the window WD, the pop-up window PU is not displayed. It is possible to effectively utilize the display area of the window WD and realize comfortable browsing for the user.

  In the present embodiment, a product is used as an example of the content, and the display control system of the browse screen of the presented product has been described. However, the content of the present invention is not limited to the display control of the product browse screen. For example, news, reviews, blogs, recipes, and the like can be used as a display control system on various web page screens. Of course, various contents can be adopted depending on the type of website.

  Further, the processes described in the present embodiment may be independent processes, or may be performed in combination. Various aspects can be considered as a combination of the embodiments.

<11. Program and Storage Medium>
The distribution server 2 as an embodiment of the information processing apparatus according to the present embodiment has been described above. The program according to the embodiment is a program for causing an information processing apparatus (such as a CPU) to execute each process in the distribution server 2. It is.

A program according to an embodiment includes a first process for displaying a page area having a content display image in a first window, and a second process for selecting a display position of a second window in accordance with an arrangement of the content display area in the page area. A program for causing a terminal device to execute a second process and a third process of displaying the second window at a display position selected in the second process on the page area displayed in the first window. The information processing apparatus executes a web page data generation function of generating web page data and a control function of transmitting the generated web page data to the terminal device and performing a process of presenting the web page data.
That is, this program is a program that causes the distribution server 2 to execute the processing of each step described in FIG.

Further, the program according to the embodiment may be a program that causes an information processing device (such as a CPU) of the user terminal 1 to execute the first process, the second process, and the third process. That is, a first process of displaying a page region having a content display image in a first window, a second process of selecting a display position of a second window in accordance with an arrangement of the content display region in the page region, The terminal device can execute a third process of displaying the second window at a display position selected in the second process on the page area displayed in the first window.
Such a program may be installed in the user terminal 1 as an application program, and the above-described processing may be executed in the user terminal 1. That is, the processing by the distribution server 2 according to the embodiment, which is performed by the program included in the web page data generated by the web page data generation unit, is executed by the application program installed in the user terminal 1. Thereby, a pop-up display can be realized on the user terminal in consideration of the arrangement of the content display area displayed in the window WD without communication with the distribution server 2. In that case, the user terminal 1 corresponds to the information processing apparatus according to claim 14.
This program is a program that causes the user terminal 1 to execute the processing of each step described with reference to FIGS. 7, 9, and 12 to 14.

With such a program, an information processing device as the distribution server 2 or an information processing device as the user terminal 1 can be realized.
Such a program can be stored in advance in an HDD as a storage medium built in a device such as a computer device, a ROM in a microcomputer having a CPU, or the like. Alternatively, it can be temporarily (or permanently) stored in a removable storage medium such as a semiconductor memory, a memory card, an optical disk, a magneto-optical disk, or a magnetic disk. Further, such a removable storage medium can be provided as so-called package software.
Such a program can be installed on a personal computer or the like from a removable storage medium, or can be downloaded from a download site via a network such as a LAN or the Internet.

  N: Network, 1: User terminal, 2: Distribution server, 21: Control unit, 22: Web page data generation unit, CT: Content display area, PU: Pop-up window, WD: Content window

Claims (14)

A first process of displaying a page area having a content display image in a first window;
A second process of selecting a display position of a second window according to an arrangement of the content display image in the page area;
A third process of displaying the second window at a display position selected in the second process on the page area displayed in the first window;
A web page data generation unit that generates web page data including a program that causes the terminal device to execute
An information processing apparatus, comprising: a control unit that transmits the generated web page data to the terminal device and performs a process of presenting the web page data to the terminal device. The information processing apparatus according to claim 1, wherein in the second processing, a display position of the second window is selected from a content non-display area in the page area. The information processing apparatus according to claim 1, wherein in the second processing, a display position of the second window is selected based on an analysis of an area in which presentation information is superimposed by the display of the second window in the page area. The information processing apparatus according to claim 2, wherein in the second processing, a display position of the second window is selected from the content non-display area in a display range when scrolling of the page area ends. The method according to claim 1, wherein when the second window is displayed on the first window, the second window is not displayed in response to a start of scrolling of the page area. An information processing apparatus according to claim 1. The size of the second window displayed in the third process is variable according to the size of the display position area of the second window selected in the second process. An information processing device according to any one of the above. In the second process, the page area is divided into a plurality of arrangement rows in a scrolling direction, and among the plurality of arrangement rows, a position included in the arrangement row having the lowest area ratio of the content display image is determined as the second position. The information processing apparatus according to claim 3, wherein the information is selected as a display position of two windows. The information processing apparatus according to claim 3, wherein in the third processing, a scroll following display of the second window is started in response to a start of scrolling of the page area. 9. The translucent display of the second window when the second window overlaps the content display image so that the content display image overlapping the second window becomes visible. 10. An information processing apparatus according to claim 1. The information processing apparatus according to claim 9, wherein when the cursor on the first window approaches the second window, the translucent display of the second window is released. In the second processing, when there is no content non-display area to be the display position of the second window, a position that does not impair the visibility of the content displayed in the content display image is displayed in the second window. The information processing apparatus according to claim 2, wherein the information is selected as a position. The display of the second window is not performed during a period in which the page area displayed in the first window includes an area that can be replaced with the second window. An information processing apparatus according to claim 1. A first process of displaying a page region having a content display image in a first window, a second process of selecting a display position of a second window according to an arrangement of the content display image in the page region, Web for generating web page data including a program for causing a terminal device to execute a third process of displaying the second window at a display position selected by the second process on the page area displayed in a window A page data generation step;
A control step of transmitting the generated web page data to the terminal device and performing a process of presenting the web page data,
Information processing method in which the information processing apparatus executes the processing. A first process of displaying a page region having a content display image in a first window, a second process of selecting a display position of a second window according to an arrangement of the content display image in the page region, A third process of displaying the second window at a display position selected in the second process on the page area displayed in a window;
That causes an information processing apparatus to execute the process.

Images