JP5840722B2 - Information display device, information display method, and information display program - Google Patents

Description

  The present invention relates to an information display device, an information display method, and an information display program.

  2. Description of the Related Art Conventionally, a technique for displaying various information on an arbitrary information display device such as a smart device such as a smartphone or a tablet PC (Personal Computer), a desktop PC, or the like is known. As an example of such a technique, a technique is known in which predetermined content is displayed on a screen of an information display device, and the display mode of the content is changed according to a user operation. For example, if the user slides a finger horizontally on the screen, the content displayed in the area where the finger was slid is scrolled. If the user slides the finger vertically on the screen, the finger is moved. A technique for changing the display size of content displayed in a slid area is known.

International Publication No. 2010/087203 Pamphlet JP 2009-181510 A

  However, it is difficult to improve usability with the above-described conventional technology. Specifically, in the above-described conventional technology, the operation is merely reflected on the content in the area where the user has operated, and the display mode is not always easy for the user to see, so the usability is good. It can not be said.

  The present application has been made in view of the above, and an object thereof is to provide an information display device, an information display program, and an information display method that improve usability.

The information display device according to the present application receives a display unit that displays the first content and the second content, and an operation of scrolling the second content in a predetermined direction. And a change unit that reduces an area in which the first content is displayed and enlarges an area in which the second content is displayed while reducing the aspect ratio of the display size without changing the aspect ratio .

  According to one aspect of the embodiment, usability can be improved.

FIG. 1 is a diagram illustrating an example of display processing according to the embodiment. FIG. 2 is a diagram illustrating a configuration example of the terminal device according to the embodiment. FIG. 3 is a diagram illustrating another example of the display process according to the embodiment. FIG. 4 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment. FIG. 5 is a diagram illustrating an example of a process in which the terminal device according to the embodiment enlarges the display size of the first content. FIG. 6 is a diagram for explaining an example of processing executed by the terminal device according to the embodiment after moving image reproduction. FIG. 7 is a diagram illustrating another example of the terminal device according to the embodiment. FIG. 8 is a diagram for explaining another example of the change process executed by the terminal device according to the embodiment. FIG. 9 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the terminal device according to the embodiment.

  Hereinafter, a mode for carrying out an information display device, an information display method, and an information display program according to the present application (hereinafter referred to as “embodiment”) will be described in detail with reference to the drawings. Note that the information display device, the information display method, and the information display program according to the present application are not limited by this embodiment. In the following embodiments, the same portions are denoted by the same reference numerals, and redundant description is omitted.

[1. Display processing)
First, an example of the information display apparatus according to the embodiment will be described with reference to FIG. FIG. 1 is a diagram illustrating an example of display processing according to the embodiment. FIG. 1 shows an example in which the first content and the second content are displayed by the terminal device 100 which is an example of the information display device.

  The terminal device 100 illustrated in FIG. 1 is a mobile terminal device such as a smartphone. Further, the terminal device 100 includes an output unit 150 such as a liquid crystal display. The terminal device 100 is assumed to employ a touch panel. That is, the user of the terminal device 100 performs various operations by touching the display surface of the output unit 150 with a finger or a dedicated pen.

  The first content is content such as a still image, music, text, and moving image, and is content including main content displayed on the terminal device 100. For example, in the example illustrated in FIG. 1, the terminal device 100 displays, as the first content, the moving image content 111 that is an arbitrary moving image such as an animation, a movie, or news, and the explanatory text 112 of the moving image content 111 in the area 110. To do. For example, the terminal device 100 includes the moving image content 111, the title of the moving image content 111 such as “XXX Series Episode 1”, and information indicating the reproducible period such as “until 3 days XXXX, X month X day”. The description text 112 to be displayed is displayed. Note that the embodiment is not limited to this, and for example, the explanation text 112 may include an outline of the moving image content 111 and the like.

  Similar to the first content, the second content is content such as a still image, music, text, and a moving image. For example, the terminal device 100 displays the second content including the moving image content lists 121 to 125 related to the moving image content 111 in the area 120. In addition, the terminal device 100 displays the lists 121 to 125 including the titles, playback times, thumbnail images, and the like of the moving image content.

  Further, when the terminal device 100 detects various operations of the user, the terminal device 100 changes the display mode of the first content and the second content according to the detected various operations. For example, when the user taps the area where the moving image content 111 is displayed with the finger F10, the terminal device 100 plays or pauses the moving image content. Further, when the user taps the area where the list 121 is displayed with the finger F10, the terminal device 100 stops the reproduction of the moving image content 111 and starts reproducing the moving image content corresponding to the list 121.

  Further, in the initial state, the terminal device 100 accepts a scroll operation for the second content when all of the lists 121 to 125 included in the second content cannot be displayed. For example, when the user's finger F10 moves from bottom to top in the area 120 where the second content is displayed, the terminal device 100 scrolls and displays the lists 121 to 125 included in the second content. Display the list that was not present.

  Here, since the conventional terminal device only scrolls the lists 121 to 125 in the area 120 where the second content is displayed in the initial state, the visibility cannot be improved, and usability is improved. It was difficult.

  Therefore, the terminal device 100 executes the following processing. First, the terminal device 100 displays the moving image content 111 and the explanatory text 112 included in the first content in the area 110, and displays the lists 121 to 125 included in the second content in the area 120. In addition, the terminal device 100 accepts an operation for the second content. For example, the terminal device 100 accepts a scroll operation performed on the area 120.

  Then, the terminal device 100 changes the display mode of the second content and the display size of the first content in accordance with the operation received from the user. For example, when the terminal device 100 accepts an operation on the second content such as a scroll operation performed on the second content, the second content is displayed without changing the display size of the lists 121 to 125. The area 120 is enlarged, the area 110 where the first content is displayed is reduced, and the display size of the moving image content 111 is reduced. That is, the terminal device 100 increases the number of lists 121 to 125 displayed in the area 120 as the area 120 where the second content is displayed is enlarged.

  As described above, the terminal device 100 individually changes the display sizes and display areas of the first content and the second content in accordance with an operation on the second content. In addition, the terminal device 100 expands an area in which content that the user intends to operate, that is, content that the user is more interested in is displayed, and reduces an area in which other content is displayed. As a result, since the terminal device 100 can widen the display area of the content that the user intends to operate, the usability can be improved.

  Hereinafter, an example of a display mode of the first content and the second content executed by the terminal device 100 will be described with reference to FIG. In the following description, an example of processing in which the terminal device 100 changes the display mode of the first content and the second content by the operation of the user's finger F10 from the first state to the fourth from the left in FIG. This will be described as a state. In the following description, an example in which the first content includes the moving image content 111 and the explanatory text 112 will be described. However, only the moving image content 111 may be included in the first content. In the following description, an example in which the second content includes the lists 121 to 125 will be described. However, the second content may further include a plurality of lists.

  First, the terminal device 100 acquires the moving image content 111 and the explanatory text 112 from the content server 10 described later. In addition, the terminal device 100 acquires a list 121 to 125 of moving image content in the same series as the moving image content 111. Then, as shown in the first state, the terminal device 100 displays the moving image content 111 and the explanatory text 112 as the first content in the area 110 of the display screen, and lists 121 to 125 in the remaining area 120. The second content including is displayed. Here, since the terminal device 100 cannot display all the lists 121 to 125 in the area 120, only the list 121 and the list 122 among the lists 121 to 125 are displayed in the initial state.

  Here, in the area 120 where the second content is displayed, the terminal device 100, as shown in the second state, is an operation of scrolling the second content upward with the user's finger F10. The display size of the first content is changed, and the size of the area for displaying the second content is changed.

  Specifically, when an upward scroll operation is performed on the second content, the terminal device 100 reduces the area 110 in which the first content is displayed while continuing to play the moving image content 111, and also describes The display of the text 112 is deleted, and the display size of the moving image content 111 is reduced. In addition, the terminal device 100 expands the size of the area 120 in which the second content is displayed without changing the display size of the lists 121 to 125 included in the second content. As a result, the terminal device 100 displays a larger number of lists 121 to 123 in the area 120 than in the initial state.

  In addition, the terminal device 100 reduces the display size of the first content until the image included in the first content and the image included in the second content have the same size. Specifically, as shown in the third state, the terminal device 100 reduces the display size of the moving image content 111 and the area 110 where the first content is displayed to a predetermined size, and the second content is displayed. Area 120 to be enlarged to a predetermined size. Specifically, the terminal device 100 reduces the display size of the video content 111 to the same level as the thumbnails included in the lists 121 to 125 while continuing to play the video content 111, and displays the first content in the area 110. Is reduced to the same level as the list 121-125.

  In addition, the terminal device 100 aligns the arrangement positions of the moving image content 111 in the area 110 with the thumbnails included in the lists 121 to 125. Further, when displaying text in the area 110, the terminal device 100 aligns the text layout positions with the text layout positions included in the lists 121 to 125. As a result, the terminal device 100 can improve the visibility of the second content and the visibility of the entire screen.

  As described above, when the user's finger F10 performs the scroll operation of the second content, the terminal device 100 reduces the display size of the video content 111 while continuing to play the video content 111, and starts from the initial state. The lists 121 to 125 are displayed in the larger area 120. As a result, the terminal device 100 selects a video content to be auditioned next while reproducing a range in which the user is not interested, such as an opening scene of the video content 111, and when the main content of the video content 111 is started, Since the operation can be facilitated while increasing the display size of the moving image content 111, usability can be improved.

  Further, in the display mode shown in the third state, the terminal device 100 has the lists 121 to 125 in the area 120 where the second content is displayed when an upward scroll operation is performed with the user's finger F10. Scroll up. For this reason, the terminal device 100 can provide operation using the area | region 120 wider than an initial state.

  Further, in the display mode shown in the third state, the terminal device 100 displays the first content and the second content when an operation of scrolling the second content downward with the user's finger F10 is performed. Perform the operation to return to the initial state.

  Specifically, when a downward scroll operation is performed on the region 120, the terminal device 100 reduces the region 120 to the same size as the first state, as shown in the fourth state, Enlarge to the same size as the first state. In addition, the terminal device 100 enlarges the display size of the moving image content 111 to the original size and displays the explanatory text 112. As a result, when the user's interest returns to the video content 111, the terminal device 100 can increase the display size of the video content 111 with an intuitive operation.

  In the above-described example, the terminal device 100 changes the display size of the moving image content 111 and the size of the area 120 in which the second content is displayed in response to an operation on the second content. However, the embodiment is not limited to this. For example, the terminal device 100 may change the display sizes of the moving image content 111 and the explanatory text 112 in accordance with an operation on the second content.

  For example, the terminal device 100 may change the size of the area 120 or the lists 121 to 125 included in the second content in accordance with an operation on the first content. In addition to the scroll operation, the terminal device 100 may perform the above-described process according to a tap operation, a double tap operation, a pinch-in operation using a plurality of fingers, or a pinch-out operation. For example, when a pinch out operation is performed in the area 120, the terminal device 100 reduces the display size of the area 110 and the moving image content 111, expands the area 120, and displays the second displayed in the area 120. The display size of the content may be enlarged.

  When the terminal device 100 arranges the area 110 in the upward direction on the screen and arranges the area 120 in the downward direction on the screen, an upward scroll operation is performed on the second content displayed in the area 120. If performed, the direction in which the scroll operation is performed matches the direction in which the area 110 is reduced and the direction in which the area 120 is enlarged. For this reason, the terminal device 100 reduces the display size of the first content and enlarges the region 120 when a scroll operation is performed on the region 120 in the direction in which the region 110 is arranged with reference to the region 120. To do. As a result, since the terminal device 100 can provide a more intuitive operation means, usability can be further improved.

  Hereinafter, an example of a functional configuration of the terminal device 100 that realizes the display process described above will be described.

[2. Configuration of Terminal Device 100]
Next, the configuration of the terminal device 100 according to the embodiment will be described with reference to FIG. FIG. 2 is a diagram illustrating a configuration example of the terminal device according to the embodiment. As illustrated in FIG. 2, the terminal device 100 transmits and receives data to and from the content server 10 that distributes various contents via a network N. Note that the terminal device 100 illustrated in FIG. 2 may perform data transmission / reception with a plurality of content servers 10. For example, the terminal device 100 may acquire the moving image content 111 and the lists 121 to 125 from individual content servers.

  The terminal device 100 is an information processing device used by a user who browses various contents. For example, the terminal device 100 is a mobile phone such as a smartphone, a tablet terminal, a PDA (Personal Digital Assistant), a desktop PC (Personal Computer), a notebook PC, or the like. The terminal device 100 acquires the first content and the second content from the content server 10 according to the operation by the user, and displays the acquired first content and second content.

  The content server 10 is an information processing apparatus that distributes arbitrary content such as still images, music, text, and moving images. For example, when the content server 10 receives a content search keyword from the terminal device 100, the content server 10 searches the moving image content using the received search keyword and transmits a search result list to the terminal device 100. Then, when the content server 10 receives the acquisition request of the moving image content 111 from the terminal device 100, the content server 10 transmits the data of the moving image content 111 and the explanatory text 112 describing the moving image content 111 to the terminal device 100 as the first content. In addition, the content server 10 transmits a content list based on the browsing history of other users who have viewed the video content 111 and the content in the same series as the video content 111 to the terminal device 100 as the second content.

  Here, the terminal device 100 includes a communication unit 130, an input unit 140, an output unit 150, a storage unit 160, and a control unit 170, as illustrated in FIG. Note that the internal configuration of the terminal device 100 is not limited to the configuration illustrated in FIG. 2, and may be other configurations as long as the above-described display processing is performed.

  The communication unit 130 is realized by, for example, a NIC (Network Interface Card). The communication unit 130 is connected to the network N by wire or wireless, and transmits / receives information to / from the content server 10.

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

  The storage unit 160 is realized by, for example, a semiconductor memory device such as a RAM (Random Access Memory) or a flash memory, or a storage device such as a hard disk or an optical disk. In addition, the storage unit 160 stores a playback application 161. The playback application 161 is, for example, a program that the terminal device 100 has downloaded from an application store or the like on the network N and stored in the storage unit 160. It is an application that plays content.

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

  Here, in the example illustrated in FIG. 2, the control unit 170 includes a display control unit 171, an operation control unit 172, and a reproduction control unit 173.

  The display control unit 171 is a control unit that executes processing for displaying arbitrary information on the screen of the output unit 150, and is, for example, an API (Application Programming Interface) for screen display. For example, the display control unit 171 displays the first content and the second content in response to an instruction from the reproduction control unit 173. In addition, the display control unit 171 changes the display mode of the first content, such as the position, size, range, and display size of the first content, in accordance with the instruction from the playback control unit 173. To do. In addition, the display control unit 171 changes the display mode of the second content, such as the position, size, range, and display size of the second content, of the area 120 for displaying the second content, in accordance with an instruction from the playback control unit 173. To do.

  The operation control unit 172 is a control unit that detects a user's operation on the input unit 140 and executes various controls in accordance with the detected operation. For example, the operation control unit 172 is an API for acquiring operation content. For example, when the user's finger F10 performs a scroll operation on the screen, the operation control unit 172 indicates that the scroll operation has been performed, the area in which the scroll operation has been performed, the size of the scroll, etc. Is notified to the reproduction control unit 173.

  The playback control unit 173 is realized by executing the playback application 161 stored in the storage unit 160 by a CPU, MPU, ASIC, FPGA, or the like. In the example illustrated in FIG. 2, the reproduction control unit 173 includes an acquisition unit 174, a display unit 175, a reception unit 176, and a change unit 177.

  The acquisition unit 174 acquires various contents from the content server 10 in accordance with user operations. For example, when the user inputs a search keyword, the acquisition unit 174 transmits the input search keyword to the content server 10 and acquires a list of search results. And the acquisition part 174 displays a search result on a screen.

  In addition, when the user performs an operation of selecting content included in the search result, the acquisition unit 174 transmits an acquisition request for the selected content, for example, the video content 111, to the content server 10, and the video content 111 The second content such as the list 121 to 125 of the moving image content of the same series as the first content and the moving image content 111 is acquired.

  The display unit 175 uses the display control unit 171 to display various contents on the screen. For example, when the acquisition unit 174 acquires the first content and the second content including a still image or a moving image, the display unit 175 displays the first content and the second content on the screen and also displays the first content. Is reproduced. When the second content includes a plurality of lists 121 to 125, the display unit 175 displays each list 121 to 125 in a predetermined display size. As a result, in the initial state, the display unit 175 displays only the number of lists that can be displayed in the area 120 among the lists 121 to 125 included in the second content.

  The receiving unit 176 receives a user operation on the second content. For example, the reception unit 176 receives from the operation control unit 172 notification of the operation content input by the user via the input unit 140. In such a case, the reception unit 176 detects an upward scroll operation or a downward scroll operation on the second content. When detecting an upward scroll operation or a downward scroll operation for the second content, the reception unit 176 notifies the change unit 177 that the scroll operation for the second content has been detected and the scroll direction. .

  The changing unit 177 changes the display size of the first content together with the display mode of the second content according to the operation received from the user. Specifically, the changing unit 177 changes the area 110 in which the first content is displayed and the area 120 in which the second content is displayed in accordance with the operation on the second content received by the receiving unit 176. For example, the changing unit 177 expands the area 120 in which the second content is displayed in accordance with the operation received by the receiving unit 176, and displays the display size of the first content and the area 110 in which the first content is displayed. to shrink. That is, the changing unit 177 increases the number of lists 121 to 125 displayed in the area 120 where the second content is displayed as the area 120 where the second content is displayed is enlarged.

  A detailed example will be described. When the accepting unit 176 accepts a scroll operation in a predetermined direction, for example, a downward scroll operation, as the operation on the second content, the changing unit 177 performs an operation on the image included in the first content. The display size is reduced to the same level as the display size of the image included in the second content. Specifically, the changing unit 177 enlarges the area 120 and reduces the area 110 to the same extent as the lists 121 to 125. Furthermore, the changing unit 177 reduces the display size of the moving image content 111 to the same level as the thumbnails included in the lists 121 to 125 and deletes the display of the explanatory text 112. In addition, the changing unit 177 arranges the moving image content 111 with a reduced display size at the same position as the thumbnails of the lists 121 to 125 in the area 110.

  Here, when the receiving unit 176 receives another operation, the changing unit 177 may reduce the display size of the first content and change the display mode of the second content. For example, in the example shown in FIG. 1, the lists 121 to 125 are arranged side by side from the upper direction to the lower direction in the area 120. However, when the lists 121 to 125 are arranged side by side from the bottom to the top of the screen, the changing unit 177 receives the first content when the second content is scrolled upward. The display size of the second content may be changed by reducing the display size.

  In addition, when the lists 121 to 125 are arranged side by side from the left direction to the right direction on the screen, the changing unit 177 displays the first content when a left-side scroll operation is accepted for the second content. The display mode of the second content may be changed by reducing the size. That is, when the changing unit 177 receives an operation of scrolling the second content in the direction in which the region not displayed in the region 120 of the second content is displayed, the changing unit 177 reduces the display size of the first content. The display mode of the second content may be changed.

  Further, the changing unit 177 performs the following processing in a state where the area 110 where the first content is displayed is reduced, that is, in the third state illustrated in FIG. First, when the receiving unit 176 receives a scroll operation in a direction opposite to a predetermined direction, for example, an upward scroll operation, as the operation for the second content, the changing unit 177 displays the display size of the first content. And area 110 are enlarged, and area 120 is reduced. For example, the changing unit 177 enlarges the area 110 to the initial size and enlarges the display size of the moving image content 111 to the initial size. In addition, the changing unit 177 displays the explanatory text 112 again in the area 110 and reduces the size of the area 120 without changing the display size of each of the lists 121 to 125.

  Further, when the first content is a moving image such as the moving image content 111, the changing unit 177 changes the display mode of the first content and the display mode of the second content while continuing to play the moving image. . In other words, when an operation for the second content is accepted, the changing unit 177 expands or reduces the display size of the area 110, the area 120, and the moving image content 111 while continuing to play the moving image content 111.

  Note that the processing of the changing unit 177 described above may be realized by, for example, calling the function of the display control unit 171 and controlling the output unit 150 so that the above-described display is performed.

[3. Other display examples)
Here, when the entire second content is displayed in the region 120 in the initial state, it is considered that the size of the region 120 does not need to be increased in order to improve usability. Therefore, in the initial state, the change unit 177 determines that the second content display mode is set according to the operation on the second content when the entire region of the second content is not displayed in the region 120 where the second content is displayed. The display size of the first content is changed. On the other hand, when the entire area of the second content is displayed in the area 120 where the second content is displayed in the initial state, the changing unit 177 determines the display mode of the second content and the display size of the first content. Do not make any changes.

  For example, FIG. 3 is a diagram illustrating another example of the display process according to the embodiment. For example, in the example illustrated in FIG. 3, the terminal device 100 displays the first content including the moving image content 111 and the explanatory text 112 in the region 110, and displays the second content including only the list 121 in the region 120. That is, in the example shown in the first state, the terminal device 100 displays all of the second content in the area 120 in the initial state.

  Here, when the terminal device 100 receives an upward scroll operation for the second content with the user's finger F10, the terminal device 100 enlarges the area 120 where the second content is displayed, as shown in the second state, The area 110 where the first content is displayed is reduced, the moving image content 111 is reduced, and the display of the explanatory text 112 is deleted. Such processing is the same processing as in the third state shown in FIG.

  However, in the example shown in FIG. 3, since the entire second content is displayed in the area 120 in the initial state, it is not necessary to enlarge the area 120. Therefore, when the entire second content is displayed in the area 120 in the initial state, the terminal device 100 touches the screen with the user's finger F10 and performs the scrolling operation on the second content. The display mode of the one content and the second content is changed as shown in the second state. However, when the user's finger F10 leaves the screen and the scroll operation ends, the terminal device 100 performs a bounce display that returns the display mode of the first content and the second content to the initial state. As a result, the terminal device 100 can prevent the generation of a blank area where no content is displayed, and improve the visibility of the content.

[4. Processing flow of terminal device 100]
Next, a display processing procedure executed by the terminal device 100 will be described with reference to FIG. FIG. 4 is a flowchart illustrating an example of a flow of display processing executed by the terminal device according to the embodiment.

  For example, when the terminal device 100 acquires the first content and the second content from the content server 10, the terminal device 100 arranges the first content in the area 110 and arranges the second content in the area 120 (step S101). Here, arbitrary settings are applied to the size of the region 110 and the size of the region 120 in the initial state. Further, the size and the arrangement position of the terminal device 100 on the screen may be changed according to the orientation of the terminal device 100 with respect to the ground.

  Next, the terminal device 100 determines whether or not an upward scroll operation is detected on the area 120 (step S102). That is, the terminal device 100 determines whether or not an upward scroll operation has been performed on the second content. When the terminal device 100 detects an upward scroll operation on the area 120 (step S102: Yes), the terminal apparatus 100 reduces the area 110 and the display size of the moving image content 111 and expands the area 120 (step S103). ). As a result, the terminal device 100 can display the second content to be operated by the user in a display area wider than the initial state.

  Further, the terminal device 100 determines whether or not a downward scroll operation is detected on the area 120 (step S104). That is, the terminal device 100 determines whether or not a downward scroll operation has been performed on the second content. If the terminal device 100 detects a downward scroll operation on the region 120 (step S104: Yes), the terminal device 100 expands the display size of the region 110 and the moving image content 111 to the same size as the initial state. Is reduced to the same size as the initial state (step S105), and the process is terminated.

  On the other hand, when the terminal device 100 does not detect an upward scroll operation on the area 120 (step S102: No), the execution of step S103 is skipped. If the terminal device 100 does not detect a downward scroll operation on the region 120 (step S104: No), the terminal device 100 executes step S102.

[5. (Modification)
The terminal device 100 according to the above-described embodiment may be implemented in various different forms other than the above-described embodiment. Therefore, in the following, another embodiment of the terminal device 100 will be described. In addition, the change process which the terminal device 100 demonstrated below performs by the change part 177 shown in FIG.

[5-1. About increasing the display size of the first content]
The terminal device 100 described above has reduced the display size of the moving image content 111 included in the first content to the same level as the thumbnails included in the second content lists 121 to 125, but the embodiment is limited to this. is not. That is, the terminal device 100 may reduce the display size of the moving image content 111 at any scale as long as the area 120 for displaying the second content on which the scroll operation is performed can be enlarged.

  In addition, when the terminal device 100 described above receives a downward scroll operation for the second content while the display size of the first content is reduced, the terminal device 100 enlarges the display size of the first content and the area 110. The area 120 has been reduced. However, the embodiment is not limited to this. For example, when a plurality of lists 121 to 125 are displayed in the area 120, the user reconfirms the list moved out of the area 120 as a result of the scroll operation. Scrolling in the direction may be desired. At this time, if the size of the region 120 is reduced, usability is deteriorated.

  Therefore, when the terminal device 100 accepts an upward or downward scroll operation on the second content while the display size of the first content is reduced, the terminal device 100 enlarges the display size of the first content and the area 110. Without scrolling, the second content is scrolled in the region 120. If the selection operation for selecting the first content is detected in a state where the display size of the first content is reduced, the terminal device 100 enlarges the display size of the first content and the area 110, The area 120 may be reduced.

  For example, FIG. 5 is a diagram illustrating an example of a process in which the terminal device according to the embodiment enlarges the display size of the first content. For example, in the example illustrated in FIG. 5, the terminal device 100 displays the moving image content 111 with a reduced display size in the area 110 with the reduced size, as in the third state illustrated in FIG. The second content including 125 is displayed in the enlarged area 120. In the first state, when the user's finger F10 performs a scroll operation on the area 120, the terminal device 100 performs the scroll operation on the lists 121 to 125 included in the second content within the area 120. Scroll in the desired direction. For example, when a downward scroll operation is performed on the area 120, the terminal device 100 scrolls the lists 121 to 125 displayed in the area 120 without changing the sizes of the area 110 and the area 120. .

  Here, as shown in the second state, the terminal device 100 is shown in the third state when the user's finger F10 taps on the area 110, that is, when the user selects the first content. The display mode of the first content and the second content is returned to the initial state. That is, when the terminal device 100 detects a selection operation for selecting the first content in a state where the display size of the first content is reduced, the terminal device 100 enlarges the display size of the first content and the region 110 and 120 is reduced. For this reason, when the user is interested in the second content, the terminal device 100 enlarges the area in which the second content is displayed, and when the user's interest returns to the first content, The display size of one content can be enlarged. As a result, the terminal device 100 can improve usability.

[5-2. Scroll operation for the second content)
When the terminal device 100 described above receives a scroll operation for scrolling the second content upward, the terminal device 100 reduces the display size of the first content and enlarges the area 120 in which the second content is displayed (hereinafter, referred to as “the first content”). The change process is described). However, the embodiment is not limited to this.

  For example, the terminal device 100 executes the change process when an upward scroll operation is performed in the area 110 in which the first content is displayed as well as in the scroll operation in the area 120 in which the second content is displayed. May be. Further, the terminal device 100 may enlarge the display size of the first content and reduce the size of the region 120 when a downward scroll operation is performed in the region 110. That is, the terminal device 100 may change the display size of the first content and the display mode of the second content according to the operation received from the user.

  Further, the terminal device 100 may execute the change process when a selection operation for selecting the second content is performed. Further, the terminal device 100 may execute the change process when receiving a scroll operation for scrolling the second content in a direction other than the upward direction. For example, when the lists 121 to 125 are arranged in the horizontal direction in the area 120, the terminal device 100 executes the change process when receiving a scroll operation for scrolling the second content in a direction other than the upward direction. May be.

  That is, the terminal device 100 may perform the change process when receiving an operation of scrolling the second content in a direction in which the range not displayed in the area 120 of the second content is displayed in the initial state. In addition, after the change process is performed, that is, in a state where the display size of the first content is reduced, the terminal device 100 displays a range of the second content that is not displayed in the area 120 in the initial state. When a scroll operation in the opposite direction is performed, or when an operation for selecting the first content is performed, the display mode of the first content and the second content may be returned to the initial state.

[5-3. About video content 111)
The terminal device 100 described above changes the display mode of the first content and the second content while continuing to play the moving image content 111. However, the embodiment is not limited to this. For example, an advertisement part may be inserted in the head part of the moving image content 111. Therefore, when expanding the size of the area 110, the terminal device 100 may reproduce the moving image content 111 from the beginning again.

  For example, the terminal device 100 executes the changing process shown in the first state to the third state shown in FIG. 1 according to the user's operation while continuing to play the moving image content 111. When the terminal device 100 changes the display mode of the first content and the second content from the third state to the fourth state according to the user's operation, the terminal device 100 plays the moving image content 111 again from the top. You may let them.

  Note that the terminal device 100 may pause the reproduction of the moving image content 111 when executing the change processing shown in the first state to the third state shown in FIG. In addition, in the third state illustrated in FIG. 1, when the reproduction of the moving image content 111 is completed, the terminal device 100 expands the area 110 where the first content is displayed and recommends the moving image to be recommended to the user. Thumbnails may be displayed.

  For example, FIG. 6 is a diagram illustrating an example of processing executed by the terminal device according to the embodiment after moving image reproduction. For example, when the terminal device 100 executes the change process according to the user's operation, as shown in the first state in FIG. 6, the moving image whose display size is reduced to the area 110 whose size has been reduced is shown. The contents 111 are arranged, and the lists 121 to 125 are displayed in the area 120 whose size is enlarged. Here, in the example illustrated in FIG. 6, it is assumed that lists 121 to 125 indicating other moving image contents in the same series as the moving image content 111 are displayed in the region 120.

  Here, in the first state shown in FIG. 6, the terminal device 100, when the playback to the end of the video content 111 is performed, that is, when the playback of the video content 111 is finished, as shown in the second state. The area 110 is enlarged and the area 120 is reduced. In addition, the terminal device 100 displays thumbnails 113 to 115 of moving image content to be recommended to the user in the area 110. As a result, the terminal device 100 can display the thumbnails 113 to 115 of the moving image content to be recommended to the user in a large area, so that the recommendation effect can be improved.

  For example, the terminal device 100 displays thumbnails of other moving image contents viewed by other users who have reproduced the moving image content 111 in the area 110. As a result, the terminal device 100 displays thumbnails of moving image content selected from different viewpoints in the area 110 and the area 120, respectively. Further, in the second state shown in FIG. 6, when the user's finger F10 performs a horizontal scroll operation on the area 110 in the second state illustrated in FIG. 6, the thumbnail displayed in the area 110 according to the scroll operation. Scroll.

  Here, in the second state shown in FIG. 6, when the user's finger F10 performs a scrolling operation on the area 120, it is considered that the user's interest is on the second content side. Therefore, when the user's finger F10 performs an upward scroll operation on the area 120 in the second state illustrated in FIG. 6, the terminal device 100 reduces the area 110 as illustrated in the third state. The thumbnails 113 to 115 are reduced in size. In addition, the terminal device 100 expands the area 120 and displays the lists 122 to 125. As a result, since the terminal device 100 can easily search for the moving image content that the user desires to reproduce next to the moving image content 111, usability can be improved.

  In the example illustrated in FIG. 6, thumbnails of other moving image content viewed by other users who have reproduced the moving image content 111 are displayed in the area 110, but the embodiment is not limited thereto. For example, the terminal device 100 may display an advertisement related to the moving image content 111 in the area 110 instead of the thumbnail of the moving image content. Further, the thumbnail displayed in the area 110 in FIG. 6 and the thumbnail displayed in the area 120 may have different relationships. For example, the terminal device 100 displays thumbnails of the second and third episodes, which are sequels to the same “XXX series” as the video content 111 that has been played back, in the area 110, and a series different from the “XXX series” A thumbnail of the first episode of “XX series” or a thumbnail of the first episode of “ΔΔ series” may be displayed in the area 120.

[5-4. About the second content]
The terminal device 100 described above executes the change process when receiving a scroll operation for scrolling the second content upward. In addition, the terminal device 100 did not execute the change process when the entire second content is displayed in the area 120 in the initial state. However, the embodiment is not limited to this.

  For example, when there is no video content of the same series as the video content 111, the content server 10 replaces the video content of the same series as the video content 111 with a list of video content similar to the video content 111 as the second content. It may be transmitted to the device 100. In such a case, it is considered that the lists 121 to 125 displayed in the area 120 are not very interested by the user.

  Therefore, the terminal device 100 executes the change process when the content related to the first content is included in the second content, and the change process when the content related to the first content is not included in the second content. Or bounce display may be performed. For example, if the list displayed in the area 120 does not include a thumbnail or a list of video content of the same series as the video content 111, the terminal device 100 may perform a scroll operation of the second content. Change processing is not performed or bounce display is performed.

  When the number of lists 121 to 125 included in the second content is smaller than a predetermined number, the terminal device 100 may not perform the change process or perform bounce display. For example, when there are less than 10 lists included in the second content, the terminal device 100 does not perform the change process, or after performing the change process, the display mode of the first content and the second content A bounce display for returning the display mode to the initial state may be performed. The number of lists may be dynamically changed according to the type and performance of the terminal device 100, the length of the moving image content 111, the size of the screen, the design of thumbnails and text included in the list, and the like. Further, the terminal device 100 may display a list including thumbnails of moving image content to be recommended to a user who has auditioned the moving image content 111 as the second content. If the terminal device 100 can expand the number of the lists 121 to 125 displayed in the area 120 as the area 120 is expanded, the display size of the lists 121 to 125 is increased along with the expansion of the area 120. You may enlarge to some extent.

[5-5. Regarding the terminal device 100]
In the above description, an example of processing executed by the terminal device 100 such as a smartphone has been described. However, the embodiment is not limited to this. For example, the terminal device 100 may be an information display device having a larger screen than a smartphone, such as a tablet terminal. Further, when the terminal device 100 has a large screen, the terminal device 100 may execute the above-described change process using another display mode.

  For example, FIG. 7 is a diagram illustrating another example of the terminal device according to the embodiment. A terminal device 200 illustrated in FIG. 7 is a tablet terminal having a larger screen than a smartphone. Here, it is assumed that the terminal device 200 can exhibit the same function as the terminal device 100.

  As shown in the first state in FIG. 7, in the initial state, the terminal device 200 displays the first content including the moving image content 111, the explanatory text 112, and the comment 116 for the moving image content 111 in the region 110. The second content including a plurality of lists is displayed. Here, when the terminal device 200 detects a scroll operation on the area 120, the terminal device 200 executes a change process.

  Specifically, the terminal device 200 reduces the area 110 and enlarges the area 120 as shown in the second state of FIG. Further, the terminal device 200 reduces the display size of the moving image content. Here, the terminal device 200 may change the display size of the explanatory text 112 and the comment 116, or may change the display mode such as changing the text return point. Further, as shown in the second state of FIG. 7, the terminal device 200 may display thumbnails obtained from different playback positions of the moving image contents side by side. When such display is performed, the terminal device 200 can easily select the moving image content that the user desires to reproduce.

  Further, in the state shown in the first state of FIG. 7, the terminal device 200 deletes the display of the comment 116 as shown in the third state of FIG. The entire text of the explanatory text 112 may be displayed in a range where the display of is deleted. When such display is performed, when the user is interested in the explanatory text 112, the terminal device 200 can expand the area in which the explanatory text 112 is displayed, so that usability can be improved.

[5-6. Regarding the orientation of the terminal device 100]
In the example described above, the terminal device 100 performs a change process when a scroll operation is performed on the region 120 in the direction in which the region 110 is arranged with reference to the region 120. However, the embodiment is not limited to this. For example, FIG. 8 is a diagram illustrating another example of the change process executed by the terminal device according to the embodiment. For example, in the example illustrated in FIG. 8, the terminal device 100 is used while being tilted in the horizontal direction. In such a case, as shown in the first state of FIG. 8, the terminal device 100 displays the moving image content 111 in the area 110 and displays only the thumbnail of the moving image related to the moving image content 111 in the area 120.

  Here, when the terminal device 100 accepts a scroll operation for scrolling the thumbnail on the area 120, the terminal apparatus 100 reduces the area 110 and reduces the display size of the moving image content 111 as shown in the second state in FIG. To do. In addition, the terminal device 100 displays the explanatory text 112 in an empty area of the area 110 generated by reducing the display size of the moving image content 111. Further, the terminal device 100 enlarges the area 120 and displays the titles and the like of the respective moving image contents together with the thumbnails of the respective moving image contents. That is, the terminal device 100 displays the lists 121 to 125 in the area 120.

  Thus, the terminal device 100 does not have to match the direction of the scroll operation that triggers the change process with the direction of reducing the display size of the first content, the direction of reducing the area 110, and the direction of reducing the area 120. Good.

[5-7. Continuing the change process)
The terminal device 100 described above performs a change process in response to a scroll operation on the second content. Here, the terminal device 100 may execute the change process while the user is actually performing the scroll operation. For example, the terminal device 100 changes the display mode from the second state to the third state while the scroll operation is performed on the second content in the first state illustrated in FIG. 1. And the terminal device 100 may return a display mode to a 1st state, when scroll operation is complete | finished in the middle of a display mode changing from a 2nd state to a 3rd state.

  In addition, when the scroll operation is performed, the terminal device 100 causes the display mode to transition to the third state even if the scroll operation ends in the middle of the transition from the first state to the third state. Also good. Further, the terminal device 100 may change the display mode from the first state to the third state while the second content continues scrolling by so-called inertia scrolling.

[5-8. Lists 121-125]
For example, the terminal device 100 displays a favorite button for adding moving image content in the list 121 to 125 in a reproduction list of moving image content that is continuously played, and responds when the user selects the favorite button. Video content may be added to the playlist. When such display is performed, the terminal device 100 can facilitate the operation of selecting the moving image content to be browsed continuously while reproducing the moving image content 111, so that the usability can be further improved.

  Further, when the user's finger F10 touches the thumbnails arranged in the lists 121 to 125, the terminal device 100 may reproduce the corresponding moving image content within the range where the thumbnails are displayed. Further, when the user's finger F10 performs a scroll operation on the thumbnail, the terminal device 100 may switch the displayed thumbnail to another thumbnail acquired from the same moving image content. When such display is performed, the terminal device 100 can facilitate the operation of selecting the moving image content to be browsed while reproducing the moving image content 111, so that the usability can be further improved.

  In addition, the terminal device 100 may display a list of video content to be recommended to a user who has viewed the video content 111 instead of the lists 121 to 125 indicating the same series of video content as the video content 111.

[5-9. About playback application 161]
The terminal device 100 described above executes the above-described change process by executing the reproduction application 161 for browsing the moving image content 111 distributed by the content server 10. However, the embodiment is not limited to this. For example, the terminal device 100 may perform the above-described change process when displaying a main page of a video distribution site, a photo browsing site, a blog, a tweet, or the like. Further, the terminal device 100 may cause the browser to execute the change process described above.

  For example, the content server 10 stores a control program for causing the terminal device 100 to execute the same processing as the above-described reproduction control unit 173. Such a control program is described in a script language such as JavaScript (registered trademark) or CSS (Cascading Style Sheets). Then, the content server 10 controls the web page distributed to the terminal device 100, such as an HTML file described in HTML (Hyper Text Markup Language) or an XML file described in XML (Extensible Markup Language). Are distributed to the terminal device 100.

  In such a case, the terminal device 100 exhibits the same function as the playback control unit 173 by executing the control program included in the web page. That is, when the user performs a scroll operation on the lists 121 to 125 while the moving image content 111 and the lists 121 to 125 are displayed on the browser, the terminal device 100 changes the display size of the moving image content 111. You may reduce and enlarge the magnitude | size of the area | region 120 which displays the lists 121-125.

[5-10. About content to which change processing is applied)
In the embodiment described above, when the user browses the first content including the moving image content 111 and the second content including the lists 121 to 125, the terminal device 100 performs a change process according to the operation of the user. Went. However, the embodiment is not limited to this. For example, the terminal device 100 may perform the above-described processing when displaying a web page such as a search site, a portal site, or a blog.

  For example, the terminal device 100 may display arbitrary first content in the area 110 and may display a plurality of news items that do not include thumbnail images as the second content in the area 120. Further, the terminal device 100 may display a plurality of title displays in which links to news articles are set in the area 120 as the second content. In this case, when the user scrolls the second content, the terminal device 100 can enlarge the area 120 and browse the news text and title display on a wide screen.

Further, when the user selects the title display displayed in the area 120 in the initial state or in an enlarged state, the terminal device 100 may display the news article to be linked as the first content in the area 110. . Further, the terminal device 100 may display a news article as a link destination in the area 120 as new second content. In such a case, the terminal device 100 may provide a display mode in which, when a predetermined operation is performed, for example, when a return button is selected, the display returns to the initial screen such that a plurality of title displays are displayed in the area 120. Good.
In such a case, when the user scrolls the second content, the terminal device 100 can enlarge the area 120 and browse the news on a wide screen.

  For example, the terminal device 100 may display advertising content such as a still image or a moving image as the first content. In such a case, the terminal device 100 reduces the display size of the advertising content and expands the area 120 where the second content is displayed in accordance with the user's operation. As a result, the terminal device 100 can facilitate the operation on the second content while viewing the advertisement without impairing usability. Further, the terminal device 100 can allow the user to browse the advertising content without impairing the evidence for the advertisement.

[5-11. Other operations
Note that the terminal device 100 may execute the change process when an operation other than the scroll operation or the tap operation is accepted. For example, the terminal device 100 may perform the change process in response to a scroll operation on the first content. In addition, the terminal device 100 is not limited to the scroll operation for the first content and the second content, and may perform the change process according to an operation performed at an arbitrary position on the screen. Further, the terminal device 100 may perform the change process according to a flick operation, a swipe operation, a double tap operation, or the like. Further, the terminal device 100 may perform the change process when the user tilts the terminal device 100 in a predetermined direction or when the user swings the terminal device 100 in a predetermined direction.

  Further, when the terminal device 100 has not only an operation on the screen but also a physical input device such as a power button or a volume button, for example, according to an arbitrary operation performed via the input device, You may perform a change process. As a specific example, when the button for raising the volume is pressed, the terminal device 100 reduces the display size of the first content, enlarges the area 120, and presses the button for lowering the volume. May enlarge the display size of the first content and reduce the area 120. That is, the terminal device 100 may perform the change process not only according to an arbitrary operation on the display screen but also according to an arbitrary operation using a physical button, a gesture, or the like.

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

  Further, each component of each illustrated apparatus is functionally conceptual, and does not necessarily need to be physically configured as illustrated. In other words, the specific form of distribution / integration of each device is not limited to that shown in the figure, and all or a part thereof may be functionally or physically distributed or arbitrarily distributed in arbitrary units according to various loads or usage conditions. Can be integrated and configured. For example, the functions of the display control unit 171, the display unit 175, and the change unit 177 illustrated in FIG. 2 may be integrated, and the functions of the operation control unit 172, the acquisition unit 174, and the reception unit 176 may be integrated.

  In addition, the above-described embodiments can be appropriately combined within a range in which processing contents do not contradict each other.

[5-13. program〕
Further, the terminal device 100 according to the above-described embodiment is realized by a computer 1000 having a configuration as shown in FIG. 9, for example. Hereinafter, the computer 1000 that executes the functions of the terminal device 100 will be described. FIG. 9 is a hardware configuration diagram illustrating an example of a computer that realizes the function of the terminal device according to the embodiment. The computer 1000 includes a CPU 1100, RAM 1200, ROM 1300, HDD 1400, communication interface (I / F) 1500, input / output interface (I / F) 1600, and media interface (I / F) 1700.

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

  The HDD 1400 stores programs executed by the CPU 1100 and data used by the programs. The communication interface 1500 receives data from other devices via the network N, sends the data to the CPU 1100, and transmits the data generated by the CPU 1100 to the other devices.

  The CPU 1100 controls an output device such as a display and a printer and an input device such as a keyboard and a mouse via the input / output interface 1600. The CPU 1100 acquires data from the input device via the input / output interface 1600. In addition, the CPU 1100 outputs the generated data to the output device via the input / output interface 1600.

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

  For example, when the computer 1000 functions as the terminal device 100 according to the embodiment, the CPU 1100 of the computer 1000 implements the function of the control unit 170 by executing a program loaded on the RAM 1200. Further, the HDD 1400 stores data in the storage unit 160, for example, the reproduction application 161. The CPU 1100 of the computer 1000 reads these programs from the recording medium 1800 and executes them. However, as another example, these programs may be acquired from other devices.

[6. effect〕
As described above, the terminal device 100 displays the first content and the second content, and changes the display size of the first content together with the display mode of the second content according to the operation received from the user. Thus, since the terminal device 100 changes the display mode of content according to a user's operation, usability can be improved.

  In addition, the terminal device 100 changes the display size of the first content together with the display mode of the second content in response to an operation on the second content. For this reason, since the terminal device 100 can display the content predicted to be of interest to the user in a display mode that is easier to visually recognize, it is possible to improve usability.

  Further, the terminal device 100 changes the area 110 in which the first content is displayed and the area 120 in which the second content is displayed according to the accepted operation. In other words, the terminal device 100 can increase or decrease the content display area, for example, according to the user's operation, so that the usability can be improved as a result of improving the visibility of the content.

  Further, the terminal device 100 enlarges the area 120 where the second content is displayed and reduces the display size of the first content and the area 110 where the first content is displayed according to the accepted operation. That is, the terminal device 100 expands the display area of the second content that is operated by the user. As a result, since the terminal device 100 can easily perform the operation while operating the second content while viewing the first content, the usability can be improved.

  Further, when the terminal device 100 receives an operation of scrolling the second content in a predetermined direction, the terminal device 100 reduces the display size of the first content and the area 110 where the first content is displayed, and the second content is displayed. The area 120 to be processed is enlarged. For this reason, since the terminal device 100 can easily perform an operation while scrolling the second content while browsing the first content, usability can be improved.

  In addition, when the terminal device 100 receives an operation of scrolling the second content in a direction in which an area in which the second content is not displayed in the initial state is displayed, the display size of the first content and the first content are displayed. The area 110 to be displayed is reduced, and the area 120 in which the second content is displayed is enlarged. For this reason, since the terminal device 100 starts a change process by natural operation, usability can be improved.

  Moreover, the terminal device 100 displays the 2nd content containing the some list 121-125. And the terminal device 100 increases the number of the lists 121-125 displayed in the area | region 120 as the area | region 120 where the 2nd content is displayed is expanded. For this reason, when the user is interested in the lists 121 to 125 included in the second content rather than the first content, the terminal device 100 increases the number of displays of the lists 121 to 125 included in the second content. Therefore, operability can be improved and usability can be improved.

  In addition, the terminal device 100 displays first content and second content including images such as still images or moving images. Then, the terminal device 100 reduces the display size of the image included in the first content to the same extent as the display size of the image included in the second content. For this reason, since the terminal device 100 can align the display mode of the first content and the display mode of the second content when the display size of the first content is reduced, the result of improving the visibility on the screen , Usability can be improved.

  In addition, when the terminal device 100 receives an operation of scrolling the second content in the direction opposite to the predetermined direction in a state where the area 110 where the one content is displayed is reduced, the display size of the first content is displayed. And the area 110 are enlarged, and the area 120 is reduced. For this reason, since the terminal device 100 can expand the display size of the first content when the user's interest returns to the first content, the usability can be improved.

  When the terminal device 100 accepts an operation of selecting the first content while the area 110 is reduced, the terminal device 100 enlarges the display size of the first content and the area 110 and reduces the area 120. For this reason, since the terminal device 100 can accept the scroll operation of the second content displayed in the region 120 when the region 110 is reduced, usability can be improved.

  In addition, when the first content is a moving image, the terminal device 100 resumes reproduction from the beginning of the moving image when the display size of the first content is enlarged. For this reason, the terminal device 100 can reliably present such information to the user when information that the user wants to browse, such as an advertisement, is included at the head of the moving image.

  Further, in the initial state, when the entire region of the second content is not displayed in the region 120, the terminal device 100 executes the change process according to the accepted operation, and in the initial state, the terminal device 100 stores the second content in the region 120. If the entire area of the content is displayed, the change process is not executed according to the accepted operation. For this reason, the terminal device 100 can prevent the generation of a blank area in which no content is displayed, and improve the visibility of the content.

  In addition, when the content related to the first content is included in the second content, the terminal device 100 executes a change process according to the accepted operation, and the content related to the first content is included in the second content. If not, the change process is not executed according to the accepted operation. For this reason, since the terminal device 100 can make the operating user know that there is no video content list associated with the video content 111, usability can be further improved.

  In addition, when the first content is a moving image, the terminal device 100 executes the change process while continuing to reproduce the moving image. For this reason, since the terminal device 100 can realize the operation while performing the operation of the second content while browsing the reproduced moving image, the usability can be improved.

  As described above, some of the embodiments of the present application have been described in detail based on the drawings. It is possible to implement the present invention in other forms with improvements.

  Moreover, the above-mentioned “section (module, unit)” can be read as “means”, “circuit”, and the like. For example, the distribution unit can be read as distribution means or a distribution circuit.

DESCRIPTION OF SYMBOLS 10 Content server 100 Terminal device 110, 120 Area | region 111 Movie content 112 Description text 113-115 Thumbnail 121-125 List 130 Communication part 140 Input part 150 Output part 160 Storage part 161 Playback application 170 Control part 171 Display control part 172 Operation control part 173 Playback control unit 174 Acquisition unit 175 Display unit 176 Reception unit 177 Change unit

Claims (14)

A display unit for displaying the first content and the second content;
When the operation of scrolling the second content in a predetermined direction is received, the first content is displayed while being reduced without changing the aspect ratio of the display size of the content included in the first content An information display device comprising: a changing unit that reduces the size of the second content and enlarges an area in which the second content is displayed . The said change part changes the display size of the content contained in the said 1st content with the display mode of the said 2nd content according to operation with respect to the said 2nd content displayed by the said display part. Item 4. The information display device according to Item 1. The changing unit in accordance with an operation accepted from a Subscriber, a region in which the first content is displayed, according to claim 1 or 2, wherein the second content and changes the area displayed The information display device described in 1. When the change unit receives an operation of scrolling the second content in a direction in which an area where the second content is not displayed in the initial state is displayed as the predetermined direction, the change unit is included in the first content. while reducing the display size of the content, to reduce the region where the first content is displayed, any one of claims 1 to 3, wherein the second content is equal to or to expand the area to be displayed The information display device described in 1. The display unit displays second content including a plurality of lists,
The said change part increases the number of the said list | wrist displayed within the area | region where the said 2nd content is displayed, as the area | region where the said 2nd content is displayed is expanded. 5. The information display device according to any one of 4 . The display unit displays first content and second content including an image,
The changing unit, either the display size of the image included in the first content, according to claim 1 to 5 to substantially characterized thereby reduced to the same size as the display size of the image included in the second content The information display apparatus as described in any one. When the change unit receives an operation of scrolling the second content in a direction opposite to the predetermined direction in a state where the area where the first content is displayed is reduced, the change unit receives the first content. to expand the area in which the display size and the first content is displayed contents contained, according to any one of claims 1-6, characterized in that said second content is reduced the area to be displayed Information display device. When the changing unit accepts an operation of selecting the first content in a state where the content included in the first content is reduced, the display size of the content included in the first content and the first content There was a larger and a region to be displayed, the information display device according to any one of claims 1-7, wherein the second content is equal to or to reduce the area to be displayed. When the content included in the first content is a moving image, the changing unit restarts reproduction from the beginning of the moving image when the display size of the first content is enlarged. The information display device according to claim 7 or 8 . In the initial state, the changing unit is configured to display the second content and the content included in the first content when the entire region of the second content is displayed within the region where the second content is displayed. after changing the display size, in any one of claims 1-9, characterized in that to restore the display size of the content included in the first content and the display mode of the second content The information display device described. The changing unit, if it contains content related to the first content to the second content, in accordance with the operation received from a Subscriber, included in the first content and the display mode of the second content When the content display size is changed and the second content does not include content related to the first content, the display mode of the second content and the display size of the content included in the first content are changed. after changing the information display according to any one of claims 1 to 1 0, characterized in that to restore the display size of the content included in the first content and the display mode of the second content apparatus. When the content included in the first content is a moving image, the changing unit changes the display mode of the first content and the display mode of the second content while continuing to play the moving image. The information display device according to any one of claims 1 to 11, wherein: An information display method executed by an information display device that displays arbitrary content,
A display step of displaying the first content and the second content;
When the operation of scrolling the second content in a predetermined direction is received, the first content is displayed while being reduced without changing the aspect ratio of the display size of the content included in the first content And a changing step of enlarging an area where the second content is displayed . On the computer,
A display procedure for displaying the first content and the second content;
When the operation of scrolling the second content in a predetermined direction is received, the first content is displayed while being reduced without changing the aspect ratio of the display size of the content included in the first content And a change procedure for enlarging an area in which the second content is displayed .

Images