JP6081653B1 - Information processing apparatus, program, information processing method, and storage medium - Google Patents

Abstract

An object of the present invention is to present additional content on a web page while making it easy for a user to get attention to the additional content and not disturbing the browsing of the content. As a web page data for causing a terminal device to display a web page in which a plurality of content parts are arranged in a scroll direction, a forward scroll direction of a predetermined content part among a plurality of content parts as a result of forward scrolling. An arrival determination process for determining whether the page-side reference position set as the end position has reached the screen-side reference position set on the browser screen side of the terminal device, and the page-side reference position as the screen-side reference position In response to further forward scrolling that has been reached, the scroll follow-up speed of the content parts following the page-side reference position is made slower than the scroll follow-up speed of the content parts preceding the page-side reference position. Space that expands between the page-side reference position and the preceding content part A web page data generation unit that generates web page data that causes the terminal device to execute display control processing for causing additional content to appear, and transmits the web page data generated by the web page data generation unit to the requesting terminal device A web page transmission unit. [Selection] Figure 10

Description

  The present invention relates to an information processing device, a program, an information processing method, and a storage medium storing the program, and more particularly to a technical field related to content display control on a web page.

JP 2014-186541 A

  Some web pages present, for example, specific target images in addition to the main content. For example, taking a web page as a blog (web log) as an example, an advertisement image is presented in addition to the main content as a blog article.

  As for the related prior art, Patent Document 1 can be cited.

  At this time, depending on how the target image is presented, it may be an obstacle to browsing other contents. For example, in the case where the target image is presented by being superimposed on other content in order to easily obtain the user's attention, the browsing of the content is hindered.

  The present invention has been made in view of the above circumstances, and makes it easier for the user to get attention to the additional content and not to disturb the browsing of the content when presenting the additional content such as the target image on the web page. It aims to be performed while trying to achieve both.

  An information processing apparatus according to the present invention provides, as web page data for causing a terminal device to display a web page in which a plurality of content parts are arranged in a scroll direction, in accordance with a forward scroll, a predetermined one of the plurality of content parts. An arrival determination process for determining whether or not the page-side reference position set as the forward scroll direction end position of the content part has reached the screen-side reference position set on the browser screen side of the terminal device; and the page side In response to further forward scrolling after the reference position reaches the screen-side reference position, the scroll-following speed of the content part that follows the page-side reference position is set to the scroll-following speed of the content part that precedes the page-side reference position. The page side reference position and the preceding position A web page data generation unit that generates the web page data that causes the terminal device to execute display control processing for causing additional content to appear in a space that expands between the content parts and the web page data. A web page transmission unit configured to transmit the web page data generated by the generation unit to a requesting terminal device.

  Due to the web page data as described above, the additional content appears on the web page with a behavior different from that of the other content parts to be scrolled, so that the user can easily get attention to the additional content. Further, since the additional content appears in a space portion generated between the content parts as it scrolls, it is less likely to disturb the browsing of the other content parts as compared with the case where the additional content appears superimposed on the other content parts.

In the information processing apparatus according to the present invention, the web page data generation unit scrolls the content parts on the reverse scroll direction side of the page side reference position in response to further scrolling after the additional content has appeared. It is desirable to generate the web page data that causes the terminal device to execute the process of reducing the space by making the follow-up speed faster than the scroll follow-up speed of other content parts.
As a result, all the additional content that appears along with the scrolling is closed according to the further forward scrolling.

In the information processing apparatus according to the present invention described above, the web page data generation unit is configured to start expanding the space in a state where at least a part of the subsequent content parts is displayed in the browser screen. It is desirable to generate the web page data that causes the terminal device to execute processing for setting the screen-side reference position.
Thereby, the expansion of the display space for the additional content is started in a state where it is clear that there is a subsequent part at the page side reference position.

In the information processing apparatus according to the present invention described above, the web page data generation unit includes the screen-side reference position so that the center in the scroll direction of the additional content that has appeared is positioned at the center in the scroll direction of the browser screen. It is desirable to generate the web page data that causes the terminal device to execute the process of setting the.
As a result, the additional content can be more easily noticed.

In the information processing apparatus according to the present invention described above, the image sizes of the plurality of content parts are made equal, and the image size of the additional content that appears all is equal to or less than the image size of the content parts. desirable.
As a result, it is possible to make it difficult to disturb content browsing.

In the information processing apparatus according to the present invention described above, the web page data generation unit includes a plurality of content part sequences in which a plurality of content parts are arranged in a scroll direction, and a plurality of the content part sequences. It is desirable to generate the web page data that causes the terminal device to execute the arrival determination process and the display control process for a specific content part sequence.
In this way, by making the additional content appear only for a specific content part row, it becomes possible to make the additional content appear while the content parts around the position where the additional content appears follow the scroll as usual. The appearance of additional content can be made more conspicuous.

In the information processing apparatus according to the present invention described above, the web page data generation unit performs the arrival determination process and the display control process for the content part sequence having the shortest scroll direction length among the plurality of content part sequences. It is desirable to generate the web page data to be executed by the terminal device.
As a result, it is possible to suppress content part arrangement deviation between content part sequences on the end side in the reverse scroll direction when all additional content appears.

  Further, a first program according to the present invention is a program that is executed by an information processing apparatus that performs display control for a web page in which a plurality of content parts are arranged in a scroll direction. Arriving to determine whether or not the page-side reference position set as the forward scroll direction end position of the predetermined content part among the content parts has reached the screen-side reference position set on the browser screen side of the information processing apparatus In response to the determination function and further forward scrolling after the page-side reference position reaches the screen-side reference position, the scroll follow-up speed of the content parts that follow the page-side reference position precedes the page-side reference position. Slower than the scrolling speed of the content parts to be And a display control function for causing additional content to appear in a space that expands between a reference position on the page side and the preceding content part. .

  According to such a first program, the above-described processing of the terminal device can be realized in the information processing apparatus, and it becomes easier for the user to get attention to the additional content, and the display of the additional content can be performed with other content parts. It becomes possible to make it difficult to get in the way of browsing.

In addition, the information processing method according to the present invention provides, as web page data for displaying a web page in which a plurality of content parts are arranged in a scroll direction on a terminal device, a predetermined one of the plurality of content parts as a result of scrolling. An arrival determination process for determining whether a page-side reference position set as a scroll direction end position of the content part has reached a screen-side reference position set on the browser screen side of the terminal device; and the page-side reference In response to further scrolling after the position reaches the screen-side reference position, the scroll follow-up speed of the content parts on the reverse scroll direction side of the page-side reference position is made slower than the scroll follow-up speed of the other content parts, Due to the delay, the page-side reference position and the page-side reference position are scanned. A web page data generation step for generating the web page data for causing the terminal device to execute display control processing for causing additional content to appear in a space that expands between content parts on the roll direction side; An information processing method in which an information processing apparatus executes a web page transmission step of transmitting the web page data generated in the web page data generation step to a requesting terminal device.
Also by such an information processing method, an operation similar to that of the information processing apparatus according to the present invention described above can be obtained.

Furthermore, a second program according to the present invention is a program that causes an information processing apparatus to execute processing executed as the information processing method.
Furthermore, a storage medium according to the present invention is a storage medium that stores the second program. The above information processing apparatus is realized by these programs and storage media.

  ADVANTAGE OF THE INVENTION According to this invention, presentation of the additional content on a web page can be performed, aiming at coexistence with making it easy to obtain the user's attention to the additional content, and not obstructing browsing of content.

It is the figure which showed the example of the network system of embodiment. It is the figure which showed the example of the web page delivered by the information processing apparatus of embodiment. It is the block diagram which showed the hardware constitutions of the computer apparatus which comprises the network system of embodiment. It is the functional block diagram which divided and showed the process which concerns on embodiment for every function. It is explanatory drawing of a screen side reference position. It is explanatory drawing about the additional content presentation method as embodiment. Similarly, it is explanatory drawing about the additional content presentation method as embodiment. Similarly, it is explanatory drawing about the additional content presentation method as embodiment. Similarly, it is explanatory drawing about the additional content presentation method as embodiment. Similarly, it is explanatory drawing about the additional content presentation method as embodiment. Similarly, it is explanatory drawing about the additional content presentation method as embodiment. Similarly, it is explanatory drawing about the additional content presentation method as embodiment. It is explanatory drawing about the setting method of a screen side reference position. It is the flowchart which showed the setting process of the screen side reference position. It is a flowchart of an arrival determination process and a display control process. It is explanatory drawing about the modification which selects the content part row | line | column which makes an additional content appear. It is explanatory drawing of the modification which concerns on the setting of the screen side reference position based on the content parts reflected on the page initial screen. It is explanatory drawing of the modification which concerns on the setting of the page side reference position based on the content part reflected on the page initial screen.

Hereinafter, embodiments will be described in the following order.

<1. Overview of network system>
<2. Hardware configuration of computer device>
<3. Additional content presentation method as an embodiment>
<4. Processing procedure>
<5. Summary of Embodiment>
<6. Program and Storage Medium>
<7. Modification>

<1. Overview of network system>

FIG. 1 shows an example of a network system 1 assumed in the present embodiment.
The network system 1 is configured such that, for example, a web page server 3 and a plurality of user terminals 4, 4... 4 can communicate with each other via a network 2 as the Internet.

The user terminal 4 is a computer device provided with a web browser. Examples of the user terminal 4 include a high-function mobile phone (smart phone), a mobile phone, a personal digital assistant (PDA), and a portable or stationary personal computer (PC). It is not limited.
The user terminal 4 requests a web page or predetermined processing by transmitting an HTTP (Hypertext Transfer Protocol) request to the web page server 3 or the like. Further, the user terminal 4 receives the web page (web page data) sent in response to the HTTP request and displays it by the web browser. Thereby, the user can browse and operate a desired web page.

  The web page server 3 is composed of a computer device and executes various processes related to a predetermined website. The web page server 3 mainly functions as a web page distribution server that distributes (transmits) the various web pages in response to a request from the user terminal 4.

FIG. 2 shows an example of the web page Wp distributed by the web page server 3.
In the web page Wp of this example, a content part row R in which a plurality of content parts C are arranged in the vertical direction (in this example, coincides with a scroll direction described later) is arranged. The content part C is a part for presenting visual information such as images and characters, for example, and is arranged at a required position on the web page Wp according to a required frame size (image size: number of pixels).
In this example, a plurality of content part rows R are arranged in parallel, specifically, a central content part row RC, a content part row RL arranged on the left and right, and a content part row RR are arranged in total. Has been.
In the figure, an example is shown in which six content parts C are arranged in each content part row R. For each content part C constituting each of the content part rows RL, RC, and RR, the contents are sequentially arranged from the top. .., CL6, content parts CC1, CC2,..., CC6, content parts CR1, CR2,.
In this example, the image size of each content part C is made equal. Further, the vertical positions of the content parts C having the same numerical value at the end (content parts C having the same arrangement order in the scroll direction) are aligned between the content part rows RL, RC, and RR.

  Note that the number of content parts C in each content part row R and the image size of each content part C do not necessarily need to match.

Returning to FIG.
In the network system 1, the web page Wp as described above is distributed to the user terminal 4 in response to the request, and the user can view the content of the web page Wp via the browser screen G (not shown in FIG. 1) of the user terminal 4. Can be viewed.

At this time, when the user browses the content of the web page Wp via the browser screen G, the web page Wp can be scrolled from the relationship of the image sizes of the browser screen G and the web page Wp.
In the web page Wp of this example, additional content (hereinafter referred to as the target image Tg as an example) appears in the process of such scrolling, which will be described later.

Here, scrolling in this specification means that the web page is displaced in a predetermined direction with respect to the screen (the browser screen G in this example). For example, vertical scrolling means that the web page is displaced upward or downward with respect to the screen.
The scroll direction means a direction in which the web page is displaced with respect to the screen. For example, scrolling when browsing a web page from the top to the bottom of the page is a scroll that displaces the web page upward relative to the screen, so the scroll direction is upward. At this time, the forward direction and the reverse direction with respect to the page head position (the initial display position of the web page) are defined as the scroll direction. Specifically, the direction of scrolling performed to display content that cannot be displayed from the initial display position is the forward direction (see the transition of FIG. 6 to FIG. 7: hereinafter also referred to as “forward scroll direction”), and the reverse Assume that the direction of scrolling performed to return to the initial display position side is the reverse direction (hereinafter also referred to as “reverse scroll direction”).

In FIG. 1, various examples of the configuration of the network 2 are assumed. For example, the Internet, intranet, extranet, LAN (Local Area Network), CATV (Community Antenna TeleVision) communication network, virtual private network, telephone line network, mobile communication network, satellite communication network, etc. Is assumed.
Various examples of transmission media constituting all or part of the network 2 are also envisaged. For example, IEEE (Institute of Electrical and Electronics Engineers) 1394, USB (Universal Serial Bus), power line carrier, telephone line, etc. can be wired with infrared, IrDA (Infrared Data Association), Bluetooth (registered trademark), 802.11 wireless It can also be used by radio such as a mobile phone network, satellite line, and digital terrestrial network.

<2. Hardware configuration of computer device>

FIG. 3 shows a hardware configuration of a computer device constituting each device (web page server 3 and user terminal 4) shown in FIG.
In FIG. 3, a CPU (Central Processing Unit) 101 of a computer apparatus performs various processes according to a program stored in a ROM (Read Only Memory) 102 or a program loaded from a storage unit 108 to 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, ROM 102, and RAM 103 are connected to each other via a bus 104. An input / output interface 105 is also connected to the bus 104.
The input / output interface 105 includes an input device 106 such as a keyboard, a mouse, and a touch panel, a display (display device) such as an LCD (Liquid Crystal Display), a CRT (Cathode Ray Tube), an organic EL (Electroluminescence) panel, and a speaker. Are connected to a storage unit 108 configured by an HDD (Hard Disk Drive) or a flash memory device, and a communication unit 109 for mutual communication with an external device.
A media drive 110 is also 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, and information can be written to the removable medium 111. Reading is performed.

In such a computer apparatus, data and programs can be uploaded and downloaded through communication by 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, information processing and communication described below are executed particularly in the computer device as the web page server 3.

<3. Additional content presentation method as an embodiment>

With reference to FIG. 4, various functions relating to presentation of the target image Tg on the web page Wp will be described.
In FIG. 4, among various processes executed by the web page server 3, a process for realizing the additional content presentation method as the embodiment is divided into blocks for each function.

  As shown in the figure, the web page server 3 can be expressed as having a web page data generation processing unit F1 and a web page transmission processing unit F2 for each function.

The web page data generation processing unit F1 generates web page data that causes the user terminal 4 to execute an arrival determination process and a display control process described below as web page data for causing the user terminal 4 to display the web page Wp. To do. The web page data is composed of data required for displaying the web page Wp on the user terminal 4 such as HTML (HyperText Markup Language) data in this example.
The web page transmission processing unit F2 transmits the web page data generated by the web page data generation processing unit F1 to the requesting user terminal 4.

The arrival determination process and the display control process will be described.
In the arrival determination process, the page-side reference position Pt set as the forward scroll direction end position of the predetermined content part C among the plurality of content parts C with the forward scroll of the web page Wp is the browser screen of the user terminal 4. This is a process for determining whether or not the screen side reference position Pr set on the G side has been reached.
In the display control process, the scroll follow-up speed of the content part C following the page side reference position Pt is set to the page side reference position Pt according to further forward scrolling after the page side reference position Pt reaches the screen side reference position Pr. The target image Tg appears in the space that expands between the page-side reference position Pt and the preceding content part C by making it slower than the scroll follow-up speed of the content part C preceding the page. It is a process to make.

Hereinafter, the arrival determination process and the display control process will be specifically described with reference to FIGS.
FIG. 5 is an explanatory diagram of the screen-side reference position Pr.
The screen side reference position Pr is a reference position set with respect to the browser screen G side of the user terminal 4, and is set to a predetermined position in the scroll direction (vertical direction in this example) of the browser screen G. A specific method for setting the screen-side reference position Pr will be described later.

6 to 12 are explanatory diagrams of the additional content presentation method as the embodiment, and the web page Wp and the browser screen at each stage of the process in which the web page Wp is scrolled upward (forward scroll). A relationship with G is schematically shown.
FIG. 6 shows an initial display stage (pre-scrolling stage) of the web page Wp in which the top part of the web page Wp is displayed in the browser screen G.
In this example, the page-side reference position Pt is set to the upper end position (forward scroll direction end position) of the content part CC4 in the central content part row RC. Note that such a page-side reference position Pt can also be referred to as a boundary position between the content part CC4 and the content part CC3.
In the stage before scrolling shown in FIG. 6, the screen-side reference position Pr is located above the page-side reference position Pt.

  FIG. 7 shows a stage where the forward scrolling is performed from the stage shown in FIG. 6 and the page side reference position Pt coincides with the screen side reference position Pr. In the arrival determination process described above, it is determined whether or not the page-side reference position Pt matches the screen-side reference position Pr with forward scrolling.

In response to further forward scrolling from the stage shown in FIG. 7, among the content parts C in the web page Wp, the content part C (page side reference position) on the lower side (reverse scroll direction side) of the page side reference position Pt. The scroll following speed of the content parts following Pt (CC4 to CC6 in this example) is made slower than the scroll following speed of the other content parts C (the content parts C and CC1 to CC3 of the content parts row RL and RR). . In this example, the scroll follow-up speed of the content parts CC4 to CC6 is reduced to “0” (that is, the scroll follow-up stop state is set). In such a scroll follow-up stop state, the targeted content parts CC4 to CC6 do not change their positional relationship with the browser screen G even if scrolling is performed.
According to this, as shown as a transition in FIGS. 8 to 10, the scroll gradually progresses between the page-side reference position Pt and the content part CC3 (that is, the content part C preceding the page-side reference position Pt). A space S that is enlarged is formed.
In the display control process described above, a predetermined target image Tg appears in the space S thus formed.

Here, in this example, the web page Wp has a layer structure. Specifically, the web page Wp includes an upper layer on which the content part C is arranged and a lower layer on which the target image Tg is arranged. Yes. At this time, the arrangement position of the target image Tg in the lower layer is a position corresponding to the formation position of the space S in the upper layer. That is, it is set at a position where the target image Tg can appear in the space S formed as shown in FIGS.
Thereby, the target image Tg can appear in the space S by forming the space S as described above.
The arrangement position of the target image Tg in this example is set so that the center of the space S and the center of the target image Tg coincide with each other when the space S is maximized (state in FIG. 10).
Here, the target image Tg is, for example, an advertisement image. In this case, the target image Tg may be transmitted to the user terminal 4 by the web page server 3 as the web page data, or command information for acquiring the target image Tg from another server device is described in the web page data. The user terminal 4 may acquire it by itself.
Note that the type of the target image Tg is not particularly limited.

In this example, the expansion according to the forward scrolling of the space S ends when the image size in the vertical direction of the space S matches the image size in the vertical direction of the content part C adjacent in the horizontal direction of the space S. . That is, in this example in which the image sizes of the content parts C are equal, the maximum image size of the space S matches the image size of the content parts C.
In this example, the image size of the target image Tg is made to match the maximum image size of such a space S. That is, in this example, the image size of the target image Tg is the same as the image size of the content part C.

In addition, the state where the space S is maximized as shown in FIG. 10 can be paraphrased as a state where the target image Tg has completely appeared (a state where all the appearances have occurred).
In this example, the image size of the target image Tg that appears all matches the image size of the content part C, but this is not essential, and the image size of the target image Tg that appears all is at least that of the content part C. It is sufficient that the size is smaller than the image size (considering difficulty in obstructing content browsing).

Here, in the display control processing of this example, after the space S is enlarged to the maximum as described above and the target image Tg has completely appeared, the space S is gradually reduced according to further forward scrolling. (See FIGS. 11 and 12).
Specifically, the scroll follow-up speed of the content parts C (CC4 to CC6) following the page-side reference position Pt is set to the other content parts C in response to further forward scrolling after the target image Tg has completely appeared. The space S is reduced faster than the scroll follow-up speed. That is, the target image Tg that has been in an all-appearing state is gradually closed.
Thereby, it is possible to prevent the appearing target image Tg from being continuously displayed and to prevent the content browsing from being obstructed.

  Although illustration is omitted, in this example, after the appearance of the target image Tg in response to scrolling (forward scrolling) as shown in FIG. 7 to FIG. The target image Tg is not reappeared with respect to the backward scroll for returning to the side. In this example, the target image Tg reappears after the page-side reference position Pt and the screen-side reference position Pr again coincide with each other by forward scrolling after backward scrolling. Even when the target image Tg reappears, the target image Tg is gradually closed in the same manner in response to further scrolling after the entire appearance of the target image Tg.

Further, in this example, when the backward scroll is performed during the appearance of the target image Tg (between FIGS. 7 to 10), the space S is reduced with respect to the backward scroll and the target image is reduced. Tg is closed (that is, a behavior opposite to that in forward scrolling is realized). Specifically, the other content parts C are made to follow the reverse scroll as usual while maintaining the scroll following stop state (scroll following speed = 0 state) of the content parts CC4 to CC6.
Further, in this example, when the backward scroll is performed while the target image Tg is closed according to the forward scroll (between FIGS. 10 to 12), a space S is set for the backward scroll. The appearance area of the target image Tg is gradually enlarged by enlarging (that is, a behavior opposite to that at the time of forward scrolling is realized). Specifically, while maintaining the scroll follow-up speed of the content parts CC4 to CC6 faster than the scroll follow-up speed of the other content parts C, the other content parts C are made to follow the reverse scroll as usual.

Here, in this example, when all the target images Tg appear as shown in FIG. 10, the center in the scroll direction of the target image Tg that appears is positioned at the center in the scroll direction of the browser screen G. I am doing so.
That is, the screen side reference position Pr is set so that the relationship between the center on the target image Tg side and the center on the browser screen G side is realized.

FIG. 13 is an explanatory diagram of the setting method of the screen-side reference position Pr in this example, and schematically shows the display state in the browser screen G at the previous stage of FIG. 10 (all appearance states of the target image Tg). ing.
In FIG. 13, “Vc” in the figure represents the center of the browser screen G in the scroll direction. In order to make the center in the scroll direction of all the target images Tg appearing coincident with the center Vc of the browser screen G, the screen side reference position Pr is the number of pixels in the scroll direction of the target image Tg (in this example, the number of vertical pixels: Based on “Vp”), the following settings may be made. That is, the screen-side reference position Pr may be set as a position below “Vp / 2” pixels from the center Vc of the browser screen G.

  By realizing the positional relationship between the center of the target image Tg and the center Vc of the browser screen G as described above, the target image Tg can be more easily noticed.

The setting of the screen-side reference position Pr is merely an example, and at least a part of the content parts C (CC4 to CC6) following the page-side reference position Pt is included in the browser screen G as the screen-side reference position Pr. What is necessary is just to set so that expansion of space S may be started in the state displayed in (refer FIG. 7, FIG. 8).
Thereby, the expansion of the display space of the target image Tg is started in a state where it is clear that there is a subsequent part (content part C below the page side reference position Pt) of the page side reference position Pt. It is possible to prevent the subsequent part from being overlooked without being noticed of the presence of the subsequent part (ie, being overlooked without being scrolled).
In order to realize this, the screen side reference position Pr is assumed on the assumption that the number of vertical pixels of the browser screen G is larger than the number of vertical pixels of the content part C in which the page side reference position Pt is set. May be set to a position above the lower end position of the browser screen G.

<4. Processing procedure>

Subsequently, a procedure of processing to be executed by the user terminal 4 in order to realize the additional content presentation method as the above-described embodiment will be described with reference to flowcharts of FIGS. 14 and 15.
As can be understood from the above description, the web page server 3 of this example generates web page data that causes the user terminal 4 to execute the processes shown in FIGS. 14 and 15, and sends the web page data to the request source. To the user terminal 4.

FIG. 14 is a flowchart showing a process for setting the screen-side reference position Pr.
The process shown in FIG. 14 is executed in accordance with the command information described in the web page data when web page data for the web page Wp is received from the web page server 3.
In FIG. 14, the user terminal 4 acquires the number of vertical pixels Vp of the content part C in step S101. The number of vertical pixels Vp can be acquired based on the received web page data.

  In subsequent step S102, the user terminal 4 sets a position below Vp / 2 pixels from the vertical center Vc of the browser screen G as the screen side reference position Pr, and the process shown in FIG.

FIG. 15 is a flowchart of the arrival determination process and the display control process.
The process shown in FIG. 15 is started in response to setting of the screen side reference position Pr by the process of FIG.

First, in step S201, the user terminal 4 determines whether or not the screen-side reference position Pr has reached the page-side reference position Pt by forward scrolling. If it is determined that it has not reached, the determination process of step S201 is performed. Run again.
On the other hand, when it determines with having reached | attained, the user terminal 4 progresses to step S202, and performs the scroll follow-up stop setting of the content parts C below the page side reference position Pt. The scroll follow-up stop setting is a setting in which the target content part C is not caused to follow the scroll (including the reverse scroll) (that is, the follow-up speed = 0).
As understood from the above description, when the forward scroll is performed under this setting, the space S is enlarged above the page-side reference position Pt, and the target image Tg gradually appears. Further, when backward scrolling is performed under this setting, the target image Tg is gradually closed in a state where the target image Tg appears.

  As described above, the web page Wp in this example includes an upper layer on which the content part C is arranged and a lower layer on which the target image Tg is arranged. A first layer in which the content parts C (CC4 to CC6) below the page-side reference position Pt are arranged, and a second layer that is a lower layer than the first layer and in which other content parts C are arranged It is divided into In this case, the scroll follow-up speed setting for the first layer is performed as the scroll follow-up speed setting for the content part C below the page-side reference position Pt in step S202 and the like. By making the scroll follow-up speed of the first layer different from the scroll follow-up speed of the second layer, the scroll follow-up speed of the content part C below the page side reference position Pt is different from the scroll follow-up speed of the other content parts C. It can be made.

In subsequent step S203, the user terminal 4 determines whether forward scrolling is being performed. If forward scrolling is in progress, the user terminal 4 proceeds to step S204, and determines whether or not the target image Tg has completely appeared. That is, it is determined whether or not the space S has been maximized.
If it is determined that the target image Tg has not completely appeared, the user terminal 4 returns to step S203. That is, during forward scrolling until the entire target image Tg appears, the scroll follow-up stop setting is continued, and the space S gradually expands.
On the other hand, when it is determined that all the target images Tg have appeared, the user terminal 4 advances the processing to step S207 described later.

When it is determined in the previous step S203 that the forward scroll is not in progress, the user terminal 4 proceeds to step S205, and the screen side reference position Pr is changed to the initial position of the page side reference position Pt by reverse scroll (see FIGS. 6 and 7). It is determined whether or not it has reached the page-side reference position Pt) before the space S shown is enlarged. This is because whether the screen side reference position Pr has reached the initial position of the page side reference position Pt by reverse scrolling after the arrival at the page side reference position Pt is determined in step S201 and the expansion of the space S is started. This is equivalent to determining whether or not.
When it determines with not having reached | attained by step S205, the user terminal 4 returns to step S203.

  On the other hand, if it is determined in step S205 that the user terminal 4 has reached, the user terminal 4 proceeds to step S206, cancels the scroll follow-up stop setting, and becomes “RETURN” (returns to step S201). Thus, after the screen side reference position Pr reaches the initial position of the page side reference position Pt by reverse scrolling, all the content parts C in the web page Wp are normally (uniformly) according to further reverse scrolling. To reverse scroll. In addition, when the scroll direction is changed to the forward direction after the scroll follow-up stop cancellation is performed in step S206, the arrival is determined by the determination process in step S201, and the space S can be expanded again. .

Next, the processing after step S207 (processing after the target image Tg has completely appeared) will be described.
In step S207, the user terminal 4 performs a scroll follow-up speed increase setting for the content part C below the page-side reference position Pt. This setting is a setting for increasing the follow-up speed for the scroll (including backward scroll) of the target content part C higher than the follow-up speed of the other content parts C.

In subsequent step S208, the user terminal 4 determines whether forward scrolling is being performed. If forward scrolling is in progress, the user terminal 4 proceeds to step S209 and determines whether or not the target image Tg is fully closed. That is, it is determined whether or not the page side reference position Pt has returned to the initial position and the space S has disappeared.
If it is determined that the target image Tg is not fully closed, the user terminal 4 returns to step S208. That is, after the entire target image Tg appears, during the forward scrolling until the target image Tg is fully closed, the above scroll follow-up speed increase setting is continued, and the space S is gradually reduced.

On the other hand, if it is determined that the target image Tg is fully closed, the user terminal 4 proceeds to step S211, performs a setting to return the scroll tracking speed of the content part C below the page-side reference position Pt to normal, and sets “RETURN”. Become.
As a result, the target image Tg is not reappeared with respect to the backward scrolling after the entire appearance → full closing of the target image Tg corresponding to the forward scrolling is performed. As described above, in the case of this example, the target image Tg can appear again after the page-side reference position Pt and the screen-side reference position Pr are matched again by the forward scroll after the reverse scroll.

If it is determined in the previous step S208 that forward scrolling is not in progress, the user terminal 4 proceeds to step S210, and the screen-side reference position Pr becomes the position when all the target images appear by backward scrolling (position at the stage in FIG. In the example, it is determined whether or not the position has returned from the initial position of the page-side reference position Pt to a position lower by the number of vertical pixels of the content part C). This is because the screen-side reference position Pr is set to all the above-mentioned values by reverse scrolling after it is determined that the target image Tg has completely appeared (S204) and until the target image Tg is fully closed (S209). This is equivalent to determining whether or not the position has been returned to the time of appearance.
When it determines with not having returned to the position at the time of all appearance in step S210, the user terminal 4 returns to step S208.

  On the other hand, if it is determined in step S210 that the position has returned to the position of all occurrences, the user terminal 4 returns to step S202 and performs scroll follow-up stop setting for the content part C below the page-side reference position Pt. As a result, if the backward scrolling is continued after the screen side reference position Pr returns to the position when all the target images appear due to the reverse scroll after the appearance of all the target images, the true state when the target image Tg is enlarged is true. It is closed by the reverse behavior. On the other hand, after the screen side reference position Pr returns to the position when all the target images appear due to the backward scroll after the appearance of all the target images, if the scroll direction is changed to the forward direction, all the target images Tg appear in step S204. And the closing operation of the target image Tg according to the forward scroll can be performed.

In the above example, the content part sequence R that causes the target image Tg to appear is the central content part sequence RC. However, the user terminal 4 sets the content part sequence R that causes the target image Tg to appear in a predetermined condition. It may be selectively set based on this.
For example, when the lengths in the scroll direction of the content parts row R are not aligned as shown in FIG. 16, it is conceivable that the target image Tg appears in the content parts row R having the shortest length.

Here, if it is assumed that the target image Tg that has appeared all continues to be displayed regardless of the presence or absence of scrolling, if the target image Tg appears for the content part row R having a long length in the scroll direction. In addition, the displacement of the content parts C on the end side in the reverse scroll direction is promoted between the content parts row R having a short length in the scroll direction.
As described above, if the target image Tg appears in the content part row R having the shortest length in the scroll direction, it is possible to suppress the displacement of the content parts C on the end side in the reverse scroll direction. it can.

  In this case, the web page server 3 describes the command information for selecting the content parts row R that satisfies the condition “the length in the scroll direction is the shortest” as the content parts row R that causes the target image Tg to appear. The generated web page data is generated and transmitted to the requesting user terminal 4.

Further, in the above, an example in which a plurality of content part rows R are arranged in parallel on the web page Wp has been described. However, the present invention can be applied to a case where only one content parts row R is arranged (for example, only the content parts row RC is arranged). A display control technique is applicable. In this case, in forming the space S, the page-side reference position Pt follows the page-side reference position Pt according to further forward-direction scrolling after it is determined that the page-side reference position Pt has reached the screen-side reference position Pr along with the forward-direction scroll. The scroll follow-up speed of the content parts C (CC4 to CC6) to be performed may be made slower than the scroll follow-up speed of the content parts C (CC1 to CC3) preceding the page-side reference position Pt.
For confirmation, the above-mentioned “preceding” and “following” indicate the preceding and succeeding relative to the forward scroll direction, where “preceding” is the forward scroll direction side and “following” is the reverse scroll direction. Means the side.

<5. Summary of Embodiment>

As described above, the information processing apparatus (web page server 3) according to the embodiment displays a web page (same Wp) in which a plurality of content parts (same C) are arranged in the scroll direction on the terminal device (user terminal 4). As the web page data to be used, the page-side reference position (same Pt) set as the forward scroll direction end position of a predetermined content part among a plurality of content parts as a result of forward scrolling is the browser screen ( According to the arrival determination processing for determining whether or not the screen side reference position (same Pr) set on the G side is reached, and further forward scrolling after the page side reference position reaches the screen side reference position The scrolling speed of the content part following the page side reference position is set to the scroll speed of the content part preceding the page side reference position. Display that causes the additional content (target image Tg) to appear in the space (same S) that is enlarged between the page-side reference position and the preceding content part due to the slower follow-up speed. A web page data generation unit (web page data generation processing unit F1) that generates web page data that causes the terminal device to execute control processing.
Furthermore, the web page transmission part (web page transmission process part F2) which transmits the web page data which the web page data generation part produced | generated to the terminal device of a request | requirement is provided.

Due to the web page data as described above, the additional content appears on the web page with a behavior different from that of the other content parts to be scrolled, so that the user can easily get attention to the additional content. Further, since the additional content appears in a space portion generated between the content parts as it scrolls, it is less likely to disturb the browsing of the other content parts as compared with the case where the additional content appears superimposed on the other content parts.
Therefore, the presentation of the additional content on the web page can be performed while making it easy to get the user's attention to the additional content and not disturbing the browsing of the content.

  Further, in the information processing apparatus according to the embodiment, the web page data generation unit determines the scroll following speed of the subsequent content part in accordance with the further forward scroll after the additional content has completely appeared. Web page data is generated that causes the terminal device to execute a process of reducing the space faster than the scroll tracking speed.

As a result, all the additional content that appears along with the scrolling is closed according to the further forward scrolling.
That is, it is possible to prevent the additional content that has appeared all the time from being displayed and to prevent the content browsing from being obstructed.

  Further, in the information processing apparatus according to the embodiment, the web page data generation unit is configured to display the screen side reference so that the expansion of the space is started in a state where at least a part of the subsequent content parts is displayed in the browser screen. Web page data is generated for causing the terminal device to execute a process for setting the position.

  As a result, the expansion of the display space for the additional content is started in a state where it is clear that there is a subsequent part at the page side reference position, and the subsequent part is overlooked without the user noticing the presence of the subsequent part. Can be prevented.

  Furthermore, in the information processing apparatus according to the embodiment, the web page data generation unit sets the screen-side reference position so that the center in the scroll direction of the additional content that has appeared appears at the center in the scroll direction of the browser screen. Web page data that causes the terminal device to execute processing is generated.

  As a result, the additional content can be more easily noticed.

  Further, in the information processing apparatus according to the embodiment, the image sizes of the plurality of content parts are made equal, and the image size of the additional content that has appeared all is equal to or less than the image size of the content parts.

  Thereby, it can be made difficult to disturb the content browsing.

  Furthermore, in the information processing apparatus according to the embodiment, the web page data generation unit includes a plurality of content part sequences in which a plurality of content parts are arranged in the scroll direction, and a plurality of content part sequences are specified. Web page data that causes the terminal device to execute the arrival determination process and the display control process for the content part sequence is generated.

In this way, by making the additional content appear only for a specific content part row, it becomes possible to make the additional content appear while the content parts around the position where the additional content appears follow the scroll as usual. The appearance of additional content can be made more conspicuous.
Therefore, the user's attention to the additional content can be more easily obtained.

  Furthermore, in the information processing apparatus according to the embodiment, the web page data generation unit performs arrival determination processing and display control processing for the content part sequence having the shortest scroll direction length among the plurality of content part sequences to the terminal device. Web page data to be executed is generated.

As a result, it is possible to suppress content part arrangement deviation between content part sequences on the end side in the reverse scroll direction when all additional content appears.
This is particularly effective when the additional content that has appeared all the time is displayed without being closed in response to scrolling.

<6. Program and Storage Medium>

As described above, the web page server 3 and the user terminal 4 (terminal device) according to the embodiment of the present invention have been described. However, the first program of the embodiment controls the processing of the user terminal 4 to the information processing device (CPU). Etc.) to be executed.

  The first program according to the embodiment is a program that is executed by an information processing apparatus (user terminal 4) that performs display control for a web page in which a plurality of content parts are arranged in a scroll direction. It is determined whether or not the page-side reference position set as the forward scroll direction end position of a predetermined content part among a plurality of content parts has reached the screen-side reference position set on the browser screen side of the information processing apparatus. The content part that precedes the page-side reference position with the scroll-following speed of the content part that follows the page-side reference position according to the arrival determination function and further forward scrolling after the page-side reference position reaches the screen-side reference position Slower than the scroll tracking speed of And a display control function that would give the additional content to the space to expand between the content part that serial preceding processing for realizing a program to be executed by the information processing apparatus.

  The second program according to the embodiment is a program that causes the information processing apparatus (CPU or the like) to execute the process of the web page server 3. That is, the second program uses a predetermined content part among the plurality of content parts as the web page data for causing the terminal device to display a web page in which a plurality of content parts are arranged in the scroll direction. The page side reference position set as the end position in the forward scroll direction of the terminal device reaches the screen side reference position set on the browser screen side of the terminal device, and the page side reference position is the screen side reference position In response to further forward scrolling after reaching the side reference position, the scroll follow-up speed of the content parts following the page-side reference position is made slower than the scroll follow-up speed of the content parts preceding the page-side reference position. Between the page side reference position and the preceding content part Requests web page data generated by the web page data generation function and the web page data generation function for generating web page data for causing the terminal device to execute display control processing for causing additional content to appear in the expanding space. A program for causing an information processing apparatus to execute a process for realizing a web page transmission function to be transmitted to an original terminal device.

With such a program, the information processing apparatus as the user terminal 4 and the web page server 3 described above 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 stored (stored) temporarily or permanently in a removable storage medium such as a semiconductor memory, memory card, optical disk, magneto-optical disk, or magnetic disk. Such a removable storage medium can be provided as so-called package software.
Further, such a program can be installed from a removable storage medium to a personal computer or the like, or can be downloaded from a download site via a network such as a LAN or the Internet.

<7. Modification>

The present invention is not limited to the specific examples described above, and various modifications can be considered.
For example, in the above, the target image Tg is presented as an example of the additional content. However, the additional content is, for example, content including only text data, content including text data, moving image content, or content including audio. Also good.

  Further, in the above description, only one content part string is allowed to appear for additional content. However, additional content can be caused to appear for a plurality of content part strings.

  Further, in the above, the case where the present invention is applied when the vertical scroll is performed corresponding to the vertically long web page is illustrated, but the present invention performs the horizontal scroll corresponding to the horizontally long web page. The present invention can also be suitably applied.

  Further, in the above description, the additional content is not reappeared for the backward scrolling after the full-appearance of the additional content in response to the forward scrolling → the full-closing, but this is merely an example, It is not limited.

In the above description, the page-side reference position Pt is provided at one of a plurality of content parts continuous in the scroll direction. However, by providing at a plurality of locations, additional content (target image Tg) is provided at a plurality of locations. May be presented.
Furthermore, the number of page-side reference positions Pt (additional content presentation space) provided in one web page Wp, the size of the space (especially the length in the scroll direction), the number of content parts continuous in the scroll direction, and / or Alternatively, it may be determined according to the scrolling speed. For example, the smaller the number of content parts continuous in the scroll direction, the smaller the number of page-side reference positions Pt (additional content presentation spaces) provided in one web page Wp, or the scroll direction in the additional content presentation space. The length may be shortened. As a specific determination method, for example, “(number of content parts continuous in the scroll direction) × (ratio α) = number of page-side reference positions Pt (additional content presentation spaces) provided in one web page Wp”. As described above, the relational expression may be used, or the number of content parts continuous in the scroll direction may correspond to the number of page-side reference positions Pt (additional content presentation spaces) provided in one web page Wp. You may make it determine using the attached table.
As a result, when the number of content parts continuous in the scroll direction is small, the number of additional content to be presented is too large or the size of the additional content is too large, and the user feels that the additional content is an obstacle. Is suppressed.

Further, the following settings can be made for the positions of the screen side reference position Pr and the page side reference position Pt.
For example, as shown in FIG. 17, the screen-side reference position Pr can be set so that no additional content appears until all the content that has been entirely shown on the first screen is viewed. Specifically, in the example of FIG. 17, among the lower ends of the content parts C displayed on the browser screen G immediately after the page transition, the lowermost position of the content parts C displayed on the most scroll forward direction (eg, lower screen side) side. The screen side reference position Pr is set.
Accordingly, it is possible to project additional content without impairing the visibility of the content parts that are entirely shown in the initial page screen (screen positioned at the top).
Note that the same effect can be obtained for the page-side reference position Pt by performing the same position setting as described above.

Further, for example, as shown in FIG. 18, the page-side reference position Pt can be set so that additional content does not appear until all of the content that is partly displayed on the first screen is viewed. In the example of FIG. 18, among the content parts C reflected on the browser screen G immediately after the page transition, the page-side reference position Pt is located at the lower end position of the content part C whose bottom end is closest to the scroll forward direction (for example, the bottom of the screen). Is set.
Thereby, additional content can be projected without impairing the visibility of the content that is at least partially displayed in the initial page screen (screen positioned at the top). In this case, the screen side reference position Pr may be set arbitrarily.

  DESCRIPTION OF SYMBOLS 1 ... Network system, 2 ... Network, 3 ... Web page server, 4 ... User terminal, 101 ... CPU, F1 ... Web page data generation process part, F2 ... Web page transmission process part, Wp ... Web page, C (CL1- CL6, CC1 to CC6, CR1 to CR6) ... content parts, R (RL, RC, RR) ... content parts row, G ... browser screen, Pr ... screen side reference position, Pt ... page side reference position, S ... space, Tg ... Target image

Claims (17)

As web page data for displaying on the terminal device a web page in which a plurality of content parts are arranged in the scroll direction,
Along with the forward scroll, the page side reference position set as the forward scroll direction end position of the predetermined content part among the plurality of content parts reaches the screen side reference position set on the browser screen side of the terminal device. An arrival determination process for determining whether or not
In response to further forward scrolling after the page-side reference position reaches the screen-side reference position, the scroll follow-up speed of the content parts following the page-side reference position is set to the content parts preceding the page-side reference position. A display control process for causing the additional content to appear in a space that expands between the page-side reference position and the preceding content part by making the speed slower than the scroll follow-up speed.
A web page data generation unit that generates the web page data to be executed by the terminal device;
A web page transmission unit that transmits the web page data generated by the web page data generation unit to a requesting terminal device. The web page data generation unit
In accordance with further forward scrolling after the additional content has completely appeared, the process of reducing the space by increasing the scroll tracking speed of the subsequent content part faster than the scroll tracking speed of the preceding content part. The information processing apparatus according to claim 1, wherein the web page data to be executed by a terminal device is generated. The web page data generation unit
The web page data that causes the terminal device to execute a process of setting the screen-side reference position so that expansion of the space is started in a state where at least a part of the subsequent content parts is displayed in the browser screen The information processing apparatus according to claim 1. The web page data generation unit
The web page data for causing the terminal device to execute a process of setting the screen-side reference position so that the center in the scroll direction of the additional content that appears all the time is positioned at the center in the scroll direction of the browser screen is generated. The information processing apparatus according to 1. The information processing apparatus according to claim 1, wherein the image sizes of the plurality of content parts are made equal, and the image size of the additional content that appears all is equal to or less than the image size of the content parts. The web page data generation unit
A plurality of content part sequences in which a plurality of content parts are arranged in a scroll direction are arranged in parallel, and the arrival determination process and the display control process are performed for a specific content part sequence among the plurality of content part sequences. The information processing apparatus according to claim 1, wherein the web page data to be executed is generated. The web page data generation unit
The information according to claim 6, wherein the web page data that causes the terminal device to execute the arrival determination process and the display control process is generated for a content part sequence having a shortest scroll direction length among the plurality of content part sequences. Processing equipment. A program to be executed by an information processing apparatus that performs display control for a web page in which a plurality of content parts are arranged in a scroll direction,
The page-side reference position set as the forward scroll direction end position of the predetermined content part among the plurality of content parts is changed to the screen-side reference position set on the browser screen side of the information processing apparatus with forward scrolling. An arrival determination function for determining whether or not the content has reached, and scrolling of the content parts following the page-side reference position in response to further forward scrolling after the page-side reference position reaches the screen-side reference position With respect to a space that is made slower than the scroll follow-up speed of the content part preceding the page-side reference position, and expands between the page-side reference position and the preceding content part due to the slowing. A display control function to make additional content appear,
The program which makes the said information processing apparatus perform the process for implement | achieving. In accordance with further forward scrolling after the additional content has completely appeared, the process of reducing the space by increasing the scroll tracking speed of the subsequent content part faster than the scroll tracking speed of the preceding content part. The program according to claim 8, which is executed by an information processing apparatus. 9. The information processing apparatus is configured to execute processing for setting the screen-side reference position so that expansion of the space is started in a state where at least a part of the subsequent content parts is displayed in the browser screen. The program described in. The program according to claim 8, wherein the information processing apparatus is configured to execute processing for setting the screen-side reference position so that a center in the scroll direction of the additional content that has all appeared is positioned at a center in the scroll direction of the browser screen. The program according to claim 8, wherein the image sizes of the plurality of content parts are made equal, and the image size of the additional content that has appeared is equal to or less than the image size of the content parts. In the web page, a plurality of content part rows in which a plurality of content parts are arranged in the scroll direction are arranged in parallel,
The program according to claim 8, wherein the information processing apparatus is caused to execute processing for realizing the arrival determination function and the display control function for a specific content part sequence among the plurality of content part sequences. The program according to claim 13, wherein the information processing apparatus executes processing for realizing the arrival determination function and the display control function for a content part sequence having the shortest scroll direction length among the plurality of content part sequences. . As web page data for causing a terminal device to display a web page in which a plurality of content parts are arranged in a scroll direction, as a forward scroll, as a forward scroll direction end position of a predetermined content part among the plurality of content parts An arrival determination process for determining whether or not the set page-side reference position has reached the screen-side reference position set on the browser screen side of the terminal device; and the page-side reference position becomes the screen-side reference position In response to further forward scrolling that has been reached, the scroll follow-up speed of the content part following the page-side reference position is made slower than the scroll follow-up speed of the content part preceding the page-side reference position. Between the page-side reference position and the preceding content part And web page data generation step of generating the web page data to execute a display control process that would give the additional content to much go space, to the terminal device,
An information processing method in which an information processing device executes a web page transmission step of transmitting the web page data generated in the web page data generation step to a requesting terminal device. As web page data for causing a terminal device to display a web page in which a plurality of content parts are arranged in a scroll direction, as a forward scroll, as a forward scroll direction end position of a predetermined content part among the plurality of content parts An arrival determination process for determining whether or not the set page-side reference position has reached the screen-side reference position set on the browser screen side of the terminal device; and the page-side reference position becomes the screen-side reference position In response to further forward scrolling that has been reached, the scroll follow-up speed of the content part following the page-side reference position is made slower than the scroll follow-up speed of the content part preceding the page-side reference position. Between the page-side reference position and the preceding content part And web page data generating function for generating the web page data to execute a display control process that would give the additional content to much go space, to the terminal device,
A program causing an information processing apparatus to execute processing for realizing a web page transmission function of transmitting the web page data generated by the web page data generation function to a requesting terminal device. As web page data for causing a terminal device to display a web page in which a plurality of content parts are arranged in a scroll direction, as a forward scroll, as a forward scroll direction end position of a predetermined content part among the plurality of content parts An arrival determination process for determining whether or not the set page-side reference position has reached the screen-side reference position set on the browser screen side of the terminal device; and the page-side reference position becomes the screen-side reference position In response to further forward scrolling that has been reached, the scroll follow-up speed of the content part following the page-side reference position is made slower than the scroll follow-up speed of the content part preceding the page-side reference position. Between the page-side reference position and the preceding content part And web page data generating function for generating the web page data to execute a display control process that would give the additional content to much go space, to the terminal device,
A storage medium storing a program for causing an information processing device to execute processing for realizing the web page transmission function for transmitting the web page data generated by the web page data generation function to a requesting terminal device.

Images