JP2015118674A - Page display control device and page display control method - Google Patents

Abstract

PROBLEM TO BE SOLVED: To determine the time to stop referring to list data in a stream UI and recognize the current position of the reference of the list data of all the pieces of list data in one page.SOLUTION: A terminal device 20 sets position information indicating the positions of respective pieces of list data relative to the length of all the pieces of list data to be included in page data and adds the position information to the page data, and when there is an operation to request additional data to the page data, sets and adds the position information to the additional data and controls the display of the page data including the additional data.

Description

  The present invention relates to a page display control device and a page display control method.

  Conventionally, a terminal device such as a smartphone that displays a Web page via the Internet is known. The length of the web page is different for each page, and a long page does not fit on one screen. For this reason, the user scrolls the Web page by a flick operation to move the display location.

  However, in scrolling by a flick operation, the user cannot recognize where the display location is on the Web page. For this reason, a technique for displaying what percentage of the total length in the vertical direction the current display location of the Web page is known (see Non-Patent Document 1).

  There is also known a terminal device that displays whether there is a remaining portion of an image to be displayed and its size at the upper and lower ends of a display screen (see Patent Document 1).

JP 2007-264771 A

Kamekichi, “Scroll Progress”, an add-on that shows at a glance what percentage of the entire web page has been scrolled, [online], March 4, 2013, lifehacker, [searched November 11, 2013], Internet <URL: http: //www.lifehacker.jp/2013/03/130304scroll-progress.html>

  In recent years, a stream UI (User Interface) (timeline UI) is known. The stream UI displays a plurality of columns (list data) in a web page in a predetermined number in order in the vertical direction and either touches the more button at the bottom or automatically displays when the display location is the bottom column. This is a display method in which a predetermined number of remaining columns are read, and following the bottom column, the read columns are added downward and displayed.

  However, the above-described conventional technique is a technique for a Web page with a fixed size, and does not support a stream UI. When the stream UI is used, information is read indefinitely, and there is no opportunity for the user to determine the limit of how far to read, so there is a possibility that there will be no stop time. In addition, it is not possible to know which side the person is reading in an enormous amount of information.

  An object of the present invention is to make a determination when stopping reference to list data in a stream UI and to know the current list data reference position among all list data in one page.

In order to solve the above problems, a page display control device according to the present invention provides:
A page display control device that controls display of page data including a plurality of list data,
Setting means for setting position information indicating the position of each list data with respect to the length of the total number of list data included in the page data and adding to the page data;
When there is an operation for requesting additional data of the page data, display control means for controlling display of page data including the additional data, and
The setting means sets and adds the position information to the additional data.

  Further, it is preferable that the position information is color information in which different colors are arranged in gradation for each position with respect to the length of the total number of list data included in the page data.

  Further, the position information is preferably color information in which different colors are arranged in a plurality of stages for each position with respect to the length of the total number of list data included in the page data.

  Moreover, it is preferable that the color information of each step has the same number of corresponding list data.

  In addition, the number of color information list data in each stage in the first predetermined number of list data of the page data is smaller than the number of color information list data in each stage at a position greater than the predetermined number. Is preferred.

  In addition, when there is an operation for requesting display of the position information of the page data, the display control means preferably performs display control using the color information of the page data as a background color.

Further, the page display control method according to the present invention includes:
A page display control method for controlling display of page data including a plurality of list data,
A setting step of setting position information indicating the position of each list data with respect to the length of the total number of list data included in the page data and adding to the page data;
When there is an operation for requesting additional data of the page data, a display control step of performing display control of the page data including the additional data, and
In the setting step, the position information is set and added to the additional data.

  According to the present invention, it is possible to determine when the list data reference is stopped in the stream UI, and to know the current list data reference position among all the list data in one page.

1 is a block diagram illustrating a page display system according to a first embodiment of this invention. It is a flowchart which shows a 1st page display process. It is a figure which shows the page data of 1st Embodiment. It is a figure which shows the page data of a 1st modification. (A) is a figure which shows page data in case the list data of a 1st modification are a small number of cases. (B) is a figure which shows page data in case the list data of a 1st modification are a large number of cases. It is a figure which shows the page data of a 2nd modification. It is a figure which shows the page data of a 3rd modification. It is a flowchart which shows a page transmission process. It is a flowchart which shows a 2nd page display process.

  DESCRIPTION OF EMBODIMENTS Hereinafter, a first embodiment, a modification, and a second embodiment according to the present invention will be described in detail in order with reference to the accompanying drawings. The present invention is not limited to the illustrated example.

[1. First Embodiment]
A first embodiment according to the present invention will be described with reference to FIGS.

[1-1. Explanation of device configuration]
[1-1-1. overall structure]
The apparatus configuration of the present embodiment will be described with reference to FIG. FIG. 1 is a block diagram showing a page display system 1 according to the present embodiment.

  The page display system 1 includes a server 10 and a terminal device 20 as a page display control device. The server 10 is connected to the communication network N1. The communication network N1 is, for example, the Internet.

  The server 10 is a server device that provides a Web page to the terminal device 20. The terminal device 20 is a mobile terminal such as a smartphone or a tablet PC (Personal Computer). However, the terminal device 20 may be a stationary terminal device such as a desktop PC. The terminal device 20 is connected to the communication network N1 via a base station (not shown) or an access point (not shown).

[1-1-2. Functional configuration of server 10]
The server 10 includes a control unit 11, a storage unit 12, and a communication unit 13. The control unit 11 includes a CPU (Central Processing Unit) and a RAM (Random Access Memory). In the control unit 11, the CPU expands the program stored in the storage unit 12 in the RAM, and executes various processes in cooperation with the expanded program and the CPU.

  The storage unit 12 includes a storage unit capable of reading and writing data such as an HDD (Hard Disk Drive), and stores various data and programs.

  The communication unit 13 includes a network card or the like, and transmits / receives information to / from the communication network N1. That is, the communication unit 13 communicates with a device (terminal device 20) on the communication network N1.

[1-1-3. Functional configuration of terminal device 20]
The terminal device 20 includes a control unit 21 as a setting unit and a display control unit, a storage unit 22, a communication unit 23, a display unit 24, and an operation unit 25.

  Similar to the control unit 11, the control unit 21 executes various processes according to various programs. The storage unit 22 is a semiconductor memory capable of reading and writing information such as a flash memory and an EEPROM (Electrically Erasable Programmable ROM). The storage unit 22 stores a first page display program.

  The communication unit 23 is a wireless communication unit that performs wireless communication with a base station or access point on the communication network N1. That is, the communication part 23 communicates with the apparatus (server 10) on the communication network N1 via a base station or an access point. The display unit 24 is composed of an LCD (Liquid Crystal Display) or the like, and displays various display information. The operation unit 25 is configured with a touch panel or the like, receives operation input from the user, and outputs the operation information to the control unit 21.

[1-2. Operation of page display system 1]
The operation of the page display system 1 will be described with reference to FIGS. FIG. 2 is a flowchart showing the first page display process. FIG. 3 is a diagram showing the page data 100.

  When the server 10 receives address information (URL: Uniform Resource Locator) for requesting a Web page from the terminal device, the server 10 transmits the target page data to the requesting terminal device. Here, a case where the terminal device 20 requests and receives a Web page from the server 10 will be briefly described. In addition, the server 10 provides a normal Web page and a stream UI Web page. The web page of the stream UI is a web page of a query search result.

  In the terminal device 20, the control unit 21 uses the first page display program stored in the storage unit 22 as a trigger when the execution instruction of the first page display process is input from the user via the operation unit 25. Accordingly, the first page display process is executed.

  As illustrated in FIG. 2, the control unit 21 receives input of address information for a web page request from the user via the operation unit 25 (step S <b> 11). And the control part 21 transmits the information for displaying a new page, such as address information and a query input by step S11 or S17, to the server 10 via the communication part 23 (step S12). When the server 10 receives information for displaying a new page, the server 10 transmits page data of a Web page corresponding to the information to the requesting terminal device 20.

  When the page data corresponds to the stream UI, the total number of list data corresponding to the Web page (the maximum number of list data that can be displayed on one page) and the predetermined number initially arranged in the Web page Content data of the list data. And the control part 21 receives page data from the server 10 via the communication part 23 (step S13). Then, the control unit 21 determines whether or not the page data received in step S12 corresponds to the stream UI (step S14).

  When it corresponds to the stream UI (step S14; YES), the control unit 21 presents an image of the page data in accordance with the total number of list data as columns in the received page data and each position in the page data. Color information is set as position information indicating the display position, and the color information is added to the page data (step S15).

  Here, the color information set in step S15 will be described with reference to FIG. As shown in FIG. 3, the page data 100 is page data to which color information is added in step S15. The page data 100 includes a list data column 110 received in step S13 and a color information unit 120. The list data column 110 includes, as an example, five list data 111 and a view more button 112. Further, the color information section 120 is arranged as a side bar on the right side of the list data column 110.

  In addition, the display area of the display unit 24 is represented by a broken line and is referred to as display area A. By scrolling the page data 100 up and down by flick input, the area of the page data 100 displayed in the display area A can be moved.

  Further, when the more button 112 is touch-inputted, the more button 112 is deleted, and a predetermined number (for example, three) of list data 111 is arranged below the list data column 110 and further below the new list data 111. A more button 112 is added as additional data. Thus, page data to which additional data such as new list data 111 is added is represented as page data 130.

  Thus, by repeating the touch input of the more button 112, the number of the list data 111 in the page data 130 increases and can be increased to the total number N (N is an arbitrary natural number) as a maximum value. It is. Note that the arrangement order of the list data 111 in the page data 130 is high when the page data 130 is displayed by query search, and scoring according to matching between the query and each list data 111 is high (query and query data). The list data 111 is listed in order from the top to the bottom.

  The color information unit 120 is set to the length in the vertical direction of the list data 111 of the total number N of cases. Here, for the color information section 120, red is set in the uppermost list data 111 of the page data 130, dark blue is set in the lowermost list data 111, and each of the intermediate list data 111 has an orange color. Color, yellow, and green are sequentially set by gradation as a heat chart (thermographic color distribution). As described above, in the color information unit 120, the temperature represented by the color is changed from high to low in the vertical direction. The user can recognize the position of the currently referred list data 111 among all the list data by referring to the displayed color information portion 120.

  Then, the control unit 21 displays the page data to which the color information is added in step S15 or normal page data on the display unit 24 (step S16). When the stream UI is not supported (step S14; NO), the process proceeds to step S15. And the control part 21 discriminate | determines whether there exists operation from the user via the operation part 25 (step S17). The operations in step S17 are a page switching operation with input of information such as address information and a query for displaying a new Web page, an end operation of the first page display process, and a page being displayed in step S16. It is assumed to be one of display operations such as touch and flick related to data display.

  When there is no operation (step S17; NO), the process proceeds to step S17. When there is an operation (step S17; YES), the control unit 21 determines whether or not the operation input in step S17 is a page switching operation with address information input (step S18). If it is a page switching operation (step S18; YES), the process proceeds to step S12. When it is not a page switching operation (step S18; NO), the control unit 21 determines whether or not the operation input in step S17 is an end operation of the first page display process (step S19).

  If it is an end operation (step S19; YES), the first page display process ends. If it is not an end operation (step S19; NO), it is an operation related to display of page data, and the control unit 21 determines whether or not the operation input in step S17 is a request for additional data of page data. (Step S20). In step S20, specifically, when the page data being displayed corresponds to the stream UI, it is determined whether or not the operation is a touch operation on a more view button. The additional data is content data of list data to be added to the page data.

  When the additional data is requested (step S20; YES), the control unit 21 transmits a request for additional data according to the operation input in step S17 to the server 10 via the communication unit 23, and Additional data is received from the server 10 (step S21). Upon receiving the request for additional data, the server 10 transmits additional data corresponding to the request to the terminal device 20 that is the request source.

  And the control part 21 sets and adds color information to additional data similarly to step S15 (step S21). And the control part 21 displays page data on the display part 24 according to operation input by step S17 (step S23), and transfers to step S17. When step S23 is executed through step S22, page data to which additional data and its color information are added is displayed.

[1-3. Effects of the embodiment]
According to the present embodiment, the terminal device 20 sets the color information section 120 as position information indicating the position of each list data with respect to the length of the total number of list data included in the page data, and adds it to the page data. When there is an operation for requesting additional data of the page data, position information is set and added to the additional data, and display control of the page data including the additional data is performed. For this reason, the user can determine to which position the list data should be viewed by referring to the color information part 120 added to the page data in the stream UI, and all the list data in one page. It is possible to know the current list data reference position.

  Further, the position information added to the page data is a color information section 120 in which different colors are arranged in gradation for each position with respect to the length of the total number of list data included in the page data. For this reason, the user can know in detail the current list data reference position among all the list data in one page.

  Since the list data is a search result of the query, the list data is listed from the top to the bottom of the page data in descending order of correlation with the query. Therefore, the correlation between the list data and the query is associated with the gradation color of the color information unit 120 arranged on the right of each list data. For this reason, the user can recognize the correlation between the list data of the current reference position and the query by visually recognizing the color of the color information section 120, and the color information section 120 can display useful information (list data) with high correlation. Help to recognize. In particular, since the color information unit 120 is a heat chart, the user has a higher degree of correlation between the list data of the current reference position and the query as the temperature represented by the color of the color information unit 120 of the current reference position is hotter. It can be recognized as high.

[2. First Modification]
[2-1. Operation of First Modification]
A first modification of the first embodiment will be described with reference to FIGS. 4 and 5. FIG. 4 is a diagram showing the page data 200. FIG. 5A shows page data 200A when the list data is a small number of cases. FIG. 5B is a diagram showing page data 200B when the list data is a large number of cases.

  In the first embodiment, color information representing the color distribution of the heat chart with gradation is set at the right end of the page data of the total number of list data. In the present modification, color information that expresses the color distribution of the heat chart in a stepwise manner is set at the right end of the page data for all the list data. For this reason, in this modification, steps S15 and S22 of the first page display process are different from those of the first embodiment, and this different part will be mainly described.

  The color information set in step S15 of the first page display process in this modification will be described. As shown in FIG. 4, the page data 200 is page data to which color information is added in step S15. The page data 200 includes a list data column 210 as page data received in step S12, and a color information unit 220. By adding the list data, page data including the total number N of list data is set as page data 230.

  The color information unit 220 is color-coded in four stages from the top in the order of red, orange, green, and amber corresponding to the heat chart. For example, when the total number N is 100, red in the color information unit 220 is set to the right side of the 1st to 25th list data, and orange is set to the right side of the 26th to 50th list data, Green is set to the right side of the 51st to 75th list data, and dark blue is set to the right side of the 76th to 100th list data.

  The page data 200 in FIG. 4 is an example of staging the color information of the page data 200A when the total number N of list data shown in FIG. 5A is a small number. When the total number N is smaller than the predetermined threshold and the number is a small number, the number of color information stages to be ranked is set to 100 with respect to the total number N. In addition, an index indicating each stage of color information is used as a score. When the number of stages of color information is 100, the score is 1-100. In the page data 200 </ b> A, “ah, no, u, u” indicate list data, respectively.

  In the page data 200A, when the total number N is 200, the number of list data cases per stage is calculated as total number / score number = 200/100 = 2. In this way, color information of different colors is assigned to each two pieces of list data.

  However, when the number of color information stages is the same 100 and the total number N is a large number, the same color is set for a large number of continuous list data. For this reason, there is a problem that it becomes difficult for the user to understand the correlation between the list data of the reference position and the list data of the surrounding positions. For this reason, as shown in FIG. 5B, in the case of page data 200B in which the total number N is equal to or greater than a predetermined threshold and the number is large, color information is set by a method different from the page data 200A. . Note that the predetermined threshold is, for example, a threshold indicating whether or not the number of humans can normally recognize color information.

  In the page data 200B, the total number of list data is 100,000, and different color information is staged for the first predetermined number (here, 200) of list data and subsequent list data. The first 200 cases are fixedly color-coded in five stages. At this time, the number of list data items per stage is calculated as 200 (cases) / 5 (stages) = 40. In this way, color information of different colors is assigned to each list data 40 corresponding to the scores 96 to 100.

  For the 201st to 100,000th cases, the color information is classified by setting the number of color information steps to 95 (= 100-5). At this time, the number of list data items per stage is calculated as 99800 (cases) / 95≈1050. In this way, color information of a different color is assigned to each 1050 list data.

[2-2: Effect of the first modification]
According to this modification, the position information added to the page data is the color information unit 220 in which different colors are arranged in a plurality of stages for each position with respect to the length of the total number of list data included in the page data. For this reason, the user can know the current list data reference position in detail in a plurality of stages among all the list data in one page. Further, by visually recognizing the color of the color information unit 220, the correlation between the list data of the current reference position and the query can be recognized.

  Further, when the total number of items of list data is equal to or smaller than a predetermined threshold, the color information at each stage added to the page data has the same number of corresponding list data. In this case, the user can accurately know the current list data reference position among all the list data in one page in a plurality of stages.

  In addition, when the total number of list data exceeds a predetermined threshold, the number of color data list data in each stage in the first predetermined number of page data of the page data is greater than the predetermined number. The configuration is smaller than the number of color data list data. In this case, the user sets the current list data reference position in an important range from the beginning to a predetermined number of all list data in one page (for example, a range where there is list data highly correlated with a query). It is possible to know in detail, and it is possible to roughly know the current list data reference positions of the number larger than the predetermined number.

[3. Second Modification]
A second modification of the first embodiment will be described with reference to FIG. FIG. 6 is a diagram showing the page data 300.

  [3-1. Operation of Second Modification]

  In this modification, position information by a side bar similar to a scroll bar indicating the position of the current display area is set at the right end of the page data of all the list data. For this reason, in this modification, steps S15 and S22 of the first page display process are different from those of the first embodiment, and this different part will be mainly described.

  Position information set instead of color information in steps S15 and S22 of the first page display process in this modification will be described. As shown in FIG. 6, the page data 300 is page data to which position information is added in step S15. The page data 300 includes a list data column 310 as page data received in step S12 and a position information section 320. By adding the list data, page data including the total number N of list data is set as page data 330.

  The position information section 320a has a knob 321a that indicates the current list data display position with respect to the length in the vertical direction of the page data 330 including the total number N of list data. The position information part 320a is compressed in the vertical direction, and the position information added to the list data column 310 so as to be always displayed in the display area A is referred to as a position information part 320. The knob 321 corresponds to the knob 321a. The knob 321 is not moved by touch input, but is not limited to this. For example, the current display area A may be moved in accordance with the slide input of the knob 321 up and down. In the position information section 320 of the display area A, the knob 321 is always displayed.

[3-2: Effect of second modification]
As described above, according to the present modification, the position information added to the page data is the position information unit 320 that indicates the current request data display position with respect to the length of the total number of list data included in the page data by the knob 321. Therefore, the user can clearly know the current list data reference position among all list data in one page. Further, by visually recognizing the knob 321 of the position information unit 320, the correlation between the list data of the current reference position and the query can be recognized.

[4. Third Modification]
A third modification of the first embodiment will be described with reference to FIG. FIG. 7 is a diagram showing the page data 400.

[4-1. Operation of Third Modification]
In this modification, color information indicating the current position of the display area is set as the background color of the page data. For this reason, in this modification, steps S15 and S22 of the first page display process are different from those of the first embodiment, and this different part will be mainly described.

  The color information set in steps S15 and S22 of the first page display process in this modification will be described. The page data 400 is page data to which color information is added in step S15. The page data 400 shown in FIG. 7 shows only the display area A. The page data 400 includes a list data column 410 as page data received in step S12 and a color information section 420 that is not normally displayed. The color information section 420 functions as a background color of the list data column 410 although the heat chart is set in gradation as in the color information section 120 of FIG.

  Step S22 of the first page display process of this modification is the same as that of the first embodiment. When the operation in step S17 is an operation (such as touch input) for displaying the color information unit 420, in step S23, the control unit 21 displays the color information unit 420 as the background color of the list data column 410. Thus, the page data is displayed on the display unit 24. When there is no operation for displaying the color information section 420, only the list data column 410 is displayed as the page data 400.

[4-2: Effect of third modification]
As described above, according to this modification, when there is an operation for requesting display of the color information portion 420 of page data, display control is performed using the color information portion 420 of the page data as a background color. Therefore, when there is no operation for requesting the display of the color information section 420, the color information section 420 can be prevented from obstructing the user's visual recognition of the list data column 410, and the page data is dedicated to the color information section. The list data field 410 can be made large on the display screen.

[5. Second Embodiment]
A second embodiment according to the present invention will be described with reference to FIGS. In the first embodiment, the terminal device 20 is configured to set the color information of the page data. However, in the present embodiment, the server 10 as the page display control device Set up.

[5-1. Explanation of device configuration]
The apparatus configuration of the present embodiment uses the page display system 1 as in the first embodiment. However, it is assumed that the page transmission program is stored in the storage unit 12 of the server 10. It is assumed that the storage unit 22 of the terminal device 20 stores a second page display program.

[5-2. Operation of page display system 1]
The operation of the page display system 1 will be described with reference to FIGS. FIG. 8 is a flowchart showing page transmission processing. FIG. 9 is a flowchart showing the second page display process.

[5-2-1. Operation of server 10]
With reference to FIG. 8, the page transmission process performed by the server 10 is demonstrated. Here, a case where the server 10 provides the terminal device 20 with page data of a normal or stream UI Web page will be described. In the server 10, the control unit 11 uses the page transmission program stored in the storage unit 12 in accordance with the page transmission program triggered by receiving the address information for requesting the Web page from the terminal device 20 via the communication unit 13. Execute the transmission process.

  First, the control unit 11 determines whether or not the page data of the Web page corresponding to the address information received first or in step S34 corresponds to the stream UI (step S31). When the stream UI is supported (step S31; YES), the control unit 21 indicates the current display position in the image of the page data in accordance with the total number of list data in the page data and each position in the page data. Color information is set as information, and the color information is added to the page data (step S32). In step S32, color information is set and added to the page data as in step S15 of the first page display process of FIG.

  And the control part 11 transmits the page data to which color information was added by step S32, or normal page data to the terminal device 20 via the communication part 13 (step S33). If the stream UI is not supported (step S31; NO), the process proceeds to step S33. And the control part 11 discriminate | determines whether information was received from the terminal device 20 via the communication part 13 (step S34). The information received in step S34 is either a page switching request including address information for displaying a new Web page, or a request for additional data to be added to the page data being displayed in step S33. And

  When information is not received (step S34; NO), the process proceeds to step S34. When the information is received (step S34; YES), the control unit 11 determines whether or not the information received in step S34 is a page switching request including address information (step S35). When it is a page switching request including address information (step S35; YES), the process proceeds to step S31.

  If it is not a page switching request including address information (step S35; NO), it is reception of a request for additional data, and the control unit 11 sets and adds color information to the requested additional data in the same manner as in step S32. (Step S36). And the control part 11 transmits additional data to the terminal device 20 via the communication part 13 (step S37), and transfers to step S34.

[5-2-2. Operation of terminal device 20]
With reference to FIG. 9, the 2nd page display process performed with the terminal device 20 is demonstrated. In the terminal device 20, the control unit 21 uses the second page display program stored in the storage unit 22 as a trigger when the execution instruction of the second page display process is input from the user via the operation unit 25. Then, the second page display process is executed.

  Steps S41 to S50 of the second page display process are the same as steps S11 to S13, S16 to S21, and S23 of the first page display process of FIG. Step S42 corresponds to step S34 of the page transmission process. Step S43 corresponds to step S33 of the page transmission process. Step S49 corresponds to steps S34 and S37 of the page transmission process.

[5-3. Effects of the second embodiment]
As described above, according to the present embodiment, the server 10 sets the position information indicating the position of each list data with respect to the length of the total number of list data included in the page data, adds the position information to the page data, and the page data When there is an operation for requesting additional data, position information is set and added to the additional data, and display control of page data including the additional data is performed. For this reason, while producing the effect similar to the effect of 1st Embodiment, the processing burden of the terminal device 20 can be reduced.

  The description in the above embodiment is an example of the page display device, the page display server, and the page display method according to the present invention, and the present invention is not limited to this.

  It is good also as combining at least 2 of said each embodiment and modification. For example, the configuration of the color information part or the position information part of the first to third modifications may be combined with the second embodiment.

  Further, in each of the embodiments and the modifications described above, in the page data of the stream UI, the configuration is such that additional data is received or acquired and added to the page data, triggered by the touch operation of the button to see more. It is not limited to this. The operation of adding additional data may be an operation of displaying the lowest list data that can be scrolled at present.

  Further, in each of the above embodiments and modifications, the position information added to the page data is the color information part represented by gradation or multistage, and the position information part of the bar having a knob, but the present invention is not limited to this. Instead, other expression methods may be used as long as the position information indicates the position of each list data with respect to the length of the total number of list data.

  Moreover, in each said embodiment and modification, although it was set as the structure which arrange | positions a position information part and a color information part as a right sidebar of a list data column, it is not limited to this. For example, the position information portion and the color information portion may be arranged as side bars on the left side or both sides of the list data column.

  In the said embodiment, although it was set as the structure which sets a color information part with a heat chart, it is not limited to this. The color information part may be composed of at least two colors and intermediate colors thereof, and may be composed of, for example, white, black, and intermediate colors thereof (gray having different densities).

  In each of the above-described embodiments and modifications, the list data has been described as an example of the page data display of the stream UI of the Web page of the query search result. However, the present invention is not limited to this. For example, it may be an example of page data display of a stream UI of a Web page which is an article in which list data is personalized. Also in this example, the list data is listed from the top to the bottom of the page data in descending order of correlation with the person. For this reason, the user can recognize the correlation between the list data of the current reference position and the person by visually recognizing the color of the color information part or the knob of the position information part, and the color information part or the position information part is highly correlated Useful for recognizing useful information (list data). In addition, it is good also as a structure which displays the page data of the stream UI whose list data is other than a query search result or a personalized article.

  In the above embodiments and modifications, the configuration in which the list data is listed in the vertical direction on the display screen has been described. However, the present invention is not limited to this. For example, the list data may be listed in the horizontal direction on the display screen.

  Of course, the detailed configuration and detailed operation of each component of the page display system 1 in the above embodiment can be changed as appropriate without departing from the scope of the present invention.

  The embodiment disclosed this time should be considered as illustrative in all points and not restrictive. The scope of the present invention is defined by the terms of the claims, rather than the description above, and is intended to include any modifications within the scope and meaning equivalent to the terms of the claims.

1 page display system 10 server 11 control unit 12 storage unit 13 communication unit 20 terminal device 21 control unit 22 storage unit 23 communication unit 24 display unit 25 operation unit N1 communication network

Claims (7)

A page display control device that controls display of page data including a plurality of list data,
Setting means for setting position information indicating the position of each list data with respect to the length of the total number of list data included in the page data and adding to the page data;
When there is an operation for requesting additional data of the page data, display control means for controlling display of page data including the additional data, and
The setting means is a page display control device that sets and adds the position information to the additional data.   The page display device according to claim 1, wherein the position information is color information in which different colors are arranged in gradation for each position with respect to the length of the total number of list data included in the page data.   The page display device according to claim 1, wherein the position information is color information in which different colors are arranged in a plurality of stages for each position with respect to the length of the total number of list data included in the page data.   The page display device according to claim 3, wherein the color information of each stage has the same number of corresponding list data.   4. The number of color information list data of each stage in the first predetermined number of list data of the page data is less than the number of color information list data of each stage at a position greater than the predetermined number. The page display device described in 1.   6. The display control unit according to claim 2, wherein when there is an operation for requesting display of position information of the page data, the display control unit performs display control using the color information of the page data as a background color. 7. Page display controller. A page display control method for controlling display of page data including a plurality of list data,
A setting step of setting position information indicating the position of each list data with respect to the length of the total number of list data included in the page data and adding to the page data;
When there is an operation for requesting additional data of the page data, a display control step of performing display control of the page data including the additional data, and
A page display control method for setting and adding the position information to the additional data in the setting step.